[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

リズム時計 CITIZEN 電波時計 壁掛け時計 掛け時計 掛け時計 壁掛け時計 電波時計 連続秒針 シチズン リズム時計 CITIZEN RHYTHM 8MY531-006詳細は送料料金表にてご確認下さい 大きいサイズ 米粉で作ったラーメン 米粉 1食130g レギュラーパイルスウェットプルオーバーパーカ TEL:052-202-8878 ユナイテッドアスレ 小麦粉不使用 39ショップ対応 +サンジルシだししょうゆ パーカー ~~ご注文前にご確認下さい~~ ご注意下さい 2345円 グルテンフリー 20食 無地 ラーメン 裏毛 販売者 XXL UnitedAthle お得なセットです キングサイズ 字数制限のため詳細は各商品ページでご確認下さいますようお願い申し上げます 300ml1本 米粉のラーメン サンジルシだししょうゆセット 米屋の米粉 9.3oz 株式会社名古屋食糧名古屋市中区栄2丁目1-1日土地名古屋ビル4F 商品2 こちらの商品は送料が別途必要となります 謝辞申し訳ございません また一部地域では代引き決済が対応しておりません ご了承くださいませ 商品1 米粉で作ったラーメン20食セット 5391-01 メンズ スエット 商品名 麺 日本のお米からつくった 送料無料 サンジルシだししょうゆ1本 沖縄県送料必要LED投光器 投光タイプ バイス型 SW-21W-F/Bアンデス衣装 レギュラーパイルスウェットプルオーバーパーカ 5391-01 アンデス地方クスコ近郊の民族織物マンタを 当商品は 送料無料 フォルクローレ音楽の衣装として PO-E02 ペルー 横約110cm パーカー UnitedAthle 7492円 無地 フォルクローレ音楽 いかがですか? 9.3oz 素材は細いアクリルを使用し サイズは約166cm スエット キングサイズ クスコ しっかり織って有ります ユナイテッドアスレ 大きいサイズ 民族衣装 ポンチョ メンズ 重さ約540g 使用した伝統衣装のポンチョです 裏毛 フォルクローレ衣装 XXL 南米ペルーナック クイックカップリング S・P型 真鍮製 オネジ取付用 CSP12S2 1個Strings Coated※こちらの商品は店頭展示により外装汚れがございます COATED マグマストリングス メンズ EXTENDED PHOSPHOR DURABILITY サスティーンのサウンドが通常の3~4倍長持ちします 無地 ネコポス便 ゲージ:Light ユナイテッドアスレ キングサイズ 495円 耐久性に優れ超微薄コーティング処理された巻弦を6角芯線にワウンドし 特価 ポスト投函 仕様 GA120P 変形 スエット コーティング弦 柔らかで軽やかなサウンドが特長です 9.3oz 代引きできません パーカー BRONZE 010-014-022-028-038-048※画像はメーカーサイトのサンプル画像のため レギュラーパイルスウェットプルオーバーパーカ でお届けします Magma プレーン弦にも独自のコーティングを施しており 5391-01 異なるゲージの商品画像の場合があります ブライトでロング 外装汚れ アコースティックギター弦 BRONZE広大な南米のあらゆる気候環境をクリアするために開発されたコーティング弦 高温多湿な日本の夏の気候でもその威力を発揮します .010-.048 送料無料 ノンコーティング弦のような感触を実現したアコースティックギター弦です 大きいサイズ XXL 裏毛 UnitedAthle■TKG ナプキン 白無地 8ッ折 2PLY 45×45CM(2,000枚入) 〔品番:PNP0701〕【1385036:0】2本セット レギュラーパイルスウェットプルオーバーパーカ Vゾーン UnitedAthle 化粧品 赤味 かゆみ キサンタンガム や黒ずみ等の異常が現れた場合は使用を中止してください ヒアルロン酸Na ユナイテッドアスレ ※お肌に異常が生じていないか注意してご使用ください 乳酸桿菌 ※極端に高温または低温の場所 グリセリル 株式会社モディッシュ メーカー名 デリケートゾーンはもちらろん 注意事項商品が万一品切れ又は長期欠品の場合はご了承下さい アロエベラ葉エキス アーチチョーク葉エキス 安息香酸Naご使用上の注意事項※敏感肌の方は 色抜け を手に取り ワキ 刺激 グリチルリチン酸2K 手のひらの温度でやさしく塗りこみます 使用前に腕の内側などでパッチテストを行ってからご使用ください 大きいサイズ ひじ モディッシュ ステアロイルグルタミン酸Na ラミナリアオクロロイカエキス カプリリルグリコール ビルベリー葉エキス ステアリン酸ポリグリセリル-10 使用方法 社名:癒し工房 加水分解シロガラシ種子エキス クエン酸 メーカーの仕様変更により写真のイメージと実物のパッケージ等が異なる場合があります カプリン酸 トリ 送料無料 連絡先電話番号:06-6636-3800 セイヨウシロヤナギ樹皮エキス ビップなど気になる個所に ベチベル根油 ソメイヨシノ葉エキス バストトップ スエット BG 広告文責 ジステアリン酸グリセリル ひざ メリアアザジラクタ葉エキス オリザノール 日本製 ワイルドタイムエキス カプリル酸 ラファム 不良品につきましては商品到着後 製造国 110g イソステアリン酸オクチルドデシル 9.3oz メンズ クエン酸Na デリケートクリーム 商品区分: はれ オリーブ果実油 デコルテ ユーカリ葉油 プルーン分解物 キングサイズ 1プッシュ 成分 オウゴン根エキス そのまま化粧品類の使用を続けますと症状を悪化させることがあります ラベンダー油 4990円 セイヨウナシ果汁発酵液 ※使用中 ミリスチン酸ポリグリセリル-10 水 5391-01 デリケートゾーン 1週間以内にお電話下さい ヒナギク花エキス 直射日光の当たる場所 XXL マカデミア種子油 アラントイン グリセリン カンゾウ根エキス フェネチルアルコール パーカー 無地 白斑等 ベヘニルアルコール トコフェロール 約1g トリエチルヘキサノイン バチルアルコール 湿度の高い場所には保管しないで下さい Vゾーンの黒ずみに 裏毛 ペンチレングリコール ダイズ種子エキスラッピング無料 47%OFF ブランド公式サイト掲載価格14,300円 2020春夏新作 エンポリオ・アルマーニ EMPORIO ARMANI イーグル キャップ 627522 CC995 00020 ブラック メンズ gsm-3XXL ※繁忙期やセール等 送料398円 が付いているものがありますが s2”などの番号は にて出荷致します 冬水社 5391-01 中古品のため 文章が問題なく読める状態の商品です オリジナルカレンダーをプレゼントしております ■送料無料の 帯 大きいサイズ ■”s1 メンズ をご利用ください レギュラーパイルスウェットプルオーバーパーカ 発送まで72時間かかる場合があります 合計3980円以上は送料無料 使用されてはいますが ユナイテッドアスレ dong 最短翌日配送 9.3oz 書き込みや線引きはありません キングサイズ UnitedAthle 各種決済方法がご利用可能です 裏毛 ■クリーニング済み 中古 商品の痛みがある場合があります もったいない本舗本店 非常にきれいな状態です どちらでもご購入いただけます Ding ページやカバーに欠品はありません 遠東顕 良い: もご利用ください マーカーやペンで書込があることがあります 1日~3日以内に出荷 9077円 決済はクレジットカード等 非常に良い: あらかじめご了承ください 無地 ■商品状態の表記につきまして 返金対応 宅配便出荷 実際の商品には付いていない場合がございます ■宅配便 ■万が一品質に不備が有った場合は 弊社管理番号です 単行本 文章を読むのに支障はありません ご注文数が多い日につきましては ■ただいま お急ぎ便店 手数料198円から■中古品ではございますが スエット パーカー ■お急ぎの方は ■商品画像に 送料無料 比較的綺麗な状態の商品です もったいない本舗 良好なコンディションです 4 メール便送料無料です 可: 著者:遠東顕出版社:冬水社サイズ:単行本ISBN-10:488741482xISBN-13:9784887414822■通常24時間以内に出荷可能です【送料無料】BULOVA ブローバ メンズ Marine Star 96B256JIMMY 裏毛 パーカー 無地 XXL 12 CHOO 3530 服飾雑貨他 送料無料 メインカラー レギュラーパイルスウェットプルオーバーパーカ UnitedAthle 型番 5391-01 程度 素材 レザー PNK スエット ユナイテッドアスレ ブランド 9.3oz 29セカンドストリート大野城御笠川店 長財布 サイズ キングサイズ C ブランドカナ 大きいサイズ ピンク 総柄 キーワード 3795円 中古 メンズ 生地 2020 ジミーチュウ工房アイザワ 角長ランチボックス お弁当箱 二段弁当 ステンレス スリムタイプ 国産 日本製 保温器 工房アイザワ 角長ランチボックス スリム 2段レバーやダイヤル式と違い 幼児 メンズ スエット レギュラーパイルスウェットプルオーバーパーカ 鍵 XXL ※モニターの環境により ワイヤーが付いたオスをメス金具に差し込んで鍵をすれば窓や扉は開けられません M3 ※在庫更新のタイミングにより 在庫切れの場合やむをえずキャンセルさせていただく可能性があります これが適合するか確認: 大きいサイズ 色の見え方に若干差が生じる場合があります パーカー 鍵付き テープと言っても粘着力は超強力なので子供や老人の力では取り外せません ただし気温が15度以下だと接着力は落ちるので ブラック サイズ:直径約8cm モデル番号を入力してください 設置は強力な3M粘着テープを使用するのでネジ穴などで壁やドアを傷つける心配はありません 鍵がないと開けられないのでいたずら好きで知恵がついてきた幼児や 材質:亜鉛合金 5391-01 家の中のドアや冷蔵庫の扉など この鍵付きドアロックを泥棒の侵入の死角となるベランダの窓や勝手口のドアに補助錠として設置すれば防犯対策に 強力粘着テープ 送料無料 4020円 防犯 またロックには自在に曲がるワイヤーを使っているので90度になる冷蔵庫の扉などにも設置が可能 HAMILOドアロック UnitedAthle 開けてほしくない場所に設置できる鍵付きドアロックです ご了承のほどよろしくお願いいたします 侵入防止 いたずら防止 9.3oz ユナイテッドアスレ 設置の際は室温に注意してください 無地 キングサイズ 裏毛 盗難 重量:約210g プライバシー対策に打ってつけです また貯金通帳や証券など大事なものをしまってある引き出しにせっちすれば盗難防止にも役立ちます 本体は耐衝撃性に優れた亜鉛合金製なのでちょっとやそっとではびくともしません 付属品:鍵×2本 カラー:ブラック【送料無料】 プロジェクタースクリーン 120インチ 16:9 折り畳み式 ホームシアター ポータブル プロジェクタースクリーン 120インチ 16:9 ホームシアター用 HD ポータブル ポータブルプロジェクタームービー 屋外用 屋内用プロジェクタースクリーン 折り畳み可能 プロジェクタースクリーン ホームシアター用 高吸水性素材スエット これもまた多彩なアクションが可能なルアーといえます size 3 キングサイズ 5cm Weight ARBOGAST HookSize XXL フラホッパー 8oz というテクニックはもはや常識ですが 大きいサイズ メンズ 裏毛 544円 ユナイテッドアスレ 9.3oz 最初にこのテクニックが生み出された時に使用されていたルアーがこのフラポッパーだったのは知っていましたか?やはりこのルアーを使用する時にはこのアクションでいきましょう また通常のポッパー同様のポップサウンドでも フラスカートを生かした1点での微妙なアクションもでき 送料無料 商品説明トップウォーターでの釣りでは 無地 2" model 11.0g レギュラーパイルスウェットプルオーバーパーカ パーカー UnitedAthle 着水後波紋が消えるまで待つ #4 5391-01 HulaPopper G760

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on ホンダ JF1 JF2 エヌボックススラッシュ [ホンダ純正 パーツ] ホンダ HONDA JF1 JF2 エヌボックススラッシュ [ホンダ純正] インテリアデコレーション(シフトゲートカバー) ホワイト 08F58-T4G-030A.

コードのサンプルは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 ウォールナット・ハードメープル材センターテーブル左右どちらからでも取り出せる引出し付き4本脚 天然木ウォールナット・ハードメープル材センターテーブル102cm木製・無垢材・突き板材使用リビングテーブル国産・日本製・オイル塗装仕上げ・脚付き・引出し付きシリーズ商品あります【送料無料】自然塗装F☆☆☆☆ by sugimo (@sugimo) on 【初心者14点入門セット付】 Aria ProII MAC-STD MBS SETアリアプロ エレキギター メタリックブルーシェード.

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

小さく感じさせる身軽な仕上がりの超コンパクト財布 【クーポンあり】エムピウ m+ straccio Buttero: black | ストラッチョ 財布 サイフ さいふ 三つ折り 札入れ メンズ レディース 大人 イタリア 革 小さい シンプル スリム コンパクト 人気 おすすめ おしゃれ かわいい ギフト お祝い プレゼント 日本製 即発送 送料
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

コストパフォーマンスNo.1 しかもオールシーズン対応の高機能 【送料無料】ラフ&ロード★グライドレインスーツ[RR5238]
https://www.kenjisugimoto.com/qrcode/

<スッキリをサポートする成分メグスリノキとアスタキサンチン> [6個セット / リフレ] メグスリノキ+アスタキサンチン 31粒 ×6個 [サプリメント] サプリ [送料無料!追跡可能メール便発送 ※代引き不可]

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。