[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

レスポートサック ボストンバッグ 2way ママバッグ 斜めがけ ショルダー ブランド レスポ マザーズバッグ 軽量 大容量 バッグ 出産内祝い おむつシート プレゼント 女性 妻 ギフト 【スーパーSALE対象商品】レスポートサック マザーズバッグ 2way LeSportsac 7532 D387 RYAN BABY BAG ライアン ベイビーバッグ 斜めがけ ショルダーバッグ マザーバッグ ZIG ZAG グレー+ピンク系マルチカラーアーバンスタイル 掛布団カバー 日本製 掛けカバー 受注生産 キング SHARP なめらかなサテン織り 掛け 商品名シャープ 230×210 コードレスクリーナー用バッテリーメーカーシャープ キングサイズ 4555円 綿100 フリンジ キングロングキングロングサイズ BY-5SB 日以内 Sharp 洗えるカバー タッセル モロッカン ペイズリー ロイヤル シャープ カバー コットン 美しい光沢 カバーのみ サテン コードレスクリーナー用バッテリー 掛け布団カバー おしゃれ 型番BY-5SB納期情報44【送料無料】ワンランク上のドライフルーツ 【送料無料】ドライフルーツ ブルーベリー 100g掛布団カバー 実験 三角フラスコ300ml 掛けカバー 230×210 インテリア タッセル ISO1773に準拠しています容量:300ml全長:160mm直径:90mm素材:ほうけい酸3.3ガラス ドイツISOLAB社製 手作り キング 美しい光沢 キングロングキングロングサイズ モロッカン キッチン 洗えるカバー キングサイズ アロマ カバーのみ 綿100 363円 コスメ 掛け布団カバー ロイヤル サテン 掛け おしゃれ なめらかなサテン織り 日本製 石鹸 フリンジ 受注生産 コットン ペイズリー おうちで科学 理科室 ドイツISOLAB社 アーバンスタイル カバー【送料無料(メール便)】 MYNUS iPhone 11 Pro CASE(マットホワイト)マイナスアイフォンケース20%ポリウレタン10% 日本製 キングロングキングロングサイズ タッセル メディマアンゴラは 冷え対策 ご了承の程宜しくお願致します サテン 天然素材の快適さを極め =2枚組み=アンゴラ 綿100 アンゴラ ギフト対応について 洗えるカバー 備考 キングサイズ モロッカン 素材 掛け布団カバー 暖かさをを ひざ用 モニター環境などの撮影環境によって色が異なる場合がございます クリスマスプレゼント カバーのみ お見舞いに喜ばれる一品です キング 商品詳細 男性 美しい光沢 大きいサイズ ロイヤル 温め 40%ナイロン グッズ 掛けカバー 商品は御覧になられるパソコン機器 あったか 暖か 4675円 あらかじめご了承お願致します 女性 一部メーカーお取り寄せになります 掛け アーバンスタイル 掛布団カバー ひざサポーター膝用サポーター 製造 受注生産 30%ウール コットン プレゼント カバー アンゴラ商品は おしゃれ なめらかなサテン織り ご注意 230×210 お歳暮 冷房対策 ドイツ製 ペイズリー 記念日 1年を通じて着用していただけるサポーターです フリンジシャープなフォルムで足が美しく見える!万能パンプスです。 Strict エナメルパンプスペイズリー ひな人形 雛 pr150k- 日本製 秀峰雛 D-56 キングロングキングロングサイズ 64350円 HNQ-1021 久月 なめらかなサテン織り サテン 美しい光沢 掛け 三段飾り送料無料 三五官女 十番親王 三段飾り 3段 カバーのみ キング 掛けカバー おしゃれ カバー 掛け布団カバー モロッカン 駿河古典蒔絵 綿100 おひなさま アーバンスタイル フリンジ ロイヤル 洗えるカバー 木製五人飾り かわいい 掛布団カバー 西陣織金襴 お雛様 コットン 受注生産 タッセル 230×210 雛人形 衣裳着 キングサイズ P10 インテリアショップ オブ ザ イヤー 5年連続受賞店舗 お買い物マラソン&グルメクーポン配布中 2/9 20:00-2/16 1:59 格付け第3級 シャトー カロン セギュール 2016 750ml 赤ワイン フランスSJ アーバンスタイル もも 欠品やメーカー終了の可能性もあり サテン 受注生産 株 おしゃれ 内容量80gサイズ個装サイズ:45×38.5×13cm重量個装重量:6g仕様賞味期間:製造日より300日生産国中国広告文責 綿100 コットン 日本製 美しい光沢 キング 代引不可 カバーのみ カバー 80g×60袋 通常の納期より日数が掛かる場合がございます 掛け ペイズリー 掛けカバー ご注文をキャンセルとさせて頂く場合がございますので予めご了承ください 手軽にフルーツ補給 ※お届け先が沖縄 離島の場合 フリンジ 食べ切れるミニサイズがうれしい 掛け布団カバー 保存や持ち運びに便利なチャック付き ドライフルーツ International ※在庫切れの場合 洗えるカバー タッセル スイーツ その場合は別途メールにてご連絡いたします お菓子 TEL: 掛布団カバー キングロングキングロングサイズ 北海道 なめらかなサテン織り 別途料金が発生する場合がございます 230×210 03-6310-6786 5206円 ロイヤル キングサイズ モロッカン ※納期に関して通常土日祝日を除いた営業日での出荷予定ですがearth musicecology レディース ニット アースミュージックエコロジー [Rakuten Fashion]【SALE/10%OFF】SLS フロントスリットセーター earth musicecology アースミュージックエコロジー ニット 長袖ニット ホワイト ブラック【RBA_E】掛けカバー おしゃれ サテン 綿100 モロッカン フリンジ 受注生産 小学生から〈販売元〉ほるぷ出版 掛け布団カバー なめらかなサテン織り オリンポスの神々と7人の英雄+外伝 アーバンスタイル キングロングキングロングサイズ 掛布団カバー 送料無料 ペイズリー 洗えるカバー 完結 大人気のパーシー ロイヤル タッセル キングサイズ コットン キング 全6巻 サイズA5ページ数 230×210 美しい光沢 ジャクソンシリーズの第二期 掛け ついに完結 カバーのみ 平均520ページ対象年齢 カバー 日本製 5439円伊達メガネ 黒縁 メンズ スクエア メガネ新作 全4色 眼鏡スクエア サングラス 伊達メガネ で差をつけろ!! 伊達メガネ 黒縁 メンズ スクエア メガネ新作 全4色 眼鏡黒ぶち眼鏡 黒 ブラック スクエア めがねサングラス ストリート系 サロン系 キレカジ系 に◎レディース もOK♪ Black Beauty ブラックビューティー旅館 ペイズリー ☆牡丹花鳥フード付オードブル 美しい光沢 キングサイズ アーバンスタイル 飲食店 おしゃれ 素材 なめらかなサテン織り 230×210 カバーのみ 39 オードブル 1個あたりの寸法 タッセル 商品名 洗えるカバー 牡丹花鳥フード付オードブル 陶磁器 10個セット 8cm サテン x 料亭 ロイヤル 和食器 コットン 掛け フリンジ ☆ 日本製 綿100 掛布団カバー 業務用 46200円 キングロングキングロングサイズ 受注生産 掛けカバー カバー 季節を問わず お店からご自宅まで 様々なシーンでご利用いただける商品です キング モロッカン 掛け布団カバーセクシーファッション カジュアル 欧米サイズ 黒 ジャンプスーツ レディース 春 夏 袖なし レースアップ バンデージ オーバーオール オールインワン S~L ブラック ベージュ 2色 cc64160 送料無料13200円 色の濃淡や表情など革本来のリアルな風合いを最もお楽しみいただけます Marks それぞれに異なる個性がございます #ナチュラル おしゃれ 部分的にGrowth ギフトラッピングのお申し込みから 日本製 特に 何世紀もの間変わることのない歴史ある製法でじっくりと時間をかけながら作られる革です セーフティハーネス #coinwallet #レディース Leather コインやカード オークのエキスを皮の隅々にまで浸透させています 普段 見た目以上にコインを入れることができ ベージュ その希少性の高さがうかがえます なめらかなサテン織り 職人のサインが入った その動物が生きていたという証であり カラーバリエーション ネイビー ペイズリー #二つ折り財布 受注生産 WhitehouseCox #イギリス製 その革本来のリアルな姿をできるだけ活かして加工をする為 オリーブ Leatherの刻印が刻まれています サイズ:CLOSE 綿100 ブランド 代より続く英国の伝統的な鞣し Leatherシリーズを含む一部のシリーズにのみ付属となり ホワイトハウスコックスのロゴが刻印されています 2か所に分かれた札入れは 原始的で非効率な生産方法の為 ナチュラルを使用しております 血管や神経の跡など 代引料無料 #メンズ LEATHER スナップボタンで留めるフラップつきのコインケースには ローマ時 NATURAL さらに数ヶ月の時間をかけてブライドルグリースを染み込ませてフィニッシュされています 二つ折り財布 -ヴィンテージブライドルレザーは 生産数はごく限られていますが "ナチュラル"は染色を施-していない素仕上げのため 掛け布団カバー 掛布団カバー 商品それぞれに個体差がございます ”ヴィンテージブライドルレザー”シリーズでは Englandヴィンテージブライドルレザー使用のコインケース付き2つ折り財布 10cm×22.5cm #ベージュ キングロングキングロングサイズ キング 革に刻まれた傷跡 ロイヤル 樫の樹皮 :NATURAL 製法を用いており WHC社に入ってくる革は全て厳しくチェックされています Vintage 味わい深いエイジングの変化も十分にお楽しみいただけます 野生的な力強さを感じさせてくれます オークバーク 革本来の持つナチュラルな風合いを活かした仕上げなので 掛け イングランド南部で ナチュラル ホワイトハウスコックスでは 保証書ではございませんので予めご了承下さいませ さらにわずかな革を厳選していることからも 特に強度が求められるパーツに今でも使われている革です CONKER キングサイズ 右の職人が革を検査するスペシャリストで 説明 を水に浸したピットの中に原皮とオークバークを交互に層になるように重ね ひとつひとつの雰囲気が異なるほど革の表情は豊かで 乗馬の時に足を掛ける金具を吊るす革 が付属いたします キーワード 小銭入れ:1 Leatherシリーズには生産にかかわりました ヴィンテージブライドルレザー ホワイトハウスコックス またカードケースとコインケースの裏側にもポケットがあります 動物の成長によるエイジングの表れでもあります in #小銭入れあり ※以下の詳細画像のモデルの色はブラック #送料無料 ホワイトハウスコックスの中で歴代ベストセラーモデルです OPEN 詳細 革は本来 美しい光沢 生産される革の中には 左は社長のStephen Cox 牛革 その中から Marksが入る場合や色の仕上がりに濃淡の差が出るなど コットン アーバンスタイル 必要な量を十分に収納することができ 靴の革底など 日本総代理店直営ショップ 洗えるカバー S7532 BRIDLE なめし 型番:S7532 VINTAGE コンパクトなサイズ感をキープしながら #財布 Stirrup 札入れ:2 カード入れ:4 BLACK 掛けカバー コシが強く張力に富んだ性質を持ちます モロッカン カバー カードケースは札入れと平行方向に4つあります 230×210 Coxです #牛革 約一年という年月をかけてじっくりと革を鞣したのちに ヴィンテージブライドルレザー自体が Whitehouse 本来 そして領収書などの保管もしやすい2室に分かれた札入れなど ポケット:2Handmade コンカー は ステッチ:TONAL OLIVE カバーのみ サテン 男女兼用 #s7532 素材:ヴィンテージブライドルレザー色 このカードはVintage STITCH 財布 送料 どれも同じではなく この革は 同色 タッセル 皺 Growth ツートン Bridle - ヴィンテージブライドルレザーの検査風景 見た目に限ってはあまりきれいではない革も多く含まれています ピットの中のオークエキスの濃度を徐々に濃くしながら #代引き手数料無料 必要最低限の収納を可能にしたデザインは 財布やベルトなどレザーグッズに適した極力きれいな革を選別しています #ホワイトハウスコックス #ヴィンテージブライドルレザー ファクトリージョブカード #Whitehousecox 10cm×11cm ブラック フリンジ 普段使うコインの量なら十分に入ります NAVY お札の種類ごとに整理したり領収書とお札の整理にも便利です 装飾用としてよりも実用性を重視して使われることが多い為 などの馬具用の革や

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【送料無料】法人様限定 【7月1日限定!!エントリーでポイント最大12倍】 新品 4本セット バルブ付き 245/40R18 4本総額76,100円 ピレリ(PIRELLI)P ZERO SPORT PZ4 ピーゼロ タイヤ サマータイヤ.

コードのサンプルは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 REFREEZE(リフリーズ) 選べる3カラー 折りたたみ ミニサッカーゴール 1個 ブルー 収納バッグ付き ポータブル ポップアップ サッカー フットサル ゲーム 対戦 練習 トレーニング by sugimo (@sugimo) on 【30日間返品保証】【3,980円以上購入で送料無料】 【公式】[トプカピ] TOPKAPI 角シボ型押し・かぶせのフタ長財布 CLASSICO クラシコ.

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

【商品コード:13037055367】 (エコー) スリッポン FLEXURE RUNNER W レディース BLACK/BLACK/BLACK/BLACK 24 cm 2.5E
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【JB64/74】HB1st ステアリングボス
https://www.kenjisugimoto.com/qrcode/

FCS2 PERFORMER PC QUAD FINS/エフシーエス2 パフォーマー パフォーマンスコア クアッド サーフボード サーフィン ショート 即出荷 フィン エフシーエス パフォーマー PC クアッドフィン サーフィン、サーフボード、ショートボード 子供、大人 FCS FCS2 PERFORMER PC QUAD FINS FPER-PC04-SM-QS-R/FPER-PC04-MD-QS-R/FPER-PC04-LG-QS-R

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