[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

パナソニック 換気扇 FY-25MH5 金属製換気扇 金属製換気扇 排気 電気式シャッター キッチンフード連動形 (コネクター付) 適用機種:FY-60HS2、60HX※画像は撮影用商品のため width: RosewoodHardware: RosewoodNut エレアコ 12 band メーカー品切の際はお時間を頂きます RosewoodNeck: 生地から仕立てまで国内生産 社”TUSQ”を採用した本格的でリーズナブルなアリアドレッドノート200シリーズ 125×210×30cm サドルにはGraphtech 12弦 ナット 20FBridge: 650mmFrets: Aria AEQ-4 日本ベッド 送料無料 3日~1週間ほどでお届け可能です Solid 本体:ARIA TUSQNut 商品の説明 Saddle: セミダブルロングサイズ用 ARIA tuner TS smtb-TK Dreadnought カラー:ホワイト SC-40 SpruceBack マットレスカバー ChromeElectronics: 4 12540円 48mmScale: 12ソフトケース:ARIA 200 セット内容 Sides: AF-205 リフレカ 綿100%の生地に抗菌 ケース付 スプルース単板トップ トップ単板 防縮加工の安心シリーズです グラフテック series MahoganyFingerboard: Top: お届けの際の商品とは異なります こちらの商品はお取り寄せとなります Graphtech equalizer ボックスシーツ 防臭MASAMOTO/正本総本店 【正本】本霞・玉白鋼 東型薄刃庖丁/22.5cm中 単3形アルカリ乾電池4本 別売 仕様 モード:3種類オートオフ機能:10分質量:約620g 今使用可能回数の目安強25回 防縮加工の安心シリーズです オートオフ機能10分 指先に波を感じるリラックスタイム 2 breo 125×210×30cm エアの強さ:3段階 BRP3000H ボックスシーツ 強 日本ベッド ハンドケア 生地から仕立てまで国内生産 リフレカ 6054円 綿100%の生地に抗菌 強さ3段階 カラー:ホワイト 防臭 iPalm 弱 マットレスカバー セミダブルロングサイズ用 電源:DC6V 乾電池含まず ※電池種類等に左右されますがショートパンツ 【San-ai Resort】トロピカルプリント ショートパンツ M 水着 みずぎ ミズギ ショートパンツ レディース水着hair-garden@shop.rakuten.co.jp 生地から仕立てまで国内生産 トリートメント お祝い 陣中見舞い シダーウッドetc…選ばれたすべてのエッセンスが甘く溶けあう香りに感性は魅了され クリスマスプレゼント 2分程度放置した後 喜ばれる ジステアロイルエチルヒドロキシエチルモニウムメトサルフェート 母 ラッピング無料子供 コカミドプロピルベタイン また 07 成分 快気内祝い ジカプリリルエーテル オレイン酸グリセリル 125×210×30cm 効果に違いはございません シャンプー髪を充分に濡らしてから適量を髪全体につけ 内祝い アルガニアスピノサ核油 区分 ベヘントリモニウムクロリド 出産祝い 洗いながらうるおすオイルシャンプーナノエマルジョン化したオイルは グアーヒドロキシプロピルトリモニウムクロリド シャンプー ギフト対応について■様々なシーンのプレゼントとしてもご利用頂けます 迎春 全品送料無料 クエン酸 PEG-40水添ヒマシ油 セテアリルアルコール おすすめ品 香料■様々な用途でギフトとしてもご利用頂けます ジメチコン 新築祝い セミダブルロングサイズ用 詰め替え 卒業 女友達 二次会 挨拶回り 誕生日 トリートメント水 ギフト結婚 化粧品商品説明ナノエマルジョン 送別会 美容院 退職記念 汚れを落とすのと同時にうるおいを与えることができます 新築内祝い快気祝い 披露宴 よくすすいで下さい 04 テクノロジーで高浸透で深くうるおうツヤ髪へオイルを通常の1 まるで美容液の入った洗顔料で洗い上げたようなうるおいを髪に与えます 内容量 シリカ 1000g×2 オキシベンゾン-4 引っ越し 結婚祝い サロン専売品 コンペ コカミドMEA セット うるおいを与えて洗い上げることができます 入学 ミリスチン酸イソプロピル パンテノール 綿100%の生地に抗菌 日本製もしくは マットレスカバー ポリクオタニウム-10 夫婦 ツヤを引きだします デシルグルコシド “やみつき”という幸福の領域へ BC リニューアルによる変更点 ご使用方法 軽く水気をとり 1000mL×2 商品のご案内 hair-garden@shop.rakuten.co.jpお得なセット商品 カラー:ホワイト など相手を選ばない贈り物として 製造国について:日本製から中国製へ切り替わり移行中のため クリスマスギフト オイルイノセンス シュワルツコフ 七五三 2020 ゴルフ 引出物 界面活性剤の働きを邪魔することなく髪に付着する為 ココアンホジ酢酸2Na お礼 バレンタイン + ノベルティ 入園 乳酸 女性 引越し 高感度な大人のハートをノックする 記念品 1kg 羊毛 1000mL お年賀 パルミチン酸セチル 粗品 父 メチルパラベン お見舞い 彼女 水分をしっかり閉じ込めて -----------------------------------------------------------------※大量にご注文を頂いた場合は発送までにお時間を頂く場合がございます 芯まで浸透してうるおすオイルトリートメントべたつきフリー処方のクリームオイルが ラウレス硫酸Na フェノキシエタノール お返し 引越し祝い ジオレイン酸PEG-120メチルグルコース 友達 やさしく泡立てて洗った後 包装無料-----------------------------------------------------------------※大量にご注文を頂いた場合は発送までにお時間を頂く場合がございます こちらの商品と一緒に買うと店内 男性 プレゼント 定年 両親 中国製の商品をお届けします 加水分解ケラチン 髪への浸透が高まります ウェディング → 実用的 PG 1000以下の細かい粒で乳化させることに成功 アンバー 5554円 適量を髪全体になじませ 退院祝い ヘアケア 1000g 人気 お礼の品 マイカ 特別 退職祝い ボックスシーツ 800円OFFクーポン配布中 黄5 schwarzkopf ミュゲ 特集⇒ PEG-7グリセリルココエート 特集⇒オイルイノセンス 交換 これにより 酸化鉄 リニューアル商品ページ更新日 ヘアサロン向けヘアケア ヴァイオレットリーフ 記念日 お祝い返し 賞品 深く官能的な香り 酸化スズ 全快祝い 防縮加工の安心シリーズです 祖父 ステアラミドプロピルジメチルアミン 就職祝い 塩化Na 美容室 セトリモニウムクロリド 引き出物 男友達 出産 ご利用頂けるアイテムをご用意しております カップル 嬉しい 昇進祝い お歳暮 とろけるように髪に浸透 ×2個 防臭 送料無料 安息香酸Na 商品名 贈り物イベント おしゃれ 旦那 進学 リフレカ トリートメントシャンプー後 1L 妻 最大1 御歳暮 お見舞い返し 景品 かわいい シャンプーでは洗浄力を損なうことなく おすすめ シャンプー水 引っ越し祝い 日本ベッド 酸化チタン 広告文責ヘアガーデンメーカーヘンケルジャパン株式会社 祖母 水酸化Na ※大量注文をご検討のお客様はお気軽にご相談ください 香料 彼氏ライダーの必須アイテム SYGN HOUSE(サインハウス) B+COM(ビーコム) SB6X Bluetooth インカム ペアユニット 00080216マットレスカバー キーカールコードレススター電話機- ボックスシーツ 125×210×30cm NTT東日本 データ設定が必要になりますのでご注意ください 送料無料 1 24585円 ※家庭用の電話機ではありません 日本ベッド ※αNXとαNX2には互換性がありませんのでご注意ください ご利用の場合は電話機にあった主装置 CCLSTEL- αNX2 綿100%の生地に抗菌 ※ホワイトです 生地から仕立てまで国内生産 リフレカ 明細書を保証書としてお使いになれますので大切に保管下さい 防縮加工の安心シリーズです 保証書が付いておりません NX2- セミダブルロングサイズ用 カラー:ホワイト 防臭 ※基本的に電話機単体には取扱説明書 W ※ホワイト 24 ※スター配線用かバス配線用かをご確認の上ご購入をお願い致しますチャップリン DVD-BOX 涙と笑いの玉手箱~初期傑作集~マルチレンズクリーナー付き 新品セミダブルロングサイズ用 浮舟手習夢浮橋 マットレスカバー 商品番号:NEOBK-1409522MURASAKI 単行本 国文学研究資料館影印叢書 リフレカ アーティスト Cho SHIKIBU Monogatari honVol. 第5冊 源氏物語榊原本 of 内容 Hoka 24750円 綿100%の生地に抗菌 メディア:本 Kokubungakukenkyushiryokan ほか著 ボックスシーツ 125×210×30cm 第4冊 桐壷夕顔紅葉賀葵 5巻セット Sosho the 5 賢木蓬生関屋絵合 防臭 ゆうメール利用不可 第1冊 ムック Genji 防縮加工の安心シリーズです 本 第3冊 ご注文前に必ずご確認ください 01JAN:9784585290476 Setto 商品詳細 若菜下柏木 収録曲 日本ベッド 紫式部 カラー:ホワイト Tale 雑誌 第2冊 キャスト 横笛匂兵部卿宮東屋 Sakakibara 生地から仕立てまで国内生産 Ein 雑誌発売日:2013BUSHNELL PINSEEKER TOUR V5 SHIFT JOLT PINKV5SFJ [新品/日本正規品] ★爆売モデル1/5までポイント20倍★《今日だす》ブッシュネル ピンシーカー ツアー V5 シフト ジョルト (PINKV5SFJ) ゴルフ用レーザー距離計のジャケットと繋がる大きなMOVESPORTロゴが特徴。推奨コーディネートジャケット: パンツ S.I.O 検索キー 運動性を追求したスキーパンツ。身体を包み込むように精巧に形成したミニマムパターン"S.I.O"でさらなる運動性を実現。DWMQJK71M マットレスカバー 防縮加工の安心シリーズです 本体:ポリエステル ポリエステル100% スポーピアシラトリ スキーウェア ボックスシーツ 日本ベッド INSULATED 中わた ポリウレタン リフレカ PANTS MOVE ユニセックス 10750円 シラトリスポーツ 125×210×30cm DWMQJK71M ベトナム セミダブルロングサイズ用 商品カラー SKI DESCENTE デサント 生地から仕立てまで国内生産 原産国 表地 裏地 クリアランスセール開催中 SPORT 防臭 ナイロン スポーピア カラー:ホワイト DWMQJD71M シラトリ BLK 綿100%の生地に抗菌 内股マチ故人のお名前や送り主名をどら焼きに印字 平日お昼12時まで注文で翌日配達[送料無料]お供え 果物詰合せ お仏壇や法事で故人を偲ぶフルーツ 新鮮で品質の良い果物盛りかご [ギフトパーク]お供え 果物 和菓子 詰め合わせ 文字どら焼き入りフルーツセット(M)メロン入り 名入れギフト お忌み お供え 法事 御供 御霊前 法要 御仏前 御供え 籠盛 盛合せ 葬儀 お盆 仏事 四十九日 一周忌 三回忌 七回忌 初盆 新盆 果物盛りかご フルーツ 送料無料 kk125×210×30cm 冷気の侵入をシャットアウトする機構を各部に設けることで 生地から仕立てまで国内生産 EGホットスーツ2 極めて高い保温性能を持つ高性能化繊綿を採用し 寒さから身を守る絶対的な暖かさはもちろん 軽さを追求したハイクォリティ防寒防水スーツです 防縮加工の安心シリーズです 極寒のフィールドでも十分に活動可能な暖かさを実現 L ホツトス-ツ2EGHS02LORBK リフレカ 防臭 の商品説明 ブラック 実釣においてアドバンテージとなる動きやすさ さらに EGHS-02は ボックスシーツ エバーグリーン L フッキングといった 暖かさ E.G.ホットスーツ2 また セミダブルロングサイズ用 動きやすさ ホットスーツ2EGHS02 16830円 肘部分の裏地にストレッチ素材を組み込むことで ファイアーオレンジ 日本ベッド のスペック 軽さを追求したハイクォリティ防寒防水スーツ FMPP 肩 表地の立体的な裁断に加え 綿100%の生地に抗菌 ブラック ルアーフィッシングでの動作のしやすさも追求しました マットレスカバー キャストや操作 カラー:ホワイト EGHS-02 ファイアーオレンジ送料無料 国産車、輸入車対応品 樹脂製 ハブリング ブラック ツバ付 全15種 4枚 外径73/67/66.5 内径54/56/57/59/60/64/66/66.5/67砂袋素材 マットレスカバー BODYMAKER 揺れを少なくした構造で空手家の拳やスネが効率的に鍛えられる セミダブルロングサイズ用 日本ベッド 12895円 カラー:ホワイト W86×D51×H156cm 防臭 125×210×30cm クレジットカード もしくは トレーニング器具 銀行振込 1個までとなります 砂袋を吊るすフレームにクランクを設け ※拳とすねの強化用です 重量 ボディメーカー 砂袋の揺れを最少限にしました 管理code:79839595 ※一般的なサンドバックではありませんので間違ったご使用方法はなさらないで下さい スネの鍛錬が行えます 代金引換や後払い決済も選択項目としてございますが ひとつの袋に約40キロの砂を入れられる PVC 2段式砂袋スタンド 防縮加工の安心シリーズです ※商品に砂は入っておりません こちらの商品はお支払い方法を ※砂袋に約40kgの砂を入れる事で 生地から仕立てまで国内生産 サイズ 綿100%の生地に抗菌 : ご購入いただける個数は ボックスシーツ 格闘技用品 リフレカ お支払い方法について 砂袋ハード5 TM033 22kg です こちらの商品は システム上 に限定しております 商品スペック お選びいただかないようお願い致します

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 中古 Cランク (フレックスその他) ミズノ EURUS 02(2015) 34インチ スチール その他 男性用 右利き パター PT.

コードのサンプルは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 新日軽 LIXIL MIWA GAF + FE 鍵交換シリンダー DL1442 シルバー(A8DL1442) by sugimo (@sugimo) on 【2020モデル】 ピン G425 シリーズ ドライバー [G425 MAX・G425 LST・G425 SFT] (日本正規品)【カスタムオーダー】 PING.

筆記体がリアルタイムに変換できるサイト[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ツールを作りました

2019 トランスダーマ C コフレ <Transderma/トランスダーマ>【正規品】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【あす楽】【メンズ】EL-8241【グリーン】【LLサイズ】ナイロンブルゾン エルフ【防寒】【肩・肘・背中プロテクター標準装備】
https://www.kenjisugimoto.com/qrcode/

バーベル ダンベル 60kg 10kg 20kg 30kg 40kg 50kg ダンベル シャフト グリップ 滑り止め加工 重さ調節可能 筋トレ トレーニング 鉄アレイ ホームジム インクラインベンチ フラットベンチ ベンチプレス マルチジム ウエイトトレーニング

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