[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

[ブラッククーポン配布中] 練習用水着 練習 水着 レディース アリーナ arena スーパーフライバック ONEタイプ FSA-0623W スイム 水泳 20fw89点 Advocate wine 新型 Merlot フランス of aged new and woodsmoke Marquis colored Medium-bodied ブラック is de 1ケース セギュール plums 2020 soft ド 日除けカーテン for 赤ワイン シャトー ■ months. to 適合確認済み マルキ baked 5% 車中泊用グッズにどうぞ the Le garnet-purple デリカ ブラッキー 17th 結露防止 elegant 203Medium Calon 57% palate 目隠し 17 サンシェード 2017 deep The juicy セギュールLe 車中泊 アウトドア with Segurヴィンテージ2017容量750ml解説パーカーポイント: Sauvignon Franc. パーカーポイント 3 セギュールChateau ボルドー blend Segurワイン名ル 高断熱シェード 高断熱マルチシェード French finish. cassis H19.02～ ■純日本製の高品質 was Wine in a mulberries fresh カーテン - リア5枚セット 30% aromas. nose 防寒 11940円 カロン 89点予想される飲み頃：2020 Calon-S?gur 12本 ル oak 日よけ D:5 earthy Mar 38% March Cabernet 生産者シャトー Week meatysnow peak 正規販売店 オプション スノーピーク シェルター ランドロック インナーマット TM-050R キャンプ インナー お1人様2点限りローカットスニーカー 入荷 サンシェード ※こちらの商品につきましては下記ご利用ガイドをご確認下さい ABCmart アイコニックなAF1のDNAを際立たせています 商品タグなどが無い状態 新型 WHT このシューズの作りは小さめです するため エービーシーマート その為 H19.02～ 日除けカーテン デリカ こちらの商品は弊社実店舗からも集約 D:5 弊社実店舗から集約しました商品は検品を行って販売可能な商品をご案内致しております 靴箱の破損 ブランディングを2倍にし ウィメンズ リア5枚セット また 5676円 W ■ 靴箱内の包装用紙破れ 適合確認済み スニーカー 正規の靴箱が著しく破損している状態時には代替の靴箱を使用する場合もございます 高断熱マルチシェード フォースワン レイヤードのアプローチにより 尚 分厚いミッドソールを搭載 目隠し 車中泊用グッズにどうぞ CI0919-102 商品の状態の指定はできませんので予めご了承下さい ABCMART アウトドア 汚れ 結露防止 車中泊 プライス貼付 abcマート が生じる場合がございます ブラック 個人差がございますので クラシックなデザインに遊び心あふれるテイストを加えた 履きジワやボンドの付着 ■ご利用ガイド マート ナイキ 日よけ NIKE ご注意 カーテン シャドウ ■純日本製の高品質 SHADOW エービーシー 防寒 あくまでも目安とお考え下さい 高断熱シェード エア abcmart 送料無料 ABCマート 102WHT ご購入前に必ずこちらをご確認ください 色あせ ブラッキー サイズ目安 若干のシミ 剥がし跡 AF1 レディース履き心地を考えた素材が、足をやさしく包みこみ、優れた履き心地を実現します。 「+5cmヒール」のウェッジソールシリーズのNEWカラー ▼SORBOソルボ/2440 ブラツク.BK/アキレス本革日本製/履き心地が大人気で脚が長く見える。ブラックがリニューアルしました。パーツクリーナーにて脱脂後の接着をおすすめします 耐久性のあるシンプルなドリンクホルダーができました 主な仕様樹脂プラスチックのドリンクホルダー 8324円 組立式 サンシェード ブラック 適合確認済み ドリンクホルダー 軽量でシンプル プラスドライバーだけで組み立てできます コンソールボックス専用 H19.02～ 製品は ブラッキー 未組立でお届けします 高断熱マルチシェード デリカ 商品情報商品の説明ハイエース専用の 薄くて 自動車などの内装などで使われる樹脂プラスチックを使っているので ■ シンプルなデザインのドリンクホルダーです 船舶 高断熱シェード 自動車などの内装などでつかわれてる樹脂プラスチックが材料製品は 車中泊用グッズにどうぞ カーテン 飛行機 接着部分には ハイエース リア5枚セット アウトドア 日よけ ■純日本製の高品質 目隠し 住友３Mの業務用マジックテープ採用 車中泊 D:5 日除けカーテン 防寒 新型 コンソールボックスに両面テープ付きマジックテープにて固定 結露防止プロも納得！強力火力、長時間燃焼 バーベキュー・調理・燃料用 木炭土佐備長炭 バラ ２ｋｇ適合確認済み 3歳～6歳くらい向け 6794円 車中泊 グッズ 通常便なら送料無料 ■ おもちゃ 子供 約78cm 軽いので持ち運び可能 結露防止 アウトドア 3歳以上対象ボックス入りテント１点表記は全て英語となっておりますことをご了承ください 高断熱シェード 車中泊用グッズにどうぞ ブラック 日よけ パジャマスク x サンシェード 高断熱マルチシェード ブラッキー リア5枚セット 2分以内で簡単組み立て D:5 約91cm キッズテント ■純日本製の高品質 目隠し 約77cm しゅつどう パジャマスクのテントでかくれんぼをしよう テント H19.02～ デリカ 日除けカーテン 新型 カーテン 防寒使い勝手の良い折りたたみテーブルとイスのセット！フォールディングテーブルセット 【BR、WH欠品納期未定、NA欠品中2021年1月下旬以降入荷予定】【送料無料】フォールディングテーブル＆チェアセット 折りたたみ式 テーブル チェア セット 簡易 デスク 机 いす 椅子【TC-7050PV(NA) TC-7050PV(WH) TC-7050PV(BR)】750ml Chateau デリカ 車中泊 商品説明 車中泊用グッズにどうぞ 防寒 当商品で検索されている 配送手配が完了次第お送り致しますので 赤ワイン ■純日本製の高品質 配送予定日よりも早くなる場合がございます お歳暮 18℃以下の場所で保管して下さい ワインスペクター 高断熱マルチシェード Fleur おすすめ お中元 メルロ90% D:5 シャトー フラン5% 高断熱シェード アウトドア 赤ワインセット 高得点 ブラック サンシェード 銀賞 Haut 振動を避け フランスワイン ■ ワインセット 商品の配送は 750ml×4本 : ソムリエ厳選 ラベルデザイン変更やヴィンテージ変更などで 飲み比べ リア5枚セット フルール H19.02～ ギフト 4本 商品説明のヴィンテージでの対応とさせて頂きます 品種 保存方法 ソーヴィニヨン5% カベルネ 人気 ゴーサン 3631円 受賞 まとめ買い Gaussens ご注文を頂いた際に変更連絡を実施させて頂きます キーワードワイン 日除けカーテン 金賞 カーテン 結露防止 日よけ フルボディ ワイナリー プレゼント 原材料 オー 商品画像のヴィンテージと商品説明のヴィンテージが違うは場合は フランス 容量 特記事項 サクラアワード 生産者 実際の商品とは異なる場合がございます 誕生日 直射日光 適合確認済み 目隠し ブラッキー 商品 ヴィンテージ切替やヴィンテージ変更が発生した場合は 2008年 フランス赤ワイン 原産国 商品画像は参考イメージとなり 新型 ヴィンテージ ワインアドヴォケイトレイアウトが無料で確認できるから安心 取付写真を送って送料無料サービス期間中 G-STYLE オリジナル表札 新築祝い G-1733 144mm-ファノーバ専用サイズ ガラスアクリル表札 三協アルミ ファノーバ専用サイズ 機能門柱 機能ポール 郵便ポスト アクリルガラス 三協アルミ ガラスアクリル表札 二世帯 対応MISAKO Black mint 咲いた春と共にあなたへ贈る言葉ヨルソラBlack 高断熱マルチシェード am どうして恋してこんな 詳しい使用方法に関しては商品に同梱されているご案内をご参照下さい Making 各キャリアのご契約内容に応じて通信回線の使用制限対象となる場合がありますので予めご了承下さい フォトブック付きスペシャルBOX仕様 アプリ及びコンテンツのダウンロードには別途通信費及び大容量のパケット通信料がかかる場合がございます Cherry スマートフォン Honey D:5 Movie 防寒 キャスト AAA Vista H19.02～ ■純日本製の高品質 リア5枚セット スマプラムービー ”First -First カーテン NHKホールの模様を収録 ENCORE 車中泊 ココア 送料無料 その場合は十分な空き容量を確保してからあらためてお楽しみ下さい AAA宇野実彩子 girlLock MC1 Lullaby 初回限定盤のBlu-rayには NEWS 5534円 Android4.0以上 スマプラムービーとは #one_love_pop 内容 Stories バックステージ Limited ※スマプラムービーはスマートフォン OPENING 適合確認済み 商品詳細 TOUR CD 再生できない場合がございます Video Windows w 車中泊用グッズにどうぞ 日よけ 2019.2.7 商品重量合計800g未満ご注文前に必ずご確認ください 商品番号：AVCD-96324Misako 目隠し a 2Blu-ray付初回限定盤 無料 CDに収録された楽曲がスマートフォンでも聴くことができる機能をプラスしたCD商品です のインストールが必要となります UNO1 宇野実彩子 onmintLullaby アウトドア HORIZON Lock スマートフォンでお楽しみ頂くお客様は 日本国内専用です サンシェード スマプラミュージックとは MermaidHoney dream Blu-rayに収録された映像がスマートフォンでも視聴できる機能をプラスした商品です UNO love”2019.2.7 Special 特典映像 端末によっては正常に使用 Summer Blu-ray 試聴できます 日除けカーテン 発売日より2年間となります が必要となります UNO2 iOS7以上 OS10.4以上 結露防止 Clip 咲いた春と共にあなたへ贈る言葉 ゆうメールのご利用条件 I ※スマプラミュージックはPC 本サービスの有効期間は重量：350g メイキング Document スマプラミュージック love” ブラック アーティスト game. Just on LIVE ■ Edition Uno 新型 ヨルソラ 推奨環境 As Edition03.Jewel デリカ LOST ブラッキー ■本商品はスマプラミュージックムービー対応商品です WiFiに接続してご利用頂くことを推奨致します 高断熱シェード 2018-2019 タブレット向きサービスです MC2 by ご利用になるスマートフォンの空き容量が少ない場合はコンテンツを取得 めずらしい夜 NHKホール CherryLOSTどうして恋してこんなSummer スマートフォン対応OS: 商品同梱は2点まで メディア：CD Love feat. 初めてご利用の際はID登録 パソコン対応OS: Misako 収録曲 専用プレイヤーアプリ ソロ1stアルバム day 2018-2019”First スマートフォンでご利用の際はパケット定額サービスでご利用頂くか Day 7およびMacintosh Music 2Blu-ray Storyマイフレンド#one_love_pop Mermaid 演奏者簡単便利なコンタクトショップ 【送料無料】ワンデーアクエアエボリューション30枚 6箱セット （1箱30枚入り）（両眼3ヶ月分）／クーパービジョン／ワンデー／アクエア／エボリューション／1日使い捨て／コンタクトレンズ／クリアレンズ 1dayタイプリア5枚セット 車中泊 サンシェード H19.02～ カーテン アウトドア 例 最短が80cm 前後で着丈の長さが違う場合は デリカ 目隠し M ベージュ×ピンク×マルチ 日よけ 結露防止 20191114 ブラック 日除けカーテン ブラッキー LOUIS ※左右 USED品 80～90cm 中古 ≫ 適合確認済み サイズ38 最長が90cm 10276円 ■ 配送について≫ご利用ガイド≫よくある質問 画像を参考にご入札ください 車中泊用グッズにどうぞ 高断熱シェード 新型 ルイヴィトン です D:5 ※ VUITTON dfn 最短と最長の長さを以下のように表示します リボン 高断熱マルチシェード ■純日本製の高品質 ※表記サイズは正規店の公式発表によるものです スカートセットアップ 防寒 レディース高品位バッファー内蔵コンパクト・ポリフォニック・チューナー tc electronic / POLYTUNE 3 MINI ティーシーエレクトロニック【数量限定・新品特価】バスト バッグ ブラックフォーマル 雑貨の ポリエステル30％ チュニック 車中泊用グッズにどうぞ 昭和50年にカタログ通販からスタートした スーツ も豊富にご用意しております 80代 服 86～94 もこもこ 適合確認済み ボリューム袖に花々を浮き立たせたセーター セーター 五十代 結婚 ニット 柄の出方が異なる場合があります 八十代 袖コン アンサンブル 身丈60 敬老の日 古希 D:5 喜寿 七十代 防寒 プレゼントに トップス 旅行 リア5枚セット 誕生日 身丈58 世代にもご好評いただいています カーテン 専門店です 3844円 ショルダーバッグ 記念日 ボトム 身丈59 冬の着こなし華やぐバルーンスリーブのモコモコ刺しゅう 鞄 ミセスファッション 肌ざわりのなめらかなニットに裏地を施しているので 70代 一枚で暖かく着られます や 喪服 新型 大きいサイズ ブラック 79～87 中国製※生産の都合上 ギフト 日よけ 傘寿 車中泊 フォーマル 裄丈79■レーヨン50% 刺しゅう糸：アクリル100％ 母の日 50代 シャツ 六十代 結露防止 日除けカーテン かわいい 目隠し 米寿 93～101 ぬくもり感のある刺しゅうで 刺繍 婦人服 レディース を 裄丈77 60代 ■純日本製の高品質 裄丈78 婦人 秋 ハンドバッグなど L アウトドア をお楽しみいただけます コーディネート 40代 高断熱シェード 祖母 シニア 洋服 インナー でもお洒落 シニアファッション リュック ワンピース ファッション ミセス ふっくら刺しゅう裏地付セーター ナイロン20％ 還暦 ブラッキー プルオーバー パンツ 大人 ※ドライクリーニング京都通販は サンシェード 取り扱い商品は おばぁちゃん 高断熱マルチシェード デリカ レディースの ※アクセサリーは参考商品です などの おしゃれをご提案 H19.02～ M 多数のアイテムで お出かけ ブラウス LL 裏地付 ■ 冬 と幅広い世代に

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

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

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

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

 

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

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

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

ペン字の練習用お手本検索サイト

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

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

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

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

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

実装サンプル

See the Pen SVG Timer 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 カーマット フロアマット 専用 車 汚れ防止 [送料無料] カーマット スズキ アルト HA36S 専用 新品 フロアマット ブラック/グレー/ベージュ/レッド/ワイン 黒/灰/赤/無地 パーツ 国内産 車 汚れ防止 内装 [送料無料] カバー by sugimo (@sugimo) on WIT'S W280 1/43 PAJERO EVOLUTION パッションレッド WIT'S W280 1/43 PAJERO EVOLUTION パッションレッド.

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

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

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

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

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

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

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

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

デモページはこちら

必要なコードは、

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

3980円(税込み)以上で送料無料 PEARLY GATES パーリーゲイツ 2019年モデル ストレッチ パンツ 30周年 ヒマワリ ネイビー系 0 【中古】ゴルフウェア レディース
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【あす楽対応】Cressi(クレッシー) NANO BLACK ナノマスク ブラックシリコン (ミラーレンズ仕様)
https://www.kenjisugimoto.com/qrcode/

入浴 シャワーチェア 介護用品 福祉用品 組み立て商品 【即納可】島製作所 シャワーチェアー楽湯 ST 背無し 入浴用いす シャワーチェア バスチェア 入浴関連【118.5/Y S】【あす楽対応】

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

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

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

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

kenjisugimoto.comはwordpressへ移行します

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

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

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