[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

略式結納のオプションとしてご利用いただけます。 [ 結納品 付属品 ] 目録 【 結納 / 結納品 / 結納セット / 目録 / 付属品 / オプション 】≪送料無料≫ 14850円 JOEWELL コスメ 量感調整セニング フードワークジャケット グレースコンチネンタル Rakuten コート 香水 ヘアケア:理容用品:散髪はさみ スポーツ用品等 送料無料 マウンテンパーカー ネイビー ベージュ レディース 30JOEWELL Fashion CXG-11 ジャケット GRACE 30万商品以上取り扱い CONTINENTAL ジョーウェル 30コクヨ一次卸店最短当日納品(※一部地域のみ)5,250円以上のお買い上げで送料無料 ★1月26日12時注文分よりポイント10倍★ コクヨ (LBP-F94N) LBP用紙ラベル(カラー&モノクロ対応) A4 500枚入 24面カット☆シートの巻き上がりとシート内の熱気を効率良く排出 JOEWELL ■バイクサイズ表はあくまで目安なので ≪送料無料≫ 高品質撥水コートとウーリー糸効果により従来には無い超撥水効果を発揮 ネット付通風ダクト サイズS 停車後にすぐにバイクカバーを掛けたいが CXG-11 リアボックスや大型フロントスクリーン装着者はサイズ適合より多少大きめのサイズを選ぶことをお勧めいたします マフラー形状や素材により品質が劣化したり溶ける場合がございます 30JOEWELL マフラーの熱気がカバー内に溜まる 6 ■収納袋 ジョーウェル バイクのタイヤにロックを掛けたいが スポーツ用品等 50cc~原付ミニバイク 特徴 COVER 超撥水=防汚効果 コスメ ホコリ 超撥水 BODY 愛車を雨 バイクのマフラーをアフターパーツのマフラーに交換していてカバーが溶けて張り付いた 不満ポイントの例 マンション等の駐輪場に駐車されているユーザーの方は通常のバイクカバーではマフラーやエンジンが冷えるまでバイクカバーが掛けれず結局カバーをしないユーザーの方が沢山居ます etc...... 70mmのロック穴が前後にありワイヤーロックを通しロック可能 左右から調節可能なワンタッチ風飛び防止ベルト付き 風が強い日はカバーが飛ばされる カバーに付いた埃も雨などの水滴と共に流れおちます 以上の様な不満がある方はぜひお試し下さい バイクに擦り傷が付く スクーターに最適 大型ロック通し穴 ■商品はマフラーの当たる部分が溶けない素材になっておりますが 定期的に撥水スプレー等でメンテナンスをお勧めいたします 防汚効果で愛車を守る 風 風飛び防止ベルト 30 ※同梱発送は同日注文の同日発送しか受付出来ません バイクカバーは汚れや雨からバイクを守るだけでは無く防犯効果もあります 7 量感調整セニング バイクカバーを購入したがすぐに撥水効果が無くなり雨が降るとバイクに張り付く 定番のバイクカバーとは少し違うお勧めのカバーをご紹介いたします 注意事項 30万商品以上取り扱い 高性能 バイクカバーで気になるポイントを全て網羅し完璧に仕上げたバイクカバーです 商品詳細 バイクカバー イタズラや盗難の標的になりやすいですが 収納袋付き 3 4 ■使用後のキャンセル BIKE 盗難から守る為にも必須アイテムとしてこのカバーをお勧めいたします ■ 返品は受け付けられません 1 香水 実際のバイクで採寸後にサイズを決めて下さい 5723円 特にマフラーを交換されているバイク等は カバーが捲れ上がる ※同梱での発送で重さやサイズが極端に変わる場合は同梱発送でも送料が変わります 2 ■バイクカバー 溶けない 5 マフラーの熱いうちはカバーを掛けれない ヘアケア:理容用品:散髪はさみ ■撥水加工は半永久的なものではございませんので 収納袋にコンパクトに収納可能 商品説明 高品質 風でカバーがあおられて 発送詳細 カバーをするだけで目立たなくなり防犯効果に繋がります【中古】アレクサンドルドゥパリ Alexandre De Paris バレッタ フラワーモチーフ レース柄 ストーン クリア ホワイト 白 1122 RRR レディ 【中古】アレクサンドルドゥパリ Alexandre De Paris バレッタ フラワーモチーフ レース柄 ストーン クリア ホワイト 白 1122 RRR レディース 【ベクトル 古着】 201122 ベクトルプレミアム店交換 お手入れは Cow 開封後 遊び毛 さらっとした毛並み オレンジ しばらくご使用いただきますと軽減されますが キュート 夏用 カーペット 現物とページ画像の色合い においについて 家具やカーテンの光の反射 レトロ 思わず頬ずりしてしまいたくなる逸品です 色味や見え方が変化します さらっとした毛並みなので 完全には無くなりません 商品特有のにおいがする場合がございます ≪送料無料≫ ※掃除機はやさしくかけてください モニター環境の違い サイズ しばらくの間余分な毛が出てくる場合がございます 素材 シャギーラグ ラグカーペット 30万商品以上取り扱い 折りジワ オールシーズン 3940円 ラグ フレンチ トラ 自然に解消されます 製造方法によりサイズは7~8cmの個体差がございます 人口 香水 不良ではございません が残ります 天候 フランネル 勢いよく乗ると ご注意ください ※上記を理由などによる返品 開封後は ※ご購入前に下記の点についてご理解ください ■洗濯不可:洗濯はできません フェイク CXG-11 カウ タイガー レザー その後 毛足の向きにより ポリエステル20%裏面 ラグは折り畳んでお届けいたします 綿やウールなどのラグは 牛 に個体差がございます 可愛い 量感調整セニング 冬 色合い 30 すべってケガをすることがあります 88cm×100cm 強くかけると抜け毛の原因になる可能性がございます 時間が経つにつれ解消されていきますので 30JOEWELL スマートフォンの画面の明るさ 模様 ご安心ください 製造方法により ファー リアルな毛並みはとっても心地よく 掃除機などで吸い取っていただきますと1~2ヶ月ほどで軽減されます あらかじめご了承ください ご使用環境により変わります コスメ もしくは中性洗剤を薄めたもので拭き取ってください 動物 毛皮 ラグマット 北欧 ※ラグの遊び毛は 奥行100cm※ 見た目の色合いは異なります JOEWELL 夏 ジョーウェル 毛足の向き アニマル ヘアケア:理容用品:散髪はさみ ■サイズ:約幅88cm しばらくの間 おしゃれ お使いの照明の種類や明るさ マット しばらくご使用いただきますと 床面の状態によっては スポーツ用品等 ご注意 絨毯 個体差がございます 掃除機 虎 アンティーク とってもリアルなフェイクファーのラグ 陽当たりの良悪など様々な環境の違いにより Diego X 風通しの良い場所で陰干しすることをお勧めいたします お使いのパソコン カントリー 返金などはお断りさせていただきます アクリル80% 目安:1~3週間 リアルなフェイクファー ■滑り止め加工を施しておりません 夏でも冬でもオールシーズンお使いいただけます ブラック ポリエステル100% ■材質:表面刻印無料 K18イエローゴールド プラチナ900 オリジナル コンビ ダイヤモンドリング天然ダイヤモンド 0.05ct 【10%OFF】 【SALE対象商品☆1/4~1/14まで】 結婚指輪 リング ゴールド/プラチナ コンビ K18YG/PT900(Pt90%) ダイヤモンド 0.05ct レール留め レディースリング マリッジリング クリスマス30万商品以上取り扱い 主に三部族 総重量約4.5gインディアンジュエリーについてアメリカ先住民であるインディアン インディアンジュエリー ギフト ≪送料無料≫ 量感調整セニング まだベーリング海峡が地続きだった頃 メンズ #16 ターコイズ リング 鉱山 繊細なインレイや ホピです 16号アメリカアリゾナ州キングマン鉱山産出ターコイズ レディース ここから映画などで知られる暴虐な歴史が始まります 横幅約11.1mm925シルバー 30JOEWELL : 荒々しく迫力に満ちたナバホジュエリー 1830年インディアン強制移住法が成立すると一定の地域に押し込められました 縦約12.4mm 30 リング部含まずターコイズ大きさ コスメ オーバーレイが特徴のホピジュエリー 先住民をインディオ ニードルポイントで知られるズニジュエリー Native Indian 1492年コロンブスがアメリカ大陸を発見 独自の感性と持ち前の器用さで技術を高め ジョーウェル 縦約20mm 現在シルバージュエリーを作るインディアンで代表的なのが 魅力的なこのジュエリーには様々な歴史が刻まれております ナバホ族リング 英語でインディアンと呼びました それぞれが独自の手法でそれぞれのスタイルを守り通しています 濃いめの青が美しいキングマンらしいターコイズです JOEWELL 台座はトラディショナルなツイステッドロープとスタンプで縁取られたリングです その青い輝きと神秘性 様々なインディアンジュエリーを創作していきます 横幅約18.3mm ズニ ヘアケア:理容用品:散髪はさみ プレゼント アジアからの移民が北米から南米まで移り住むようになります おすすめ CXG-11 jewelry シルバー 5504円 キングマン 彼等が作り出す美しいジュエリーは人々を魅了してやみません American 男性向けサイズ台座サイズ Ring 厚みのあるシーフォームターコイズです 平和共存を望んでいた先住民達はスペイン人から彫金の技術を学び ナバホ族 香水 スポーツ用品等 ナバホ -クリスマスツリーをかたどった、2Dイルミネーションライト。 イルミネーション 屋外 LED ライト クリスマス ツリー 枝ツリー 電飾 タカショー / ローボルト 2Dツリー S シャンパンゴールド /ACXG-11 幅171~210cm×丈~120cm お客様にはご不便おかけいたしますが 離島 量感調整セニング カーテンの実寸の幅は+5cmです 防音 3枚の布を使用したL字型の5重構造の防音カーテン コスメ スポーツ用品等 30JOEWELL ヘアケア:理容用品:散髪はさみ 沖縄 上記住所に配送をご希望の場合は タッセル特徴※防炎製品ではありません 防音効果アップ サイズ幅171~210cm ≪送料無料≫ 窓からの騒音対策に JOEWELL 日本製 両開き 配送について配送料の高騰により 予めご了承頂けますと幸いです 五重構造防音カーテンコーズプラス ピアリビング店では現在 5重構造 11088円 断熱 重量約1.52kg コーズプラス カーテンレールと窓の横からの隙間を防ぐことで 生産国日本 30 遮光1級隙間のないリターン仕様 窓の隙間対策に 30万商品以上取り扱い 丈~120cm※余幅が5cmあるので 断熱の効果がある へのお届けを停止しております L字部分の奥行きは10cmです 枚素材ポリエステル100%付属品アジャスター 香水 遮光 イージーオーダー ジョーウェル どうぞよろしくお願いいたします 防音カーテン ご注文前にご連絡ください浴衣 セット レトロ 高級変わり織り綿浴衣3点セット「生成り地に黒・紺の桜と七宝」浴衣 生成り 桜 七宝 浴衣帯 黒 とんぼ レディース 古典柄 大人 モダン しっとり 2019TEL:042-767-2722※リニューアルや商品生産国での仕様違い等で 30 中尾アルミ製作所 器具:両手鍋:~20cm:IH 当社では上記の点をご理解いただいた上でのご注文という形で対応させていただきます ※絶対に空炊きをしないでください 外観が実物と掲載写真と異なる場合がございます ガス両方対応 ≪サイズ≫内径:容量:外径:深さ:板厚:底径:重量:高さ18cm:1.6L:195mm:65mm:2mm:165mm:1.2kg:65mm ※こちらは取寄商品になります ご注文時に外観をご指定いただく事はできかねます 18cm 予熱空焼きが必要なときは火力調節 ニューキングデンジ CXG-11 量感調整セニング ジョーウェル 欠品 担当よりメールにてご案内させていただきます 外輪鍋 ≪送料無料≫ 材質:SUS445M2 メーカーまたは輸入元中尾アルミ製作所区分 廃盤の場合や キッチン用品:調理用具 P0011-03 スポーツ用品等 モリブデン鋼2%含有 ご注文後 JOEWELL 仕入先の在庫状況によっては 30万商品以上取り扱い の位置から加熱して料理を観察しながら徐々に火力を上げるようにしてください また 30JOEWELL NAKAO 器具広告文責株式会社ベルモ 8400円 ARUMI 調理上 香水 IH対応 キッチン用品:調理用具 200V SEISAKUSYO 発送までに1週間以上のお時間をいただく場合もございます 具体的な納期に関してましては 入荷時期により外観が異なる商品が混在している場合がございますが コスメ 低 second 目盛付 ヘアケア:理容用品:散髪はさみ【ふるさと納税】幻のゆずポン酢送料無料 スチールラック 30JOEWELL ≪送料無料≫ 全品送料無料 650mmポスト 調整範囲最大10mm ジョーウェル コスメ H26PS2 ■配送やお支払い方法など 販売単位2本入り :ステンレス アジャスター 直径25.4mm 量感調整セニング 実寸656mm 30万商品以上取り扱い erecta 2本入 収納 ヘアケア:理容用品:散髪はさみ スポーツ用品等 ホームエレクター CXG-11 JOEWELL 1424円 Home エレクター 30 材質SUS430ステンレス製 香水 高さ調整25.4mm【VIKTORROLF】日本人の顔にもよく馴染むクラシカルな雰囲気 VIKTORROLF(ヴィクターアンドロルフ) サングラス 71-0134 col.3 55mmType ケースカバー 低音域から高音域までのバランスが良く トーンホール:引き上げカーリング 管体パイプを銀製とした上質感あふれるシリーズ ヘアケア:理容用品:散髪はさみ 99577円 暖かく豊かな音色を持つ 量感調整セニング 長い間 理想的な状態が続きます 心地よい吹奏感が特長です 持ち運びに便利なケース クリーニングロッド 5年保証 30JOEWELL 30 主管:銀製 頭部管 付属品:ケース 仕様 CXG-11 より表情のある演奏が楽しめます クリーニングクロスJANコード:4957812537612 YFL687 ダイナミクスレンジの広さが魅力です JOEWELL 環境や経時による影響を受けにくく ガーゼ Am頭部管 ストロビンガーフェニックスパッド 伸びのある響きと暖かく豊かな音色を併せ持ち 30万商品以上取り扱い コスメ 芯のある音色でコントロールがしやすく ヤマハフルート管体銀製モデル ジョーウェル ヤマハ 深い響きで発音性が高く YFL-687 ≪送料無料≫ 頭部管:銀製 香水 ケースカバーが付属しています スポーツ用品等 特徴 フルート 幅広い表現力が魅力です インラインリングキイ YAMAHA ヘビーウエイトの管体 力強く深みのある音色と幅広いダイナミクスレンジが得られます ケースカバー付属 キイ:洋銀 銀メッキ仕上げ ケース

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【広島県呉市】 【ふるさと納税】高級化粧筆 古羊毛 なでしこ パールピンク シャドウブラシ 【美容・雑貨・日用品】.

コードのサンプルは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 【商品コード:21028296551】 マルマン インデックス ラミネートタブ A4 30穴 8山 80冊入 LT4008X80 by sugimo (@sugimo) on GATORZ ゲイターズMAGNUM MAGNUM2.0 共用 ガスケットキット・アイウェアストラップ ・レンズ用防曇スプレー ・マイクロファイバーポーチ付属.

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

3,980円以上のご購入で送料無料!!(沖縄は9,800円以上): 松山油脂 アミノ酸日焼け止め乳液 詰替用 60ml SPF20 PA++ Mマーク matsuyama
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

コールマン(Coleman) アルミクッカーセット 2000010531
https://www.kenjisugimoto.com/qrcode/

\送料無料/『落下防止ワイヤー付き』サイズオーダー製作でこの価格!業界最安値挑戦中!国産 アクリル板 液晶テレビ 保護パネル 26型用 液晶テレビ 保護パネル【ノングレア 3mm厚】【24インチ】【24型】【送料無料】【液晶カバー 液晶パネル 保護カバー 保護パネル 保護フィルム 液晶保護パネル テレビ保護カバー】【3D 4K 8K 有機EL PC 国産 アクリル板】

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