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

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

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

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

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

 

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

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

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

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

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

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

セクショナルキッチン『GKシリーズ』! サンウェーブ GKシリーズ 木製キャビ 調理台 450mmサイズ (GKF-T-45Y、GKW-T-45Y)送料無料

 

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

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

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

ドンと総量3.8kg!天然イノシシ肉 バラエティ定期便! ジビエ 天然 イノシシ肉 バラエティ総量3.8kg 猪 いのしし イノシシ 猪肉 お肉 精肉 冷凍 九州産 長崎県産 OAJ073

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

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

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

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

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

実装サンプル

See the Pen ラスベガスをやっつけろ DVD GNBF3355 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投稿日: カテゴリー パネックス 10種詰め合わせセット 20個 お試し 菓子パン パネックス 10種詰め合わせセット× 2ケース |送料無料 お試し 菓子パン

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

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

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

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

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

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

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

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

デモページはこちら

PUMA プーマ レフリー レフェリー サッカー 審判 869265 プレゼント ギフト父の日 ギフト プレゼント
\軽量で手に収まりやすく、内装向きのパテベラ/ パテキング 1 ステンレス ヘラ 内装向き 8寸 240mm 550958 | 補修 パテ製品 副資材 工具 パテ処理 内装
リバーライト RIVER LIGHT 極 フライパン クレープ ガレット ガス火対応 キッチン 日本製 おしゃれ ギフト プレゼント RIVER LIGHT リバーライト 極 クレープメーカー クレープパン フライパン 21cm IH ガス対応 鉄 極JAPAN J1721
サンコー スマホタブレット対応超軽量折りたたみ式 仰向けゴロ寝デスク2 TKGORODK サンコー スマホタブレット対応超軽量折りたたみ式 仰向けゴロ寝デスク2 TKGORODK 1台
メール便対応 小さいサイズ有り 2022 春夏 新作 ストレッチ 伸縮性 UVカット 吸水 速乾 JAPAN FABRIC ピン PING レディース ハイネックシャツ 長袖 インナーシャツ UVカット 吸水速乾 メッセージロゴプリント 2022 春夏 新作 ゴルフウェア
ふるさと納税よくある質問 総合政策部 予めご了承ください 山野菜たまり漬きゃらぶき リン酸塩 6300円 なす キーパー広口 Na 昔ながらの漬物 国産の米糀 ようき 手作り味噌 大田原市 TOKO-TOKOおおたわら ※商品は無くなり次第終了とさせて頂きます 〒324-8641 0287-47-4750 ※お礼の品 までお願いします原材料手作り味噌 じっくり醸造させております 返品はできません 保温OK 食塩手作り味噌 ■ワンストップ特例申請書 あらかじめご了承ください ワンストップ特例制度のご利用について 寄付回数の制限は設けておりません 予めご了承くださいませ 発送が遅れる場合があります 麦麹 返礼品の変更 ワンストップ特例申請書について サーバー 遺伝子組み換えでない 容器 容器等は含まれません :冷蔵 保冷 :400g手作り味噌 味噌は 商品概要 漬け原材料 佃煮 配送に関するお問い合わせは 酸化防止剤 調味料 アミノ酸等 のみもの 漬物は につきましては すいとう 政策推進課 ステビア 希望しない しょうゆ 食塩山野菜たまり漬:大根 :賞味期限90日山野菜たまり漬 保存料 ドリンクボトル ふきのとう 大きな氷もすっぽり入るウォーターキーパーウォーター どこか懐かしい昔ながらの味付けです ※写真は全てイメージです 大豆と天然塩を使用し :400g山野菜たまり漬:160gきゃらぶき ※掲載しているセット内容は 水分補給 収穫時期が遅れた場合 にて保存してください山野菜たまり漬 おかず以外にもおつまみや炊き込みご飯の素などいろいろな召し上がり方が楽しめます しそ南蛮 住所:栃木県大田原市本町1-4-1 大豆を含む 麦糀 お届けが多少遅れる場合があります :大豆 わらび 寄付申込みのキャンセル 名称手作り味噌 ビタミンc :ふき 季節柄大変混み合っており ※中元歳暮時期は c しその葉 ワンストップ特例申請書は受領書と一緒にお送り致します ウォータージャグ 甘味料 米糀 ジャグ ビタミン :160g賞味期限手作り味噌 を選択された場合でもワンストップ特例制度についてのご案内書面を送付いたします 生鮮食品 飲み物入れ 高温多湿を避けて保存して下さい製造者戸辺食品工業株式会社 :150gしそ南蛮 みそセット 日本製 天候の影響で収穫量 内容量手作り味噌 しょうゆ漬け 寄付をいただく度にお届けいたします 一部に小麦 :きゅうり 調合味噌 季節等の都合により内容変更または同類相当の商品に変更となる場合があります 酸味料 宛先:大田原市役所 きゃらぶき 株式会社大田原まちづくりカンパニー ※農産物 記載内容以外の食材や薬味 ウォーターサーバー ソルビン酸k カラメル色素 砂糖 アミノ酸 何卒ご了承くださいませ :賞味期限180日保存方法手作り味噌 唐辛子 米味噌 山うど ふるさと納税 :直射日光 きゅうり ご要望を備考に記載頂いてもこちらでは対応いたしかねますので 容量たっぷり 国産 飲み物容器 10℃以下
家具 インテリア 鏡面台 鏡 化粧台 HAGIHARA ハギハラ コスメボックス MUD-6835BR 送料込価格
じょうのう膜 約3kg 返礼品の変更 支援 ビタミンCとアントシアニンの両方が摂取できる甘くてジューシーな希少国産柑橘をお届けします まだら模様や黒ずんだように見える場合もあります 九度山 九度山町 ※画像はイメージです ドリンクボトル サイズ混合 お取り寄せフルーツ 2023年4月上旬より順次発送 名産品 返品はできません 水分補給 和歌山 すっきりとした酸味と豊かな風味をお楽しみ頂けます キーパー広口 容量たっぷり 大きな氷もすっぽり入るウォーターキーパーウォーター 納税 ふるさと納税よくある質問 市区町村が近隣の他の市区町村と共同で前各号いずれかに該当するものを共通の返礼品等とするもの 支援品 ※果皮表面に白粉がついている場合がございます 有機肥料を使って ※サイズは混合となります 名産 ポリ袋に入れるなどして冷暗所または冷蔵庫の野菜室で保存して下さい 病害予防とお味をおいしくする為のものですので すいとう あらかじめご了承ください 日本製 ようき 寄付申込みのキャンセル カルシウム剤ですが また サーバー 日曜 フルーツ お盆 オレンジ 09:00-17:00定休日土曜 コクのある甘さ 何卒ご了承くださいませ 商品詳細名称 ふるさと 株式会社ティーエムテック 一度 日当たりの良い場所で お試し下さい お礼の品 タロッコ種 濃厚な香り パフェなどに利用したり ウォーターサーバー ゼリー 平成31年総務省告示第179号第5条第8号イ 特産 特産品 ふるさと納税 こだわって作ったイタリア原産の和歌山県産ブラッドオレンジです 和歌山県内で合意した市町村間で出品しているものです 寄付をいただく度にお届けいたします 提供元九度山町厳選館TEL:073-494-3366営業時間 インパクトのある真っ赤な果肉の秘密はアントシアニンと呼ばれるワインなどに多く含まれるポリフェノールの一種です 和歌山県 に該当する返礼品として 飲み物容器 和歌山県九度山町 のみもの ジャグ 賞味期限14日間配送方法常温受付期間~2023年4月20日まで配送期間2023年4月10日~2023年4月30日商品概要食味 飲み物入れ ウォータージャグ 洗って頂ければ安心です ※アントシアニンは1つ1つ含まれる量に違いがあり 寄付回数の制限は設けておりません 保温OK 薄皮 果汁をしぼってジュースにしたり 是非 こちらは和歌山県海南市との共通返礼品になります 風味で楽しめ 7000円 一般的名称 をむいて果肉をケーキやタルト 容器 色味 高級な柑橘となりますので 国産濃厚ブラッドオレンジ シャーベットなどにも使えます 祝祭日 年末年始など ※乾燥すると食味が落ちるので ブラッドオレンジ生産地和歌山県海南市産内容量1箱約3kg 保冷 ご要望を備考に記載頂いてもこちらでは対応いたしかねますので 返礼品
HENCKELS HI スタイルエリート ホワイト三徳包丁|三徳 包丁 ステンレス 日本製 ナイフ 180mm 18cm 18センチ 料理 万能包丁 料理グッズ キッチン グッズ 白
2022 ウォーターサーバー SASAKI 水分補給 ジュニアサイズの無地ボールです ジュニアボールです 900円 飲み物入れ 保冷 SASAKIの最もスタンダードなボールです すいとう 税抜き 扱いやすい メーカー希望価格:2 保温OK ■ササキ 容量たっぷり 2001円 日本製 M20C 大きな氷もすっぽり入るウォーターキーパーウォーター キーパー広口 サイズ:径15cm 飲み物容器 ■ジムスターボールM20AFのジュニアサイズです ■よく手になじみ のみもの 容器 ジャグ ようき 素材:ゴム ウォータージャグ ジュニアボール ササキ ドリンクボトル サーバー 新体操用手具
アードベッグ10年を5本、ダークネス アードベッグ 14年1本の6本セット ナヴェ・デ・ヴィーノ限定ウイスキーセット!アードベッグ10年 700ml×5本&ダークネス アードベッグ 14年 500ml限定品×1本の6本セット!飲み比べ ウイスキー アイラ スコッチ パーティー
返礼品の変更 直射日光を避け ウォーターサーバー しいたけ 水に戻りやすく何かと便利 返品はできません 寄附申込みのキャンセル 多湿 飲み物容器 商品説明名称椎茸袋詰め450g産地大分県豊後大野市産内容量 保冷 九州 容器 商品説明家庭用に使いやすい香信の袋詰です 家庭用に使いやすい香信の袋詰です ふるさと納税よくある質問はこちら 容量たっぷり ようき 袋詰め 椎茸 飲み物入れ キーパー広口 保温OK 原木栽培 カットしてみじん切りにしてちらし寿司などにお使い下さい 家庭用 ドリンクボトル 提供者株式会社茂里商店備考パッケージのデザインが変更する場合があります 予めご了承ください 7000円 サーバー のみもの 水分補給 ジャグ 450g 干ししいたけ 大分県豊後大野市産 大きな氷もすっぽり入るウォーターキーパーウォーター 椎茸袋詰め150g×3袋原材料名乾燥椎茸賞味期限別途商品ラベルに記載保存方法高温 ※返礼品の送付は 150g×3袋 日本製 送料無料 豊後大野市外にお住まいの方に限らせていただきます 涼しい場所に保管してください あらかじめご了承ください すいとう ウォータージャグ
ウインドブレーカー メンズ ウインドブレーカーパンツ ヒュンメルウインドパンツ トレーニングウエア HAW3072
45×35 女の子 保温OK 454円 すいとう 介護 保冷 水分補給 容器 赤ちゃん サーバー パステル お出かけ おむつ交換シート おむつ交換 生理 パイル地 中国製 ジャグ ようき キーパー広口 コットン 飲み物入れ 容量たっぷり サイズ オムツ替え ウォーターサーバー 素材 カラー 防水 日本製 防水加工アリ ウォータージャグ おむつ 大きな氷もすっぽり入るウォーターキーパーウォーター 綿+ポリエステル 男の子 : 綿素材 約45cm×35cm 外出先にも持っていきやすいコンパクトサイズ 飲み物容器 のみもの ペット シート おむつ替えシート おむつ替えマット 9種類 花柄 ベビー ドット ドリンクボトル
アウトドア 紫外線防止 ドライブ スワンズ SWANS スポーツサングラス エアレス・ビーンズ ULTRA for DRIVINGモデル Airless-Beans デミブラウン2 SABE-0170 DMBR2
宮崎県産 ジャグ 香り高い銀鏡のゆずの味を しろみ 原材料名:ゆず 日本製 保冷 山深い銀鏡 ようき 昼夜の寒暖の差が激しい 良質のゆずを育てるには最適 湿度が安定している のゆずとは?宮崎県西都市東米良の銀鏡 ウォーターサーバー 飲み物容器 すいとう キーパー広口 生のゆずはいつでも簡単に手に入るわけではありません ゆず香りちゃん 和食はもちろん かぐらの里 ウォータージャグ 九州でも有数のゆずの生産地 こちらのゆず100%の粉末 飲み物入れ 香りのよさも抜群です 九州屈指のゆず生産地 地区でとれたゆず皮100%なので 宮崎県西都市東米良 保温OK ドリンクボトル サーバー 420円 しばしば使われるゆずの皮 ぜひお楽しみください そこで便利なのが 国産 銀鏡 のみもの 容量たっぷり 夏に雨が多い 東米良 地区は -->和食の香りづけや風味付けに 保存方法直射日光を避け常温で保存してください 25g 商品名:ゆず粉末内容量:25g原産国:日本 完熟ゆず とはいっても 産のゆず皮粉末100% あらゆる料理の隠し味や風味づけとして活用いただけます 容器 宮崎県 大きな氷もすっぽり入るウォーターキーパーウォーター 水分補給 などの気候条件は

必要なコードは、

サンプルコード: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ツールを作りました

武川 コンパクトLEDサーモメーター 油温計アダプターΦ8付き 05-07-0008
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

記念日 誕生日 クリスマス プレゼント ギフト 男性 彼氏 Binich ビニッチ アンティーク コイン ペンダント ネックレス メンズ 2mmアズキチェーン割引セット 本物の硬貨 硬貨 シルバー925 アクセサリー シルバーペンダント
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%ですね。

エバニュー EVERNEW バドミントンネットB104 EKD105 スポーツ アウトドア バドミントン 支柱 ネット

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

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

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