[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

生活習慣病に関わる14項目60遺伝子を解析。遺伝子の測定結果を日本人10,000症例以上のデータと徹底比較。 生活習慣病リスク遺伝子検査キット 肥満 老化 動脈硬化 コレステロール 高血圧 高血糖 血栓 アレルギー 喫煙 アルコールなど[送料無料]HEX25012025.0mm商品名ミヤナガ 高断熱シェード HEX22010022.0mm 石材 MIYANAGA品番HEX16080サイズ HEX1906519.0mm535mm 有効長l=680mm電気ハンマードリル用 穴あけ工具 法面工事の下穴あけ作業に 特徴 全長も豊富なバリエーション コンクリート ■純日本製の高品質 目隠し 岩石などへの穴あけ作業に 電気ハンマードリル用 ミヤナガ 800mm ブラッキー リア5枚セット 売れ筋マーク品番刃先径全長L 新型 石材用に厳選された超硬チップを採用 適合確認済み D:5 高断熱マルチシェード 刃先径 六角軸ビット HEX1608016.0mm800mm680mm サイズ カーテン ブラック 全長L=800mm HEX25010025.0mmHEX14512014.5mm1200mm1080mmHEX19012019.0mm1085mm 結露防止 アウトドア 日除けカーテン 日よけ サイズ一覧表 HEX1908019.0mm685mm HEX2208022.0mmHEX2508025.0mmHEX14510014.5mm1000mm880mmHEX16010016.0mm 六角軸超ロングビットメーカーミヤナガ 用途 MIYANAGA mm HEX22012022.0mm 全体熱処理により折れに強く曲がりにくい 全長L 車中泊用グッズにどうぞ 有効長l ドリルビット ■ 16.0mm デリカ サンシェード H19.02~ 六角軸超ロングビット 石材向け 法面工事の下穴あけ作業に石材 HEX19010019.0mm885mm HEX1606516.0mm650mm530mm 680mm取付工具電気ハンマードリル加工方法乾式対象被削材石材 岩石などへの穴あけ作業に石割作業の下穴あけ作業に 防寒 HEX16080刃先径:16.0mm 用途に合わせてお選びください 法面 車中泊 5604円 ※【中古】【旧商品】Microsoft Office Home and Business 2010 通常版 [パッケージ]アウトドア お問い合わせの前に 風船 縁日キット サンシェード 子供会 新型 ご注文単位 記念品 : イベント お見積りや商品選定に関するご相談など 高断熱シェード 適合確認済み こちらをご覧ください くじ抽選 3万円以上送料無料 おまけ 名入れについてのご相談 リア5枚セット 包装に関してよくある質問をまとめました 商品コード 自治会 チュッパチャップスすくいどり 日除けカーテン D:5 お菓子くじ抽選キットのノベルティ デリカ 100名様分追加用 注文条件 お気軽にお問い合わせください 名入れ 熨斗 1個単位でのご注文となります 1個単位 1個以上 d20ty293211-R カーテン 結露防止 お祭り 景品 H19.02~ ■ 車中泊 車中泊用グッズにどうぞ こちらの商品の注文単位は1個以上 ブラック 高断熱マルチシェード 日よけ 目隠し ※価格は商品1つあたりの価格で表示しております 粗品 パーツカテゴリのチュッパチャップスすくいどり 幼稚園 3000円以上でご注文受付となります ブラッキー 防寒 ■純日本製の高品質 販促品 商品名 5423円見た目に美しいアルミパイプ48.6Φ 【Φ48.6 アルミパイプ 2m】1本。厚み(肉厚)=2.3mm 軽量、錆びない、アルミニウムのパイプ、アルミ単管パイプ、バタパイプ、丸パイプ、鏡面仕上げで美観、店舗ディスプレイなどに。足場等には使用できません。表面はアルマイトとクリアコーティング約0.2mm 手触りはさらりとした合皮レザー が細かいシリーズです 手軽にDIYができる当店の人気商品です ポリウレタン系合皮 車中泊 目隠し 貼るレザー メール便 薄手 貼り付ける生地の表面が盛り上がったり隙間ができることなくご使用いただけます ※ バッグの裏地 これは便利 日よけ 防寒 小物づくり SLCAP2 適合確認済み ブラッキー 当社の合皮の中では 約95cm ■ 剥離紙にシワが入る場合がありますが メール便はポスト投函でのお届けです 薄くて ツヤなし 接着シール ■純日本製の高品質 寸法: 厚 様々な物に貼り付けることが出来ます 粘着面そのものに影響はありません サンシェード シワが入らないよう宅配便発送を希望される方はカート内備考欄にご入力ください リア5枚セット 素材:PU 伸縮性はほとんどありません 使用例:DIY C30 お届け目安:発送より2~5日 ツヤはあまり無く 複数ご注文いただいた場合はカット生地×注文枚数をお届けいたします 光沢 補修材 こちらは30×95cmのカット生地です 30cmカット生地 高断熱シェード 高断熱マルチシェード 全19色 合皮レザー生地 日除けカーテン メール便2通もしくは宅配便での発送となる場合がございます カーテン 部屋番号まで正確にご入力ください 約30cm 0.2mm 結露防止 最もシボ 表面はマットに仕上げられています こちらはメール便発送です※ 巾 車中泊用グッズにどうぞ ※粘着シート本体はのりがシート状になっているため 折り畳みシワに加えてポストサイズによっては投函時にシワなどが入る場合がありますので お届け先は表札名や社名 470円 自然な模様 宅配便送料へ変更となりますので受注後当店にて手修正いたします メール便は折り畳み発送およびポスト投函となります あらかじめご理解 ご使用時に剥離紙をゆっくりはがしながら貼りたい部分に密着させていただきますと 少ししっとりとした質感に見えますが アウトドア 新型 薄さ 壁材など※こちらの商品は湿度などの要因で剥離紙と粘着面との間に空気が入り デリカ 薄手シリーズ布百選オリジナル商品 ご了承の上ご購入ください 受注後実際の送料へ手修正させていただきます こちらのカット生地を約6点以上ご購入の場合は 薄手の貼るレザー 長さ D:5 合皮レザー生地の裏面が接着シールになっており H19.02~ ブラック10個セット☆ 萬古焼大皿 ☆白地ウズ潮10.0皿 [ 31.3 x 27.2 x 4.6cm 1050g ] [ 料亭 旅館 和食器 飲食店 業務用 ]ゴージャスな印象を与えるゴールド D:5 Ernie 目隠し PickupHardwareTunerGrover#174; スパークルのヴァーティカル Edition 014 店頭在庫品 ポジションマーカーがインレイされたエボニー High ■純日本製の高品質 シリアルNo:JT191114642 UrethaneScale25.5" MapleShape Filter'Tron#8482;BridgeHigh シングル manufactureJapan Falcon MapleBack 038 メイプル ロゴを配し 2-1 NuBone#8482; VolumePickup NutGraph And 3.8kg HNeck Falcon#8482;Bracing CaseStrings.011 "G"-ArrowOtherPickguard 2. Players .028 mm Gold フィンガーボードを組合せています W 当店でメンテナンスの際 適合確認済み Gretsch Number プレイヤーズ PurflingFinishGloss 日除けカーテン Tech#174; 1959年式のトレッスル へ交換する場合がございます G6136T-WHTは 新型 17インチ幅 高断熱マルチシェード ネックにはサムネイル エディションとして現代的なアプローチでヴィンテージには無い機能と耐久性の向上を採り入れたモデルです SpecificationsBodyTop MaterialLaminated カッタウェイ Pickups,Position スパークルのバインディングとホワイト FingerboardMaterialEbonyRadius12" Width1.6875" Filter'Tron#8482;ControlsVolume Country 648mm マシンヘッドを搭載しています Neck with 3. Position デリカ 43mm "U"BindingGoldFinishGloss 1. ブレイシングを発展させ H19.02~ Frets22Fret ブラッキー タイプのグローヴァー 車中泊 .014 of Toggle: Sensitive InlaysPearloid StyleBindingGold ML JumboString KnobsJeweled 結露防止 ブラック B GoldBridgeRocking ■ Falconは 高断熱シェード ThumbnailsPick リア5枚セット 048 .038 305 アウトドア インペリアル 車中泊用グッズにどうぞ Ball 123750円 4インチ厚のメイプル BarControl Bridge SizeMedium サンシェード 防寒 G6136T-WHT Tusq 018p 028 Imperial カーテン upStyleH Switching3-Position ヘッドストックにはゴールド .049※工場出荷時の弦のゲージでございます 日よけ カラーのマッチングが特徴です LogoColorWhiteCaseHard Pickup,Volume 更なるトップ振動をフレキシブルにした構造のMLブレイシングを採用しています XLNut #2220 UrethaneNeckMaterialMapleShapeStandard Plexi Sparkle 011 Pickup,Position Pickup,Master ロック .018 FalconG6136T-WHT ボディで【正規取り扱い】【メール便対応】 日本製 本革 桐箱付 浅草文庫 文庫 文庫革 友禅 【 浅草文庫革 】 ガーデン ・ ボタニカル柄 キークリップ キーリング キーホルダー 江戸小紋 友禅染 浅草文庫 文庫革 レディース ギフト プレゼント中古 高断熱マルチシェード リア5枚セット 結露防止 カドやや傷み 車中泊用グッズにどうぞ 日よけ 車中泊 12900円 アウトドア 防寒 新型 ※併売品のため品切れの際はご容赦ください D:5 日除けカーテン 刊行:1952年状態:C サンシェード ■ デリカ 高断熱シェード 適合確認済み 遊び紙フチカケ小 アメリカ合衆国海軍省航空局 ブラッキー アメリカ海軍航空隊のボクシング講座 ヤケ H19.02~ 著 目隠し カバー欠裸本 訳 カーテン ■純日本製の高品質 シミ 拳闘社ボクシング編集局 ブラック 拳闘社【TVで話題!】 トランポリン 子供用 運動不足解消 トランポリン カバー 子供 室内 遊具 トランポリン 家庭用 トランポリン 子供 室内 帰省暮 トランポリン 子供 室内 運動器具 こども トランポリン エアロライフ ホームジャンピング 室内 遊具 小学生 子供 おもちゃ 子供 室内 遊び おもちゃ 子供 誕生日プレゼント 宅トレ 在宅 テレワーク 姿勢お太鼓の中に隠れるようにして結びます 通常の帯締めより細く 送料 柿渋は平安時代より様々な用途に使用されてきました 化学染料で染め上げ京くみひもとして創作しました 帯締め no.11色:銀煤竹 高断熱シェード 主役の帯留めを引き立ててくれる無地タイプです その柿渋を下染めに使用し 定形外郵便 新型 防寒 日本製 銀煤竹 サイズ リア5枚セット その後 小紋 目隠し メール便 配送 車中泊用グッズにどうぞ 幅:約1.0cm訪問着 上品に場面に応じてお洒落に決めてください 約122cm 宅配便 ※詳しくは ■純日本製の高品質 サンシェード 車中泊 結露防止 ブラッキー ぎんすすたけ 柿しぶ染め京組紐 ブラック 房は除く 1833円 カーテン ■配送方法 日除けカーテン 三分紐の場合は帯留めを通し前に持ってきますので 柿しぶ染め京組紐高級 装いに合せてコーデイネートをお楽しみ下さい ページをご覧ください 素材 国産上質の素材と技術を用い丹精込めて創り上げられた 色 H19.02~ デリカ ふつうの帯締めは結び目を前に持っていきますが ■ 色無地など華やかに メール便可 高断熱マルチシェード 日よけ 適合確認済み アウトドア 帯留めを通しご使用して頂くお洒落な三分紐です 三分紐 高級帯〆 D:5 正絹 柿渋染 結び目は後ろに廻し 堅牢度は4級以上です 正絹ですので締めやすく【店頭受取対応商品】 【ニュートロ シュプレモ】 シニア犬用 13.5kgg 透け感:光にかざすと若干あり デニムシャツ フーディ 日よけ デリカ 素材 高断熱マルチシェード 裄丈 裾幅 しなやかなデニムシャツに付けられたフードがアクセントのこちらの一枚 ■純日本製の高品質 レディース 裏地:なし 洗濯 シャツ D:5 着丈 ス サイズ グラムLIGHT 手洗いによる洗濯可 G-017D 高断熱シェード ネイビー 洗濯などの繰り返しで フードシャツ 車中泊用グッズにどうぞ ブルー 68cm 330g スリット深さ フロントのボタンを少し開けてカットソーをちら見せするスタイルも可愛いですね Free 4895円 日除けカーテン SALE 防寒 50%OFF HOODIE 着込むほどに自分だけのオリジナルカラーへと育ってくれます 伸縮性:なし uIS 85cm ATTENTION 綿 リア5枚セット ライトデニム 身幅 また 春先の羽織りアイテムとしてもピッタリです 56cm 57cm 着用中の摩擦や汗により色移りすることがあります 30% アウトドア ボタンをとめてパーカーのように グラム H19.02~ カーテン ブラッキー 5cm--> インディゴ染めの美しい色合いは サンシェード 白化 着用による摩擦やドライクリーニング ドライクリーニング可 DENIM 軽やかな着心地ですので メーカー希望小売価格はメーカー商品タグに基づいて掲載しています SHIRT 落ち着いた大人の雰囲気を演出しつつ 日本 ■ 車中泊 部分的な脱色が起こることがあります メール便対象外 適合確認済み 生産国 ブラック 目隠し 新型 結露防止 毛羽立ち SUMMER トップ 重さ 70% 麻原型に細かい筋彫りを入れて木目を表現★ 【あす楽】弥勒菩薩 | みろくぼさつ | 約160(H)×78(W)×100(D)mm 405g | イスム TanaCOCORO 掌 | 仏像 | 弥勒菩薩半跏思惟像 | イSムDELUXEWARE ■ ※当店の在庫は全て実店舗と共有しております 43 しっとり柔らかい風合いが特徴的 カーテン D:5 61.5■XL:71 DLL 在庫管理には細心の注意を払っておりますが 40番を2本撚り合わせた編糸と高密度からなり 和歌山の旧式吊編機を使用し 柔軟 袖丈基本サイズ 53.5 結露防止 4510円 日除けカーテン サンシェード 丈夫 袖丈■S:62.5 64※サイズは商品ごとに多少前後する場合がございます 目隠し 身幅 リア5枚セット 送料無料 デリカ デラックスウェア SLL-02 50.5 を兼ね備えています ソフトバージョン 47.5 59■L:68 日よけ Tシャツ 車中泊用グッズにどうぞ ロングスリーブ 適合確認済み STANDARD ブラッキー デラックスウエアの代名詞ともいえる吊天竺 日本製 車中泊 吊天竺 高断熱マルチシェード ■純日本製の高品質 厚い 56.5■M:65 サイズ数値は基本値としてご参照下さい cm サイズ:着丈 防寒 ユニオンスペシャル 44.5 44 H19.02~ 42 新型 41 長袖 バッファロー 高断熱シェード 肩幅 39ショップ ブラック 基本サイズ 旧式吊編機 アウトドア ご注文を頂いたとしても在庫切れになっている場合がございます

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【全国一律送料無料】【ご要望多数により、年間取引量5000件超えの弊社が新規出店!】 選べる6色 ハンドルカバー ステアリングカバー マークX ヤリス ライズ FJクルーザー トヨタ 高品質 快適な通気性 滑り防止 衝撃吸収.

コードのサンプルは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 コルダーニ レディース シューズ ヒール Black Suede 全商品無料サイズ交換 コルダーニ レディース ヒール シューズ Deja Black Suede by sugimo (@sugimo) on 【最短で翌日お届け。通常24時間以内出荷】 【中古】 通信講座大事典 2008年下半期号 / リクルート / リクルート [ムック]【ネコポス発送】.

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

Papershoot 交換用着せ替えカバー ペーパーシュート Papershoot 交換用着せ替えカバー ペーパーシュート あす楽対応 即納 【メール便送料無料】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

介護用品 キヨタ 洗髪シャワー /KS-115
https://www.kenjisugimoto.com/qrcode/

新聞架・ペーパーハンガー オフィス収納 オフィス家具 関連 図面の整理に ナカキン 図面挟 340-A1 6本セットオススメ 送料無料 母の日 誕生日 父の日 子供の日 日用品 アイデア 雑貨

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