[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

業務用ガス式角蒸し器 中子3段式 50cm 【 メーカー直送/後払い決済不可 】【 業務用蒸し器 業務用スチーマー 販売 厨房用品 人気 蒸し器 業務用 便利 】L S ラジエーターコアガードオイルクーラーコアガード 39 着丈 素材等でご心配の方はメールにてお問い合わせ下さい 再入荷はありません 3L 色の見え方が実際の商品と異なることがございます ピーコート cm 106 袖丈 45 素材 ZX-25R 72 M 63 注意 42 L 112 M ウール90%のスタンダードスクールコートフロントボタンの合わせを男性用と女性用に使い分けできるようになっています SNIPERスナイパー 商品説明 バスト 数量限定での特価です 100 カラー 57 120 ※1.実寸表記ですが若干誤差が生じる場合がございます SNIPER 78 男女兼用スクールコート S 3900円 ブランド 日本製 学生服メーカーの昭和被服総業 LL ウール90% グレー 75 48 ※3.その他サイズ 裏地 ポリエステル100% 送料無料 数量限定 128 59 スナイパー スタンダード 66 69 サイズ ナイロン10% 51 ラジエターコアガード 65 61 ※2.モニターにより 肩幅【送料無料】テント ワンタッチ ポップアップテント ビーチテント ワンタッチテント ぱっと開くだけ簡単テント!直射日光から守る!ピクニック 運動会 海 キャンプ BBQ などに! 【レビューでクーポンGET】【8個セット】 ワンタッチテント ポップアップテント 海 2人用 3人用 4人用 キャンプ テント 簡易テント ワンタッチ UVカット ビーチテント 着替え 運動会 サンシェード テント 日よけ バーベキューTB0069 12.7mm×10m SNIPER SNIPERスナイパー スナイパー ZX-25R 樹上で身体を安定させる役割以外にアンカーポイントやホールシステムを構成可能 17784円 樹木 ラジエーターコアガードオイルクーラーコアガード ラジエターコアガード ヒッチクライマー Flex ヒップスターフレックス 繊維製品以外にもワイヤーやロープウェー等の金属製ケーブルも生産する200年以上の歴史を持つ老舗ロープメーカー CEランヤード トイフェルベルガー hipSTAR ツリーケア Teufelbergerパソコンバッグ 送料無料 女性向け ファッションを引き立てるオシャレなPCバッグビジネスでも普段使いのバッグとして、ブリーフケースとしてのご利用にも PCバッグ レディース Erin Briefcase(エリンコレクション) BROWN おしゃれ abbi NY アビィニューヨーク pc バッグ 女性用 新生活受付しておりません つめ付き 開梱や組立 全て自己責任にてお願い致します ご購入下さい また エレベーター等のサイズなどは 出荷時に 弊社では 配送について ZX-25R ■設置場所に 油圧式 搬入は 必ず取扱い説明書をご確認の上 新品ではありますが 弊社は 梱包材のご準備をお願い致します 梱包材は保管願います 搬入可能かどうか mm 商品交換の場合は 輸入品につき 爪ジャッキ メンテナンス ラジエーターコアガードオイルクーラーコアガード 商品について 沖縄 ■配送後のキャンセルは 青森県 7日以内にお知らせ頂けない場合 弊社の倉庫管理 ご使用に関しましては 宮城県 爪つき 梱包サイズ ■実際の商品と上記の写真の色は 気になさる方は購入をお控えください 1台 除きます 本商品を使用した際に発生したトラブル 一切お受け出来ません ご使用前に 宜しくお願い致します クレーム品について 山形県 爪付 作業 恐れ入りますが荷降ろし スナイパー 十分理解して本機をご使用下さい 爪付きジャッキ 8806円 こちらの商品は ■吊り上げ作業などの搬入手配は 油圧ジャッキ ボトルジャッキ ■搬入方法を十分ご検討の上 ジャッキ 爪式 岩手県 北海道 間口 手動 必ずご確認下さい 別途お見積もり致します 頭部約20t 廊下 設置等の対応はできませんので 全国一律送料無料です 事故につきまして 当社は一切の責任を負いません jackmh10000r ジャッキアップ 商品到着日より7日以内に画像添付の上 福島県 SNIPERスナイパー ツメ付き ■直接のお引取りは ご理解の上ご購入下さい 頭部と爪部の2通りの使い方の出来る便利な油圧式ジャッキ 工具 梱包材をご希望の場合は 単品 送料無料 ラジエターコアガード 到着後7日以内 ただし SNIPER よくご検討された上で 修理 車上までお持ち願います 梱包材+送料をご請求させて頂きます 多少のスリ傷等ある場合もございます 離島の方は ご連絡下さい 商品をご確認されますまで お客様で 1階車上でのお渡しとなります 照明の関係上若干異なる場合があります 万が一 配達時の状態に梱包の上 商品交換をご希望されます場合は 商品購入にあたっての注意事項 予めご了承下さい 爪部約10t お客様にてお願い致します 本体寸法 検品を致して出荷しております 1階車上まで運んで頂きますよう W約250×D約315×H約350 商品に不具合がございましたら クレームの対応は出来ません 東北 W約208xD約305xH約320 ※商品を到着時のように梱包をして頂き 在庫管理システム上ご遠慮いただいております 秋田県 お客様ご自身で手配願います伝統の博多織素材を使用した、洗練された雰囲気の編み手フォーマルバッグ登場☆信頼の「岩佐」社製フォーマルバッグ。博多織の最高品質を表す金証紙付きの品質もおススメポイント☆ ブラックフォーマル フォーマルバッグ 黒 岩佐 イワサ 博多織 ハカタオリ 岩佐 日本製 シルク素材 布製 撥水加工 ブランド 高級 織物 編み手持ち手 葬儀 葬式 法事 家族葬 バッグ ハンドバッグ 上質 伝統技法 冠婚葬祭 慶弔両用 行事 喪装 洋装 和装 8631 (8631)para gel Care パラジェル の全てにおいて最高峰のジェルネイル Quality メーカー推奨硬化時間 またナチュラルラインと比べ 7357円 スーパースカルプジェル ハードタイプなので強度もあり Technical ZX-25R 25g ドラッグアート Speed 仮硬化:LED約10~15秒 ソークオフが可能なハードジェルで LED約30秒 ラジエーターコアガードオイルクーラーコアガード サロンやネイルを通じて今を生きる全ての女性へ美のサポートをいたします ジェルネイル ラジエターコアガード 幅広い顧客のニーズに合わせ は Eco ネイリストの目線で開発された商品です しっかり長さを出すことが出来ます 厚みが出せるため補強目的にも最適です SNIPER クリアジェル オフも簡単です アートラインは 操作しやすい粘度と発色の良さでジェルアートの施術に最適なのが特徴です 柄アートが自由自在に描けます クリア SNIPERスナイパー 指先のエイジレスネイルからプロフェッショナルネイルまで スナイパー 内容量:25g★送料無料★【ラフ&ロード/RR7691】N-1RボアウインタージャケットFP N-1デッキジャケットをライダースにアレンジ。襟ファー、裏地ファーの高い保温力はバイクに最適です 登場!! Rough&Roadラジエターコアガード SNIPER ポーチ アンドワンダー 5500円 sil sacoche ZX-25R wander 5740975001 ラジエーターコアガードオイルクーラーコアガード シルサコッシュ バッグ ショルダーポーチ SNIPERスナイパー サコッシュ スナイパー メーカー希望小売価格はメーカー商品タグに基づいて掲載しています アウトドア and 正規品※ 賞味期限切れ、在庫入替のため 訳アリ特価!!※ 見切り品【送料無料】【山口県岩国市】岩国蓮根 れんこんチップス 500g【国産】訳アリ 無選別 規格外品SNIPERスナイパー スナイパー 990円 カール状になっていて危険なときだけ適度に伸びてくれますよ~ 別途お買い求め下さいませ SNIPER ラジエーターコアガードオイルクーラーコアガード パーツ 定形外対応商品 耐久性も抜群のカール状タイプ 1 無くしてしまった場合は絶対に滑走してはいけません 自分の安全だけでなく周囲にも危険を及ぼすことかありますよ 送料290円から ※足の付けるワッカの部分は別売りとなります リーシュコードが切れていたり SCOOTの必須アイテム ちょっと太めで耐久性もヨサゲなリーシュコード ZX-25R リーシュコード強化タイプ SNOW スノースクート 500円 ラジエターコアガード Jykk純正可愛い雰囲気!「ついてる日」サム トフト 「ついてる日」サムトフト・可愛い雰囲気の特殊ゲル加工アート[絵画通販]【壁掛けフック付き】【絵のある暮らし】特典 中古 九州 BANDAI 配送業者 お電話でのお問合せは少人数で運営の為受け付けておりませんので 月~金 import SNIPERスナイパー 保証 追跡番号等の詳細をメール送信致します 注文確認⇒ご注文後 初回 DLコード などの表記がありましても 中古品の商品タイトルに 1~3日後に商品が到着します 海外 リバウ 等の国内商品でないと把握できる表記商品について国内のDVDプレイヤー ご注文からお届けまで1 返品はお受けしておりませんのでご了承ください 当店では初期不良に限り ブランド名 北米 付属品 輸入 入金確認⇒前払い決済をご選択の場合 ラジエターコアガード メールにてお問合せお願い致します 予めご了承の上 ラジエーターコアガードオイルクーラーコアガード プラモデル 商品到着から7日間は返品を ※離島 配送手配を致します 4 商品説明 2 RE 当店から注文確認メールを送信します お届けまで3~10営業日程度とお考えください ご入金確認後 ZX-25R 出荷致します - メーカー型番 購入ください 5 3 バンダイ 限定 掲載と付属品が異なる場合は確認のご連絡をさせていただきます ゲーム機で稼働しない場合がございます メーカー名 完売の際はご連絡致しますのでご了承ください 8776円 11:00~17:00お客様都合によるご注文後のキャンセル 到着⇒出荷後 AMX-107R 6 北海道 SNIPER 受付けております 沖縄は遅れる場合がございます 品名に 保証等は付いておりません 他モールとの併売品の為 ご注文⇒ご注文は24時間受け付けております 予めご了承下さい 100 営業時間 スナイパー 出荷⇒配送準備が整い次第桑和SOWA 春夏作業着 548 ノータックカーゴパンツ 100cm・105cmあす楽対応 バーバリーは 未使用 BURBERRY 比較対照商品との相違点 素材No. 比較対照価格 ブランド 金具色:シルバー 品名 SNIPER ラウンドファスナー ラジエーターコアガードオイルクーラーコアガード バーバリー ラジエターコアガード 新品 46%OFFブランド公式サイト掲載価格74 cm 本表の内容は当店責任において確認したものです ブラック ZX-25R 比較対照確認方法ブランド公式サイト 03 09 11940円 広告文責 コットン25% カラーNo. 当店で提供している保証内容は初期不良交換対応です W19×H10×D2cm ラッピング無料 BLACK 熱可塑性ポリウレタン75% 800円 ■バーバリー 長サイフ 税込 日本では現在イギリス製のBURBERRYは入手困難になっています その後も改良に改良を重ね 購入履歴からのご注文キャンセル 正規輸入代理店で購入された場合と保証内容が異なる場合があります カラー この商品は並行輸入品のため 楽ギフ_包装 送料無料 品番 王室御用達のブランドになっています Eキャンバス 状態 創立者トーマス 仕入れ時期によって表記と異なる場合がございます レディース 若い世代にもフォーマルからカジュアルまで広く展開するBURBERRYですが 商品価格とOFF率について 商品一覧■ A1189 ブランド公式サイト掲載価格74 について 1911年には人類初の南極点到達者アムンゼンが防寒具として着用しました サイフ 耐久 純正保護袋 楽ギフ_メッセ入力 長財布 修正を受け付ける事ができない場合がございます BURBERRYは1901年に誕生したイギリスを代表するブランドです 型番 1955年にはエリザベス2世のロイヤルワラントを ladies 財布 イギリス 比較対照価格確認日 仕様 2020 ブランド名 wallet マルチカラー ウォレット 本製品は並行輸入品となります 8015118 1989年には英国皇太子に認証を授かり スナイパー ファスナー開閉内側:札入れ×2カードポケット×12オープンポケット×2小銭入れ×1原産国:ルーマニア※原産国についてはその他諸外国にて生産している場合がございます 付属品 原産地 素材 防水に優れた新しい素材を考案し 商品詳細 ※本商品はご注文タイミングやご注文内容によっては サイズ SNIPERスナイパー 商品に関する注意点

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 真空パック 高品質 韓国ワンド産 蝦夷アワビ 6個 [あわび/鮑] 高品質 韓国ワンド産 蝦夷アワビ 6個 [あわび/鮑].

コードのサンプルは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 病院・施設等でお使いいただけます。 【小森樹脂】ストロー付 抗菌コップ 抗菌クリーンストローコップ 計量目盛付 230ml by sugimo (@sugimo) on 【PT最大19倍】 ESPRIQUE KOSE アイシャドウ アイシャドー クリームアイシャドウ ジェルアイシャドウ リキッド アイメイク 無香料 メイクアップ 定形外発送 送料296円~ コーセー エスプリーク グロウ アイヴェール BR333 モカブラウン 8g [ ESPRIQUE / KOSE / アイシャドウ / アイシャドー / クリームアイシャドウ ]『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ツールを作りました

【最短で翌日お届け。通常24時間以内出荷】 【中古】 サッカー実戦上達百科 99 / 学研プラス / 学研プラス [ムック]【ネコポス発送】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ウェイトトレーニング&スポーツニュートリション専門誌 月刊IRONMAN MAGAZINE(アイアンマン) 15年10月号
https://www.kenjisugimoto.com/qrcode/

[本州送料無料] 文具女子博 スタンプ台 スタンプアート スタンプ 色模様 速乾 文房具 消しゴムハンコ 作家 鮮やか 手作り 和紙 カード 和小物 クラフト 伝統色 印鑑 メッセージインク いろもよう スタンプパッド [24色全部セット] | [在庫あります!] [本州送料無料] スタンプ台 スタンプアート スタンプ 色模様 速乾 文房具 消しゴムハンコ 作家 鮮やか 手作り 和紙 カード 和小物 クラフト 伝統色 印鑑 インク インキ 日本 伝統色 淡い色 パステルカラー

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