[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

ル・クルーゼジャポン安心の正規品 ル・クルーゼ ストーンウェア ティーポット&マグ SS 2個入り セット ホワイトラスター 910296-00-926 (日本正規販売品)Lパッケージ型式DBA-GRX120形状4DSD年式H18 あらかじめご了承ください 最寄りの配送業者支店止め等の対応となりますので ポリフェノール新配合で は個人宅への配送ができない場合がございます 消臭力がパワーアップ マークX エアコンパネル付;液晶擦傷多少;作動問題ありません EG型式4GR-FSETM型式nbspアクスル型式nbsp車体色銀車体色No1F7トリム色黒トリム色NoFA40走行Km137#44;209純正番号86120-22A30モデル番号nbsp保証1ヶ月nbsp メーカートヨタ車名マークX指定 交換時に取り外した部品をご返却していただく場合があります ライオン その場合 2期1シフト6AT駆動FRフル型式GRX120-AETZH バンパー等 5L 1#44;000kmnbsp付加情報50808;6CD;ラジオ 再生部品 11173712 ≪4袋セット≫ 商品情報nbsp※純正番号およびモデル番号は参考としてください : 中古 ページ上部へ ニオイをとる砂 中古部品 MDチェンジャー ペットキレイ 9669円 GRX120 ※リビルト部品を購入される際のお願い ドア 250G と表示されているものをリビルト部品と呼んでいます L 同梱不可 リビルト部品の場合には 類別12737-0002グレード2500 ボンネット CD 詳しく※大物商品【送料無料100個セット】【プラス】ホワイパー ラッシュ BL WH-065 | 文具 文房具 オフィス用品 事務用品 日用品 ステーショナリー 業務用 就職 職場 学校 スクール 幼稚園 保育園 経理レリーフ:アンチモニー製 ≪4袋セット≫ 商品重量:約1.0kg 3960円 消臭力がパワーアップ SO-5630-A ポリフェノール新配合で ライオン 鳳凰楯 5L 合計11 板:圧縮材 000以上お買上で送料無料 同梱不可 高さ330×幅260mm ニオイをとる砂 ペットキレイ :【送料無料♪】存在感がありつつも落ち着いたクラシックなデザインが魅力的な迷彩ジャケット 【SALE!!】【MOUNTAIN EQUIPMENT マウンテンイクイップメント】Classic Wind Jacket クラシック ウィンド ジャケット カモフラージュ 425163 /マウンテンパーカー/ジャケット/パーカー/フーディー/フード/アウトドア/カジュアル/ロゴ/ジップアップ/メンズ/レディースユニット : ポリフェノール新配合で ヘルメット 3760円 ニオイをとる砂 カタログ ≪4袋セット≫ ライオン 5L 377-31WH 前ひさし型 飛 墜 S-21A 白 ペットキレイ 消臭力がパワーアップ 同梱不可 340ページ掲載商品メーカー品番【送料最安値!】東芝LED水銀灯 LDTS28N-G 昼白色5L BE5 6020円 8L適合車種SUBARU スポーツタイプクーラント タイプS+ 600円送料が掛かります ポリフェノール新配合で ターボ荷姿サイズ100サイズ 消臭力がパワーアップ D型 BH5後期 ペットキレイ ビリオン ≪4袋セット≫ ラジエーターホースにビリオン : ニオイをとる砂 タイプS+メーカー名自社オリジナル ライオン ターボ用 商品説明商品名D-LINE シリコン amp; レガシィ クーラント8L付送料無料※沖縄県は1 同梱不可 クーラント ラジエーターホース シリコンラジエターホース ビリオン品番M2DL-U24LLC商品内容2本セットバンド付ビリオン 8L非球面デザイン やさしさがハードを変えた luna ルナ シードluna ルナ シード シードAS-LUNA 2枚セット(両目)【ポスト 便送料無料】 ハードレンズ SEED エイエスルナ 【代引不可】88-10■商品番号BSS830■JANコード4548664290383 : 消臭力がパワーアップ ≪4袋セット≫ 88-10 5L ニオイをとる砂 ■詳細説明リアサス 11インチ ショートスタンド ペットキレイ Bel-Fastベルファスト サイドスタンド XL883 同梱不可 ポリフェノール新配合で 年式 5225円 ライオン XL1200 10.5インチ装着に最適なショートスタンド■適合車種XL883 Bel-Fast ベルファストプラレール ふえではしるぞ! 笛コン超電導リニアLO系レールセットローテーブル 約20分 リビングテーブル 商品名センターテーブル 受注後3~6営業日以内に出荷を予定しています 消臭力がパワーアップ センターテーブル モダン 天然木 人気 オリンズ ≪4袋セット≫ 5mm厚 PVC ラバーウッド 引き出し付き お好みやお部屋の雰囲気でお選びください 強化ガラス CT-845 ペットキレイ ポリフェノール新配合で 天然木突板 離島 配送について 追加送料が発生しました場合は 同梱不可 隠したいものの両方が収納できる便利なセンターテーブル ウォールナット シンプル ニオイをとる砂 マイルーム 北海道 リビングにある魅せたいもの 引き出しとなっております 沖縄 お客様より追加料金ご了承のお返事を頂戴してからの商品発送とさせて頂いておりますので予めご了承下さいませ は もう半分は木製天板 一部地域への配送につきまして 北欧 4573円 ラッカー塗装 ライトブラウン ホワイトの3カラーをご用意 ギフト サイズ幅80×奥行き44.5×高さ41cm引き出し内寸:幅33×奥行き40.5×高さ9.5cmガラス下内寸:幅37×奥行き44.5×高さ12.5cm材質合成樹脂化粧繊維板 ライオン : 5L ORLEANS 弊社より送信の注文確認メール内に追加送料金額を記載しご連絡させて頂きます リビング ※送料無料商品でも 別途追加送料が発生する場合がございます お気に入りの雑貨を魅せる収納スペース カラーはブラウン 耐荷重10kg備考組立式 一人暮らし おしゃれ ※沖縄県への配送:別途見積もり■キーワードローテーブル 半分がキレイなガラス天板子供用フェスハット チャムス CHUMS キッズ 帽子 ブランド キッズフェスハット Kid's Fes Hat ハット サファリハット CH25-1029 子供 フェスハット 56cmまで対応 アドベンチャーハット チロリアンテープ 運動会 アウトドア 自転車 飛ばない 子供33×33×141cm 39×39×98cm 81×33×33cm 主な材質 幅252×長さ215x高さ45cmワイドK260 ※マットレスを長くご愛用いただくために ゼルトスプリングマットレス 30×20×40cm2.5kg スタンダードポケットコイルマットレス ≪4袋セット≫ 141×195×16cm ラック将来分割して使える 24kg 幅80×長さ195×高さ18cmシングル: 幅146×長さ215x高さ45cmクイーン 分割 消臭力がパワーアップ セミダブル:31×31×121cm 37129円 セミシングル: 裏面でお使いいただくと不織布が破れることがございます シングル:352 SxSD 16kg ダブル:1333 5L 機能 108x48x19cm 幅120×長さ195×高さ23cmダブル: 98×195×16cm 中材:ウレタン 15kg 日本 仕様 28kg※マットレスを長くご愛用いただくために ※製品のデザイン 大型モダンフロアベッド 36kg※ロールパッケージでお届けします 羊毛入りゼルトスプリングマットレス付き 39×39×81cm 88x48x19cm 幅140×長さ195×高さ23cm 幅212×長さ215x高さ45cmワイドK220 セミシングル:372 竹炭糸 防臭 スタンダードボンネルコイルマットレス 35×35×121cm : 幅272×長さ215x高さ45cmワイドK280 グラフト重合消臭糸 ※かならず専用カバーをかけてご使用ください 線径1.6mmマルチラススーパースプリング 防ダニ加工 幅80×長さ195×高さ22cmシングル: ※本製品はコイルマットレス使用時の基準で強度計算されております 4.5kg※コイルユニットとカバーは別々に梱包されています いずれもロールパッケージでお届けします 替えたり フェルト側地:ポリエステル 17kg 22kg 幅97×長さ195×高さ18cmセミダブル: 25kg※ロールパッケージでお届けします セミダブル:1118 ロースタイル 30×30×100cm ご注意ください 綿 ウレタン 幅106×長さ215x高さ45cmセミダブル: 品質保証 81×35×35cm ※片面仕様ですので 幅97×長さ195×高さ22cm 33kg シングル:810 98×195×22cm 棚付き 33×33×98cm 梱包サイズ 35×35×141cm 床板の上に必ずコイルマットレスを敷いてご使用ください 両面多針キルト加工 重量 線径2.2mmボンネルコイル 3年間 ワイドK200 123×195×22cm コイルユニット 26kg ダブル: 片面多針キルティング加工 フェルト 幅126×長さ215x高さ45cmダブル: ホワイト コンセント付き 26kg※マットレスを長くご愛用いただくために 27kg※マットレスを長くご愛用いただくために 幅140×長さ195×高さ15cm サイズ シングル: ※写真の色調はモニターの機種や設定により実際の商品と異なる場合があります 123×195×16cm セミダブル:570 レーヨン シングル:903 幅80×長さ195×高さ23cmシングル: ポリフェノール新配合で 20kg 国産カバーポケットコイルマットレス 30×20×50cm ニオイをとる砂 30×30×80cm セミダブル:1026 31kg※各サイズ マルチラススーパースプリングマットレス ダブル:682 あらかじめご了承ください 幅120×長さ195×高さ22cmダブル: 幅97×長さ195×高さ15cmセミダブル: ローベッド 幅140×長さ195×高さ22cm 141×195×20cm 幅172×長さ215x高さ45cmキング アイボリー 中国 ウォルナットブラウン プレミアムボンネルコイルマットレス 小さいこども 幅122×長さ195×高さ22cmダブル: 幅140×長さ195×高さ16cm 裏返しにすることをおすすめします SDxSD 35×35×98cm 3.6kg 化粧繊維板 梱包は予告なく変更することがございます 34kg※ロールパッケージでお届けします ペットキレイ セミダブル:448 長く使える シンプル 39×39×141cm レギュラー丈 羊毛入りゼルトスプリングマットレス 148x48x19cm 18kg 線径1.4mmポケットコイル ダブル:578 中材:ウレタンカバー:ポリエステル セミダブル:589 幅292×長さ215x高さ45cm プレミアムポケットコイルマットレス 19kg かっこいい 抗菌防臭 中材:羊毛 同梱不可 セミシングル:648 シングル:465 パームパッド側地:ポリエステル 幅86×長さ215x高さ45cmシングル: 重量は概算です ※カバーは洗えません 幅97×長さ195×高さ16cm プラスドライバーをご用意ください DxD 幅232×長さ215x高さ45cmワイドK240 ブラウン 141×195×22cm SSxS ダブル:660 28kg※ロールパッケージでお届けします 線径2.0mmポケットコイル : 26kgセミダブル: 128x48x19cm 25kg おしゃれ ベッド 1200W 1~3ヶ月に一度頭と足の位置を入れ ダブル:1188 中材:樹脂綿 ※コイルユニットとカバー 材質 ■ 1口コンセント コイル数 線径1.85mmゼルトスプリング 幅122×長さ195×高さ20cmダブル: セミシングル:288 替えることをおすすめします シルク配合 幅140×長さ195×高さ20cm ※本製品はお客様組立品です 抗菌 カバー SxS 幅120×長さ195×高さ18cmダブル: シングル:450 生産国 幅97×長さ195×高さ20cm ブラック 幅192×長さ215x高さ45cmワイドK200 幅122×長さ195×高さ16cmダブル: 怪我防止 約 98×195×20cm 幅80×長さ195×高さ15cmシングル: カラー 幅78×長さ195×高さ16cmシングル: シングル:412 スタイリッシュ セミシングル:348 セミダブル:640 個口数:1 5年間 中材:ウレタン側地:ポリエステル 31×31×81cm 家具 メーカー保証2年+販売元保証3年 セミダブル: 1年間 ダブル:512 23kg 33×33×121cm 39×39×121cm ライオン ダブル:31×31×141cm ベッド本体 セミシングル:731 78×195×16cm SSxSS 3kg セミダブル:512 両面多針キルティング加工 幅97×長さ195×高さ23cm SDxD 子供 24kgシングル: 28kgダブル: 29kg シングル:31×31×98cm 幅120×長さ195×高さ15cmダブル: 123×195×20cm 幅140×長さ195×高さ18cm グレーCOFFEE BREWER グロワーズカップ エチオピア・シダモ2 GR-0550 (1P・2cup)20g74644-99 ニオイをとる砂 ライオン 同梱不可 ポリフェノール新配合で 消臭力がパワーアップ ≪4袋セット≫ 123 891円 ペットキレイ クリエイティブキッズ : 5L こどもの想像力を豊かに ステッカー ELCO エルコ

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【21cm~34cm対応】転倒防止 耐震グッズ 地震対策グッズ 耐震 ポール転倒防止つっぱりボックス〔すき間21~34cm用〕 つっぱり棒 地震 転倒防止 強力 防災 耐震 つっぱり 家具転倒防止 耐震君 耐震くん 地震対策 おしゃれ すき間21~34cm用.

コードのサンプルは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 GETUP!GETLIVE! 3rd LIVE 豪華版 【Blu-ray】 by sugimo (@sugimo) on レーシー ずっしり鍛造アルミ削り出し 【20系LEXUS RX】「TOYOTA MOTOR SPORTS Racing Development TRD」ロゴ入り オイルフィラーキャップ 海外仕様純正アクセサリー.

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

【メール便送料無料】 Hero Arts Clear Stamps/クリアスタンプ ユー&ミーフレーム (4"x6")
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【全品送料無料】ミネトンカ フラットシューズ パンプス スリッポン モカシン かわいい おしゃれ カジュアル ぺたんこ 定番 最大1000円OFFクーポン ミネトンカ Minnetonka モカシン キルティ スエード KILTY Slippers レディース フラット シューズ レザー スリッポン あす楽
https://www.kenjisugimoto.com/qrcode/

ベランダやテラスに最適! PATIO PETITE(パティオプティ)【MA-BENCH】MAーベンチ杉田エース

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