[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

グリップ6本セット 本間ゴルフ TW ラバーグリップ M60 白 6本セット バックライン有り 50.0g ホンマ ツアーワールド HONMA TOUR WORLD GRIP 17090 Scoop-Neck ランニング 商品名レギュラーブラレット分 Wide-Leg 521 囲79-8786-94※当店の商品は全てメーカー正規品となります メーカー規格 備 かわいい 黒パープル 2019年10月発売 スポーツブラ素 ジャンプスーツ 子供服 ジム スポーツ PSNWスポーツウェア バッグ スポーツブランドチャンピオン アクティブ ありパッド取り外し可能 スポーツブラ 水着など取り扱い多数 スポーツウェア モニター環境などにより違いが生じることがあります 普段のファッションに ブラトップ セット ブランドChampion ヨガウェア プレゼントやお祝いにも 緑発売時期2019年秋冬モデル 大きいサイズ 材ポリエステル90% Jumpsuit ありパッドポケット サイズ表 運動着 日本未発売 鞄 トレーニングウェア Champion 女性用 Madewell 下着としてだけではなく True 試着のみの場合でも返品交換をお受けすることが出来ません 紫グリーン 961円 有 海外ブランドの靴 ※商品画像の色合いは現物に近づけるよう努めておりますが ウェア ※メーカー希望小売価格はメーカー商品タグに基づいて掲載しています CW3M301 新作 おしゃれ 生産国中国特 フィットネス 単位:cm つなぎ 類レディース ※こちらの商品は セール品 採寸値 長154-162154-162胸 部活 スポブラ ファッション ヨガ レディース 見せブラ チャンピオン ポリウレタン10%カラー展開ホワイト スニーカー 送料無料 MサイズMLサイズL身 トレーニング Black ウォーキング ※発売時期は生地の厚さとは関係ありません 215 考パッド としてのコーディネイトを - 010 ブランド 徴ブラレット海外では日本よりもメジャーなブラレット 白ブラック 不良商品の場合以外は返品交換を致しかねますのでご了承くださいませBURBERRY バーバリー バックパック 2020春夏新作 【Flying SALE開催!】BURBERRY バーバリー TBモノグラムプリントナイロン バックパック BACKPACK ヴァーミリオン 80161071Scoop-Neck - スニーカー レディース サイズ:6寸 つなぎ Jumpsuit バッグ 1000枚入 機能 WTC0403 海外ブランドの靴 日本未発売 セット セール品 女性用 水着など取り扱い多数 Black True 送料無料 どんな商品? ジャンプスーツ 鞄 特徴 Madewell Wide-Leg 子供服 580×45mm プレゼントやお祝いにも 12033円 ファッション テープ付ムース用 6寸1/4回転で簡単・確実に着脱ができます! 3M 有機ガス用吸収缶 S1ろ過材付き 7011J-100 【1個】【7011J100】(保護具/防毒マスク)(防塵機能を有する有機ガス用)ファッション スニーカー BE 日本 日本未発売 150×210cm ご注文いただいた場合 ジャンプスーツ ピーチスキン加工 ※沖縄 4日20:00-23:59まで True 和楽の快眠シリーズ 銀行振込み 送料 プレゼントやお祝いにも 先払い 暖かい 羽毛 無料 Wide-Leg 海外ブランドの靴 製造国 素材 ホワイトダックダウン93%で暖かい クレジットカード 勝手ながらキャンセルさせていただきます 子供服 サイズ つなぎ 綿15%ポリエステル85% 掛け布団 軽い 1.1kg セール品 商品名 離島は配送を行っておりません 羽毛布団 支払い方法 充填量 シングルサイズ Jumpsuit Black 水着など取り扱い多数 セット Madewell 8165円 商品仕様 送料無料 女性用 - バッグ ホワイトダックダウン93% 鞄 クーポンで20%OFF Scoop-Neck レディース30kg ⇒重量規制で25kgに変更 新米 米 令和2年産 ふさおとめ 玄米 25kg 本州四国 送料無料 綺麗仕上 精米無料 小分け可 30kg ⇒25kg へ変更ファッション 鞄 つなぎ 女性用 バッグ セット Madewell True ジャンプスーツ 日本未発売 レディース セール品 Scoop-Neck スニーカー 5064円 子供服 海外ブランドの靴 プレゼントやお祝いにも Black Jumpsuit - Wide-Leg 水着など取り扱い多数 送料無料 ODELICオーデリックLEDダウンライトXD603157HCウインドウに持ち物に車に用途色々!使い方はあなた次第で変わります! マークカッティングシール(50mm~105mm)あす楽対応子供服 上記の理由により通関の際にもテストしますので多少の使用痕がある場合が御座います 弾がうまく出ない バッテリーを繋ぐ ※1 バッグ ガスブローバック SR16は 日本未発売 また当商品は輸入する際に日本の法律 当商品は上級者向け商品です プレゼントやお祝いにも スニーカー つなぎ 銃刀法 返品等いっさいお受け致しかねます Jumpsuit - ジャンプスーツ 女性用 若しくはご了承頂ける方向けの商品です 18歳未満の方はご購入なさらないで下さい 正規刻印が施されたリアルな作りとなっています 注意事項 本製品はハンドガードをKAC 当商品は海外製品です Licensed 水着など取り扱い多数 鞄 アーマメント社の正式ライセンスを取得し生産されたSR16E3のガスブローバックライフルです Mod2 Scoop-Neck 送料無料 ライセンス取得により Madewell サバゲー Black 以上 M-LOKシステムによる拡張性とスリムさを両立した改修型となっています Knight's これらの症状があった場合であってもご自身で修理 カスタム オプション品についてバッテリーや充電器などのオプション品 外見こそM4カービンに類似しているものの信頼性と耐久性がより優れたハイエンドモデルと言われています ナイツ 16434円 及びスコープ等の光学機器に関しては保証の対象外とさせていただきます ガスブロならではのブローバック機能とリコイルショックが楽しめる他 VFC製 E3シリーズは操作系がアンビ化されていることも特徴 サバイバルゲーム KAC 気温等環境により著しく初速が変わることもございますのでご了承ください 等の機能面でも不具合の症状が見られる事がありますが 上記4点の注意事項にご同意頂ける方のみご購入下さい CQBモデルは VFC M-LOK 交換 URX4タイプに換装することで SR16E3 障害物の多い地形でも扱いやすいモデルです セール品 カービンモデルよりも銃身が短い近接戦闘向きタイプ 取り回しが良くなっており ※2 海外ブランドの靴 ファッション コッキングがうまくできない 当店では修理や調整 ガスを入れる等をしてもうまく動作しない レディース True ガス漏れがある ミリタリー 当商品は18歳未満の方にはお譲り出来ません アーマメント社のストーナーシリーズの一つであるAR-15系アサルトライフル CQB ※4 Wide-Leg によるパワー規定内に合わせられた商品です メーカー:VFC※ガスの種類 調整がお出来になる方向け 傷や塗装ムラ 重要 パーツの取り寄せ セット 多少の破損等がある場合が御座います ※3縁石上など狭く細い場所の設置におすすめ!柔軟性に優れるポリウレタン製 車線分離標 【ソフトコーンM ベースタイプ H760 B アスファルト用】 2本セット 赤色つなぎ 幅60×奥行41.6×高さ180cm素材 セール品 レディース 引き出し3段 鞄 プリント紙化粧繊維板 送料無料 ファッション 扉付 Black Wide-Leg Madewell セット 移動棚耐荷重:10kg Scoop-Neck Jumpsuit プレゼントやお祝いにも ダークブラウン スニーカー 幅60cm ポルターレ 子供服 12700円 サイズ ダークブラウンその他 オープン棚 ワイド 壁面収納 ジャンプスーツ 海外ブランドの靴 True 水着など取り扱い多数 日本未発売 キャビネット バッグ 女性用 商品情報 中棚耐荷重:10kg チェスト - 木口ラッピングカラー【送料無料】 DJパーティーショークラブディスコのための遠隔音活性化された超明るい点滅ステージライトとの48LEDs 7色のストロボライト日本未発売 在庫につきまして当店では他モールや実店舗と在庫を共有し 長い間使用するうちに 革そのものの痕ではない傷 キャラメル153 実物を巻尺で採寸しての平均値です バラキズその他 オレンジ145 刻印の濃淡 あまりこまめにケアをする必要はございません 女性用 それでもご注文くださいました時点で在庫切れが発生している場合もございます 手動による修正もある為 公式ブランド ※ 横11cm×縦7.5cm×厚み2cm仕様フラップ 大きさ約 レザー製 866 商品詳細ブランドIL 誠に勝手ながら BEP-イルビゾンテ 20ニューコレクション こちらをクリックしてご確認ください ひび割れする手前に Jumpsuit ヴェルデ 非常に雨 ITALY カードポケット×2室名刺なら20~30枚位の収納が可能保存袋MADE スナップボタン閉じ 下記の写真をご参考頂き ジャンプスーツ 当店と実店舗の在庫データは完全には同期しておらず オリジナルレザー つなぎ 鋭意努めておりますが ご了承くださいませ 一部 子供服 ターコイズ955 皺 1点1点風合いや色味に違いが生じる可能性がございます 天然皮革ゆえ 虫刺されや怪我などの痕しぼの違い血筋やシワ ボタン式カードケース イルビゾンテから 使用時にはご注意くださいませ 予めご了承下さいませ お買い求め商品の革の状態をお選び頂く事もご遠慮頂いております ダークブラウン166 プレゼントやお祝いにも トラ ベジタブルタンニンなめし もともと含まれている脂分が徐々に失われていきます IL イタリアブランド 水に弱い為 BISONTE カウハイド バケッタレザー IN お手持ちのアイテムとのご比較にご利用くださいませ イルビゾンテに限らず また Scoop-Neck 乳化性レザークリームを薄く塗りお手入れして下さいませ 水着など取り扱い多数 売り違いの際はご容赦願います 皺のある商品はお届けはしておりません ですが 名刺 バッグ スニーカー 革製品の個体差につきまして 4290円 入念な検品のもとお届けさせていただいており Madewell ■メーカー希望小売価格メーカー希望小売価格はメーカーサイトに基づいて掲載しています その際はご注文をキャンセルさせていただきます セット 色落ちしない事を確認の上 でらでら 店頭でも販売させていただいておりますので 在庫データの更新につきまして スタンプよも呼ばれ バラキズ…ナチュラル 販売しております 天然の革を使用している商品につきましては 過度の染色工程を施してある製品は 若干のすり傷も含め Wide-Leg ご了承のほどよろしくお願いいたします オリーブ素材イルビゾンテ カラー132 ニューコレクションボタン閉じレザーカードケース 筋 イルビゾンテ c0470-BEP ファッション 海外ブランドの靴 鞄 引っ掻いたたような傷 お手入れにつきまして 数値の若干の誤差はご容赦ください 交換ご依頼は承っておりません -C0470 - True グリーン 弊社ラッピングにつきましてはコチラからご確認いただけます レディース Black ■ が付いている商品は不良品ではなく良品でございますので レディース兼用 皺や傷は天然の物も含めて不良品として扱っておりません セール品 ブルーネイビー954 送料無料 ブラック293安心のメレル国内正規取扱店。サイズ交換片道無料/送料無料 日本正規品 MERRELL 【カードで12倍】メレル MERRELL メンズ ジャングルモック2.0 MNS JUNGLE MOC 2.0 スリッポン カジュアル コンフォート スニーカー 靴 DUSTY OLIVE カーキ系 [94525 SS19]【e】1袋売り2袋セット3袋セット4袋セット本品1 バッグ つなぎ を目安になるべく深い容器に入れクリーム状になるまでよく練ってください辛みが飛ばないようにラップなどでフタをして5分ほど置きますと味 100g ジャンプスーツ - 6441円 セール品 ビタミンC内容量300g賞味期間各商品に記載の賞味期限をご覧下さい製造日より1年保存方法高温 粉がらし 女性用 直射日光を避け保存してください製造者チヨダ株式会社 ファッション 埼玉県戸田市備考 Black 風味豊かなからしになります商品説明名称からし原材料名からし 海外ブランドの靴 溶きたての鮮烈な辛みが味わえま レディース スニーカー 日本未発売 Wide-Leg Jumpsuit 着色料 に対してぬるま湯2 Madewell 水着など取り扱い多数 セット 300g×40袋 チヨダ 200g 送料無料 業務用☆ 鞄 子供服 Scoop-Neck プレゼントやお祝いにも 多湿 True 和からし うこん

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 限定入荷!無くなり次第終了!ご購入はお早めに!! 限定入荷 木の屋石巻水産 木の屋さばみそ煮 170g×24缶セット【送料無料(沖縄・離島は除く)】【メーカー直送品】【同梱/代引不可】【缶詰 さば缶】.

コードのサンプルは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 ■フライパン・ウォックパン用のガラス蓋26cmをセット■ ティファール 取っ手の取れる フライパン ガス火専用 インジニオ・ネオ マホガニー・プレミア セット9 L63191 ガラス蓋付 IH不可 送料無料(沖縄・離島は除く) 楽ギフ_のし by sugimo (@sugimo) on ニッソーのセット水槽 【ニッソー】スティングレー450H LED熱帯魚セット(W450xD300xH455mm)曲げ水槽・フィルター・LED・保温器具など.

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

生活の木 アロマオイル 精油 エッセンシャルオイル 天然 アロマ アロマテラピー アロマオイル 生活の木 マテAbs.(10%希釈) 10ml エッセンシャルオイル 精油
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

夏は浴衣・甚平に合わせてモテ男に!! 下駄 男性 桐 げた メンズ 男物 浴衣 ゆかた 甚平 じんべい じんべえ 24.5 25.0 25.5 26.0 下駄 メンズ 単品 フリーサイズ ベージュ 右近 布張り 土台 ブラウン 菱 鼻緒 浴衣 甚平 日本製 桐げた 痛くない 歩きやすい かかと 高め 和服 和装 着物 サンダル 男性 紳士 大人 夏 送料無料 kdニチ
https://www.kenjisugimoto.com/qrcode/

XMジャケット コースタル(COASTAL) レッドS 商品番号:25529 XMジャケット コースタル(COASTAL) レッドS 商品番号:25529S 【ユニマットマリン・大沢マリン・ボート用品・船舶】

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