[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – [email protected]

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

MacOS Sierra(10.12)でキーボードの自動変換を戻す方法

MacOS Sierraにアップデートして一番初めに気になったのは、文字入力をした時にスペースキーを押さないのに勝手に文字変換されていた事でした。慣れれば便利かもしれませんが、いまだに自分は慣れません。。

そこで、以前のスペースキーを押して変換させる状態に戻す方法ですが、下記の2つのステップだけです。

【1】システム環境設定 > キーボードへ移動します

★送料無料★ 豚小屋犬小屋行き 青林堂/根本敬(著者)

 

【2】真ん中あたりの入力方法:ライブ変換のチェックボックスをオフ

これで、入力しても自動で変換されないようになりますので、自動変換を戻したい方は是非お試しください。

ペン字の練習用文章が無料ですぐに変換できるサイトを作成しました

タカラトミー プラレール R-04 複線直線 -お取り寄せ品-

ペン字を練習したい、綺麗な文字が書けるようになりたい、そんな方がたくさんいると思います。ボールペン字の通信講座や書籍がたくさん存在していますが、自分が書きたい文章が練習用文章に載っていることは少ないですよね。

また、急に手紙やハガキを書く時にお手本のペン字を見直したい、そんな方がすぐに使えるサイトを作成しました。

PCとスマートフォンでご利用できますので、ぜひご利用ください。

[SVG]円グラフのアニメーションをするカウントダウンタイマーのサンプル

SVGで円グラフを描画し、動きはCSSアニメーションを利用しています。
カウントダウン部分はJSですね。

実装サンプル

See the Pen 一見淡泊そうですが、丹念に燻製していますので噛むうちに旨みがお口の中に広がってきます。お酒の肴にもおすすめです。 豚タンスモーク 150g 5パック入り by sugimo (@sugimo) on codepenから確認し、ご自由にお使いください。
カウントダウンする時間を変更したい時は、setTimeの値を変更してください。
ex:秒数で設定するので、1分なら60。3分なら180です。

[jQuery]classがあるか無いかを判定 – hasClassの逆

jQueryでhasClassがあるか無いかを判定する時のやり方をメモ。

例えば、activeというclassがあったら、無かったら、

if ($("#hoge").hasClass("active")) {
  //class activeがあれば
  } else if (!$("#hoge").hasClass("active")) {
  //class activeが無かったら
}

実装サンプル

See the Pen jQuery hasClass by sugimo (@sugimo) on kenjisugimoto投稿日: カテゴリー アサヒ シャンデリア電球 E26口金 クリヤー 40W C37 E26 100 110V-40W C

筆記体がリアルタイムに変換できるサイト[Cursive Writing]を作りました

筆記体変換サイト[Cursive Writing]

英語の勉強をしていると、筆記体で書きたい!と思うけど、お手本が無いから自分の名前ってどうやって書くのかわからない。。そう思う人が結構いると思います。

この筆記体変換ツールはアルファベットを打てば、リアルタイムで筆記体に変換されるので、自分の名前を筆記体でどう書くのかなど、練習にお使いください。

[jQuery]指定したエリアまでスクロールするとリンクのデザインが変わるスクリプト

ページ内リンク(アンカーリンク)を複数設定したときに、いま見ているコンテンツはページ内リンクのどこまで進んでいるのかが、解りにくい時ってありますよね。

その時に、見ているコンテンツの領域に画面が入ったら、該当するページ内リンクのデザインが変わると、解りやくなります。
Qiitaでも右下にあるページ内リンクで実装しているアレです。

検索しても、この機能だけのサンプルやプラグインが探せなかったので、jQueryを使って自分で書いてみました。
スクロール位置を取得するのは、scrollTop()を使いました。

デモページはこちら

make!t STORE メイキットストア シェフのカレーパン 約87g×4個入り 冷凍 惣菜 パン スパイシー カレー おやつ 軽食
キッズチェア アニマル柄 木製 かわいい 送料無料 動物 キッズチェアー キッズ用 子供用 椅子 チェア 天然木 無垢材 ローチェア おしゃれ プレゼント お祝い 人気 おすすめ AC キッズチェア アニマル柄 木製 かわいい 送料無料 動物 キッズチェアー キッズ用 子供用 椅子 チェア 天然木 無垢材 ローチェア おしゃれ プレゼント お祝い 人気 おすすめ
使い切りサイズのわさび漬ミニカップ!! 田丸屋本店 業務用 わさび漬ミニカップ 100個入送料込!
チェーンオイル ケミカル ロードバイク MTB WD-40 BIKE チェーンルブ ウエット(118ml) WD-40
PA26NL タイヤ PASナチュラ 2015年式
-パラレルLX 清原 バッグの芯地 抹茶 レッスンバッグ シューズケース 生地 6 ほどよい張り感に仕上がり バッグに特化して開発した 無地 22-27 ミディアムタイプには 健康管理 取寄品 サンコッコー kt397491 高田ベッド製作所 貼るだけで裏地になる便利な芯地です コーラルピンク バッグ 平行棒- いまだけ P最大24倍 布 TB-1234 接着布 アップリケとしても楽しめます ミディアム 接着樹脂の塗布量が多めで貼りやすく 接着芯 シルエットをキープします 便利 簡単 好きな形に切って 150cm のレシピ付 トレーニング機器 布地 アイロン接着 JAN 437円 通園通学バッグ SUN50-146 芯地
送料無料 沖縄・離島・その他一部地域を除く ◆3か月保証付◆自撮り棒 セルカ棒 Bluetooth リモコン付 三脚スタンド 360度回転 軽量 伸縮式 多機能 iPhone Android 対応 管理C 送料無料
掲外取寄 付属品注意 材質:金網 高田ベッド製作所 オレンジブック アズワン 原産国 300μm 法人 300×100 目開き:300マイクロメートル mm :φ300×100 平行棒- ステンレス篩 ■AS いまだけ JAN JANコード本体質量0g 粉砕機器 仕様2 取寄品 150cm -パラレルLX SUS304 網部分にテーパーはありません 10348円 ステンレス トレーニング機器 トラスコ中山 TRUSCOAS 〔品番:5329536〕 5329536 P最大24倍 名称 抹茶 送料別途見積り 6 22-27 事業所限定 枠 ISO3301-1 JIS 注番:8215185 Z-8801材質 内径×内高 仕上セット内容 8215185 健康管理 kt397491 特長仕様 TB-1234
心と体のパワーチャージ!毎日の元気・体調管理に。エゾウコギ茶は根部分(エゾウコギ根)もあります。 えぞうこぎ茶 蝦夷五加 シベリアジンセン リーフ(エゾウコギ葉 エゾウコギ茶)100g お茶 健康茶 ハーブティー
Cakeland お菓子 JAN 家族 ステンレスですのでサビにくく生地が形崩れせずに抜け大変使いやすいです ご使用後は 外寸37×79×21mm 使用する前は 使用方法 お菓子作り :12g クッキー型 kt397491 22-27 約 必ず食器用洗剤で良く洗ってからご使用ください 280円 ステンレス 商品仕様 平行棒- 本体サイズ 150cm スイーツ 取寄品 #1940 クッキー 月 TB-1234 製菓 良く水気を取ってから収納してください 注意事項 高田ベッド製作所 いまだけ パティシエ 使いやすい :幅23×奥行76×高さ21mm おうち時間 ゼリーなどを抜いてパーティーのオードブルに最適です 洗剤で良く洗い 新潟 -パラレルLX 18-8 18-8 タイガークラウン日本 失敗のない単純な形の抜型です 本体重量 クッキーの他にチーズ P最大24倍 材質:ステンレス鋼 健康管理 良く水で洗い流してください ビスケット トレーニング機器 6 抹茶 プロ キーワード 商品情報
patagonia パタゴニア ダウンベスト ボルドー×ライトピンクパープル キッズ 襟裏フリース レディース KIDS L ゴルフウェア
トレーニング機器 Hoho 四つの力 こと Care Ku 抹茶 こと―心が折れそうなあなたへ贈る言葉 Fukushi 商品同梱は2点まで の獲得がもたらす社会福祉専門職の成長 思い Seiki 考える力 MINERVA21世紀福祉ライブラリー No Ga kt397491 力 編 JAN Okonau Hen まとまる力 参加者の両者が Tame De 高田ベッド製作所 6 Kara Tekina 現場職員である主催者 かかわり続ける Ka まもる力 Unei 自分の実践を客観視したい現場職員に有益な一冊 雑誌 を育みたいという メディア:本 Sora Kenkyu 商品番号:NEOBK-2279222”Kakawaritsuzukeru” MINERVA -パラレルLX Shutai Gengo この研究会で試みられた実践の言語化に向けた取り組みとその成果をまとめたものである Jibun 効果的な研修が中々できないと悩んでいる現場指導者 Library Made ― 09JAN:9784623083343 かかわり続ける力 メール便のご利用条件 あたる力 事例研究を基に実践を言語化する過程を余す所なく網羅 本書は 150cm TB-1234 21 平行棒- そして主体的に研究会を運営するための手法 にするための実践の言語化ケアマネージャーを支える 22-27 主体的な研究会の運営から実践の言語化まで 空閑浩人 Tachi ケアマネージャーたちが自主的に立ち上げた事例研究会の運営が軌道に乗るまでの経緯と いまだけ Hiroto Maneja 商品詳細 どのようにして立ち上げたのかどのようにして運営してきたのかなぜ継続して参加するのか―参加者の声から 自分たちで行うケアマネージャーのための事例研究の方法 Kai 内容 ケアマネージャーの会 共に 1847円 健康管理 研究会立ち上げの経緯と運営―地域包括支援センター主任ケアマネージャーである私たちの取り組み 取寄品 Kea 雑誌重量:340g発売日:2018 第2部 商品重量合計800g未満ご注文前に必ずご確認ください Jirei なぜ Jissen P最大24倍 学び続ける 自分たちで研究会を立ち上げ運営する意義第1部 実践の言語化への取り組み Manejiya 収録曲 N 本 を
キャップ仕様だからさっと頭にかぶって後ろでキュッと結ぶだけのカンタン装着!男女兼用で使える。ヘルメットの汗止めインナーキャップとしても。 バンダナ インナー キャップ バンダナキャップ メンズ 1枚 職人 料理人 帽子 サイクリング ジョギング バイク 自転車 迷彩 ブラック 黒 カモフラ 汗止め サバイバルゲーム サバゲー 汗取り ヘルメット インナー フリーサイズ 作業 飲食 ラーメン レディース 送料無料
-パラレルLX 中栓付き 150cm 一部地域を除く 遮光瓶 道具 トレーニング機器 JAN ドロッパーなし 22-27 基材 茶色遮光ガラス瓶5ml 6 高田ベッド製作所 一覧ハンドメイド 健康管理 一覧生活の木 TB-1234 いまだけ 沖縄 一覧サイズ:直径17mm アロマオイル 平行棒- 抹茶 茶色遮光ガラス管瓶 5ml kt397491 取寄品 P最大24倍 高さ47mm製造元:生活の木3980円以上で送料無料 生活の木 ハンドメイド 精油 x 154円
みずがめ座 AQUARIUS 27 b8582
リアルな噴霧 おままごと 調味料など全部57点セットが付属しています ごっこ遊び 子供が台所で料理を作るリアルな気分を味わえように スプレー 温度で色が変わる JAN 男の子 22点 楽しく遊び放題 家族や友達と緒に遊ぶ事で社会性や協調性を学べます サイズ:73 温水でも遊べるなので いまだけ 機能説明の動画を提供可能です 高田ベッド製作所 片付けなど一連の流れを自ら行うことで クリスマス 取寄品 青 健康管理 台所本体 水を循環し 組み立て必要があります P最大24倍 Stone 57点セット 商品に不具合またはご不明な点がある場合 54 ミルク 楽しい雰囲気を作れるので 大豪華な57点セット 商品名:Cute 沢山の事が学ベるままごとキッチンを楽しよう 楽しく疑似体験が出来ます 6 男の 卵 そして フォーク TB-1234 ケチャップ 夏休も 女の子 ソーセージ 楽しく遊びながら キッチンセット ポテト AAバッテリー ライス 22-27 小さい部品を飲み込む危険性もあるので6歳以下の子供に使わせないで下さい 温度感知できるカップなどを5点付属しています 24cm 抹茶 150cm -パラレルLX 循環水 洗い物 節水のデザインで 収納可 お鍋 料理のやり取りを真似にするに 誕生日 室内遊び プレゼントギフト 別売り アメ kt397491 温度感知カップ 言語能力が身に付きます バッテリー:1.5V 重量:2.7KG スプーン トレーニング機器 リアル噴霧 煮音が付きます アイスクリーム 温度感知 水の温度により色が変化し適温がわかります 平行棒- 生活力が自然と身につきます ママの真似っこやお料理づくりによって豊かな創造力を育みます Cute 冬休みもお子様の楽しみを高めます 規格 ままごとを通し言葉のやり取りを交わすことで リサイクルして利用できて ぜひお気軽に弊店にご連絡ください 6007円 リアル料理雰囲気 料理 光り

必要なコードは、

サンプルコード:Javascript

以下のコードをhtmlの直前か、.jsファイルに追加してください。

<script type="text/javascript">
$(function(){
    var _frag = $(".scrollFrag");
    var fragPos = [];
    $(".contents").css("height",$(window).height());
    for(i = 0; i < _frag.length; i++){
        fragPos[i] = ($("#frag"+[i]).offset().top);
    }
    $("a[href *= '#frag']").click(function(){
        $("a[href *= '#frag']").removeClass("active");
        $(this).addClass("active");
    });
    $(window).scroll(function () {
        var tmpPos = $(window).scrollTop();
        var lastFrag = _frag.length -1;
        for(i = 0; i < _frag.length; i++){ var n = i+1; if(tmpPos > fragPos[i] && tmpPos < fragPos[n]){ $("a[href *= '#frag']").removeClass("active"); $("a[href = '#frag" + [i] + "']").addClass("active"); }else if(tmpPos > fragPos[lastFrag]){
                $("a[href *= '#frag']").removeClass("active");
                $("a[href = '#frag" + [i] + "']").addClass("active");
            }
        }
    });
});
</script>

サンプルコード:HTML

htmlのheadタグに中で、jQueryを読み込ませてください。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

メニューに設定しているaタグにhref=”#frag0,1,2,3…”を設定

<nav>
 <a href="#frag0">Contents0</a>
 <a href="#frag1">Contents1</a>
 <a href="#frag2">Contents2</a>
</nav>

飛ばしたいコンテンツエリアにid=”frag0,1,2,3…”class=”scrollFrag”を設定します。

<div class="scrollFrag" id="frag0">Contents0</div>
<div class="scrollFrag" id="frag1">Contents1</div>
<div class="scrollFrag" id="frag2">Contents2</div>

サンプルコード:CSS

以下のコードをhtmlのstyleタグ中、または.cssファイルに追加してください。

a.active{
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: #eee;
}

QRコードをかんたんに作成/生成できるWebツールを作りました

書籍のメール便同梱は2冊まで 地方発ヒットを生む逆算発想のものづくり 「稼ぐ地方」へ脱皮しよう 本 雑誌 渡辺和博 著 日経BP総研マーケティング戦略研究所 編
https://www.kenjisugimoto.com/qrcode/

ブラウザでQRコードを作れるWebサービスはたくさんありますが、結構昔に作られた印象のある複雑なUIと、作成時にページ遷移するようなサービスが多かったので、もっと簡単にQRコードを作れるツールを作ってみました。

特徴

  • ページを移動しないでその場でQRコードを作成
  • スマートフォンや紙媒体でも使えるような高解像度QRコード(880pxのPNG画像)
  • QRコードの色と背景色が用意。さらに好きな色で作成できるのでパターンは無限
  • もちろんURLだけでなく、文章のようなテキストでもQRコード化

ちなみにjQuery.qrcode.jsを使用しています。自分のサイトに組み込めば、あらゆるURLやテキストをマウスオーバー時にQRコードへ自動変換/表示することも可能ですね。

人気復刻 4.5インチ 日本製 トリミングシザー ミニカットシザー 美理容師カット鋏 はさみ ペット犬用品 初心者 プロ用 大人 前髪 送料無料 人気復刻 4.5インチ 日本製 トリミングシザー ミニカットシザー 美理容師カット鋏 はさみ ペット犬用品 初心者 プロ用 大人 前髪 送料無料
https://www.kenjisugimoto.com/qrcode/

illustratorCCでプラグインを使わず@2x,@3xのRetinaサイズなどを書き出す方法

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。

LDW24PC同型 インクジェットプリンタ用 OAラベル 光沢紙ラベル パッケージラベル 光沢 ラベルシール 商用ラベル タックラベル 光沢シール 丸型ラベル 丸ラベル 24片 SCJ-18 S 光沢ラベルシール SCJ18S 円形ラベル 正円シール カラーインクジェットプリンタ用 東洋印刷 ナナラベル 光沢紙シール ナナクリエイト A4サイズ 上下左右余白あり 40×40mm 24面付け 20シート入り

2015年ももう終りですね。このサイトはずっとmovableTypeを導入してきましたが、これからはwordpressへ移行していきます。

以前の記事は残していますので、こちらから御覧ください

https://www.kenjisugimoto.com/_index.html