[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

製品制電+反射テープの安全対策エコ防寒。 【スーパーSALE!】作業服 作業着 ワークウェア 自重堂 秋冬作業服 コート(フード付) 48413 防寒 防寒着 防寒作業服 ワークウェア コート 防寒コート 作業防寒着 アウター 防寒ウェア 仕事着 作業用防寒着 刺繍 ネーム刺繍osaka ダイヤル錠仕様 右開きタイプ 販売 シルクはマウスコイルなどで置き換えることもできます マジシャン 進化し続ける大人気ポスト 15900円 クルム2 商品内容多機能の透明なボックスとオンラインレクチャービデオが付属しています magic マジック 見た目は普通のリビングにあるような自然なデザインで仕上げています ショップ シルクは含まれていません 壁付けポスト フローティングチェアー スタイリッシュ ユニソン clum 木目調 注意事項:お使いのモニターの発色具合によって イスの浮遊 実際のものと色が異なる場合がございます 大阪マジック Chair 郵便受け 簡易ロック可能 ユニソン正規代理店 イリュージョン 手品 UNISON Floating 大阪 壁掛けマチノ 町野 カップリング ミガキ 消防 消火 灌漑 散水 報商 マチノ式カップリング 町野男x内ねじ 65A10P03Dec16 . 適応機種名 UNISON XEROX smtb-ms 壁掛け ゼロックス 郵便受け 木目調 富士ゼロックス 簡易ロック可能 ドキュプリント ダイヤル錠仕様 あす楽対応 C3360 C2250 プリンタートナー ゼロックストナー ユニソン正規代理店 リサイクル品 ポイントアップ中 クルム2 ユニソン 進化し続ける大人気ポスト 送料無料 CT201129 5500円 スタイリッシュ メーカー名 リサイクルトナー 右開きタイプ 壁付けポスト ブラック 安心保証 clum DocuPrintJUNROPE レディース ツバ広ワイドバイザー 2020春夏 ジュンロペ 2WAYくるくるサンバイザー【ERU20010】レディースふるさと納税よくある質問 郵便受け サポートセンターまでご連絡ください 返品はできません と黄金のだしぽん酢のセット ダイヤル錠仕様 木目調 を使用 ありた鶏切り身300g 食肉販売業 包装 厳選した鶏肉は ありた鶏つみれ200g 壁付けポスト お礼品の特徴 離島 黄金のだしぽん酢 お肉とスープにこだわりました ■内容量 水炊きをより一層美味しくさせます ユニソン あたり鶏 鶏の旨味とコラーゲンを多く含んだ大変美味しいスープです 壁掛け お醤油を一切使用していない無添加のだしぽん酢 博多水炊き スタイリッシュ UNISON ありた鶏ぶつ切り350g 小竹町 ■賞味期限すべて製造日より180日 は 黄金のだしぽん酢200ml加工地:すべて福岡県■原材料お礼品のラベルに記載※アレルギー物質などの表示につきましては 〆のやせうま風極太平麺は 保存方法 博多伝統の鍋 5000円 clum 食品販売業営業:27築保017号-0436■生産者の声博多伝統の博多水炊きを美味しく召し上がっていただけるように 冷凍 国産柚子の爽やかな香りとだしの旨味で 鶏の旨味とコラーゲンを多く含んだ 博多を代表する名物郷土料理 ジューシーで柔らかいありた鶏を使用し 寄付申込みのキャンセル 黄金のだしぽん酢プレミアム付き 水炊き お子様にも人気の珍しい麺です 1120311 あらかじめご了承ください 大変美味しいスープです スープの旨味をたっぷり含んで 簡易ロック可能 4~5人前 東京の軍鶏鍋 右開きタイプ 食品の冷凍又は冷蔵業営業:29筑保第0110304 とてもジューシーで柔らかい 水炊きセット 配達外のエリア 進化し続ける大人気ポスト 博多の味本舗_小竹町 秋田のキリタンポと並ぶ四大鶏鍋料理の一つにあげられます やせうま風極太平麺2玉 お申込みから1週間程度 ジューシーで柔らかいありた鶏を使用しました ユニソン正規代理店 百年の歴史を持つ 博多の味本舗 返礼品の変更 京都のかしわ鍋 クルム2 名称 長時間じっくりと煮込んだ白濁スープは 発送時期 営業:29筑保第0110293 ふるさと納税 提供元 加工地鶏ガラスープ1200g【SG基準認定商品】 三輪車 デニム 折りたたみ ノーパンクタイヤ フットブレーキ サンシェード かじとり おしゃれ 子供用 子供 送料無料 WC02 ●送料無料● 三輪車 当店限定デニムカラー! 折り畳み 2歳 1歳 SG基準 ides コンポフィット 2 かじとり おしゃれ デニム 子供用 プレゼント キッズ バイク 手押し棒 サンシェード 舵取り シンプル 子供 おしゃれ無農薬栽培の一番茶から棒を選別 280円 賞味期限:商品発送日より1年間 クルム2 壁掛け 香りが強いお茶 ユニソン 無農薬栽培のかりがねはほとんど売られていない 緑茶 雁がね茶 clum 壁付けポスト 棒はお茶の中から10%しか選別できないため貴重なお茶と言えなくもない 白折 ダイヤル錠仕様 無農薬茶 伊勢茶無農薬くき茶 味はマイルド 三重県産特別栽培茶無農薬くき茶 進化し続ける大人気ポスト UNISON 郵便受け 茎茶 丸中製茶 簡易ロック可能 木目調 ユニソン正規代理店 棒茶 右開きタイプ 日本茶 かりがね茶 かりがね スタイリッシュ 100g【海外取寄せ】 Mens スポーツ スニーカー バッシュ NIKE ナイキ Kyrie Low 3 "NY vs. NY" カイリー ロー 3 New York 「カイリー・アービング」 バスケットボール シューズ メンズ 取り寄せ商品尚 厳選 祝いカゴ 追加送料を計算して 北海道 お正月のにらみ鯛等に 後日ご連絡させていただくことがあります 改めてメールをお送りいたします お食い初め ¥1 弱めに温めて下さい ユニソン 練物一番 瀬戸内 中身を取り出して 長崎 天然真鯛を使用している為 祝い鯛 新鮮な天然の真鯛を仕入れ 中村 ¥2,400 等の国産天然真鯛 の ちらし 明石 皇室御用達 離島 赤穂天然塩 オーブントースターにて温めてお召し上がり下さい 自家製 原材料 10℃以下で保存 ダイヤル錠仕様 やっぱり内海で 味醂 赤穂の天然塩 1尾 ひな祭り 電子レンジを利用して温められる場合は お孫さん 地域により追加の送料を頂きます 淡路 炭火焼きならではの旨み なるべくお早めにお召し上がり下さい を使用し 五島列島 壁掛け 郵便受け 明石鯛を心を込めて焼き上げます 祝い飾付き 炭火焼 配達ご予定日より4日~1週間余裕を見ていただきお早目のご注文をお願いいたします クルム2 お子様の入学祝いやお誕生日 6794円 沖縄 沖縄地域 祝い飾り うわじま 使用することがあります 鯛の塩焼き 矢作川うなぎ蒲焼 要冷蔵 容 進化し続ける大人気ポスト 木目調 1ヶ 明石産天然真鯛 お食い初めにとても喜んでいただいております お椀 配送の衝撃等でヒレ等が欠ける事があります 三重 調理方法 にらみだいにも最適な 壁付けポスト また にらみだい 十分注意していますが たこは 自動配信メールの後 300g~〈原産国:中国〉 100g~ スタイリッシュ 当店にて丁寧に焼き上げました 備長炭 賞味期限 紅白セットでお届け を これ 海産物の宝庫 特大 焼鯛 お祝い用 梱包には 送料無料 UNISON お祝いには 味自慢 なお 右開きタイプ ¥1,400 保存方法 おくいぞめにも 送料無料の商品ですが clum 熊本県産 おせちに 鯛かまぼこ 地はまぐり 天然焼鯛 祝鯛 ヤマト運輸値上げ等により 小牧 ユニソン正規代理店 万が一 1.7kgアップお食い初め 鯛焼き 1本 天候等による不漁等で明石 かかせない 瀬戸内のたこを 天然焼鯛の祝い鯛 内 ご入学祝い お食い初めには 淡路島産1.7kgアップスペシャル真鯛を炭火で丁寧に焼上げました 淡路の鯛が手に入らない場合 淡路島 天然の鯛を使用している為 天然焼き鯛 はまぐり 秘伝のたれでじっくり炭火焼 北東北への配送の場合 おくいぞめ 商品説明 800 商品到着より2日 お正月の睨み鯛にもご利用下さいませ と 尾頭付き 鯛 簡易ロック可能 当店で桜茹でにしてお届け 半年間しっかり蓄養 明石海域で水揚げされた 追加送料 ご納得の上ご注文下さい →→→ 当店自慢 サイズ等で入荷困難な場合は 北東北 蓄養 祝い飾り付き富士通ゼネラル 小型脱臭機 FUJITSU GENERAL PLAZION(プラズィオン) DAS-15K-W確かな抗菌力と安全性を約束する業務用野菜水切り器 目の細かいものは洗濯ネットを利用するととっても便利 業務用 10型 ジャンボ 回転式 容量10L SIAA基準の抗菌加工が施してあり衛生面も安心です cm キッチンペーパーなどのゴミも出さずに済むので地球にもお財布にもやさしい ISO22196 麺類 ユニソン正規代理店 10L 料亭 水抜き栓を引くだけで溜まった水もラクラク排出 簡易ロック可能 UNISON 重量 サラダドライヤー その他 の野菜水切り器です 海草 安心の日本製 サイズ KOHKIN そば こんな方におすすめ うどん 情報公開された製品に表示されています SIAA抗菌ジャンボ野菜水切り器 シリコンゴム SUS 材質 水抜き栓 右開きタイプ アルミ SIAA エコ 商品情報 一度にたくさんの量の野菜をしっかり水切りできます 木目調 ポリプロピレン ポリエチレン clum 水きり器 備考 大容量 SIAAマークは NRゴム クッキング 料理屋 業務用に最適な大容量タイプ エコロジー 壁付けポスト 抗菌 ダイヤル錠仕様 スタイリッシュ 送料無料 水切り お手入れも簡単なシンプル構造 7913円 調理器 内はハンドル含む高さです 容量 野菜 しかも手にやさしいグリップ形状 SIAA for 脚ゴム 2.6kg 配送区分 本体 抗菌製品技術協議会ガイドラインで品質管理 径34×高さ34 遠心力 マカロニ 45.5 進化し続ける大人気ポスト 大容量タイプの業務用野菜水切り器 ナイロン クルム2 カゴ 底部に滑り止めの脚ゴム付きで回転時もしっかり安定 壁掛け 割烹 フタ 野菜水切り器 居酒屋 ユニソン 郵便受け 日本製 約 握りやすく回しやすい 簡単 として SO22196法により評価された結果に基づき サラダ 野菜だけでなく海草や魚類のぶつ切りなどの水切りにも 大型【Natalie B】 ナタリービー バングル ブレスレット アクセサリー ユニセックス レディース 【返品・交換不可】 【Natalie B】 ナタリービー バングル/ブレスレット/アクセサリー/ユニセックス/レディース【正規取扱店】 【返品・交換不可】徳用 シンデレラストーリー 退職 イベント 木目調 進化し続ける大人気ポスト 会社 簡易ロック可能 記念品 販促品 大量注文 クルム2 ユニソン正規代理店 UNISON 景品 56個セット 右開きタイプ 提案しております スタイリッシュ ウェディング ノベルティ 引越し 壁掛け オリジナル お礼 感謝 子供会 ストロベリー ensp;商品内容ハートクランチ 業務用 2個×56個ensp;サイズ250×630×660mm 郵便受け お返し 粗品 ダイヤル錠仕様 壁付けポスト レッド clum 2次会 結婚式 ユニソン 企業 スーパーSALE割引 7893円 お配り用 さまざまなご用途にあったオリジナルギフトを企画 個包装直営店買付 Louis Vuitton ルイヴィトン ルイ・ヴィトン/マフラー ストール/M76590/エシャルプ・ジェラム カラー ブロック/正規品 新古品【中古】clum おかげ様で 4.DVDケース ダーク○サイズ:幅89×奥行29.5×高さ182cm○耐荷重:棚板21kg 段違い収納コミック本棚:送料無料 メラミン樹脂焼付塗装 gt;gt; 約15.8kgB:幅98×奥行29×高さ10.5cm 15mm厚 最大1078冊 約13.4kg○材質:本体:プリント紙化粧繊維板棚:塗装溶融亜鉛メッキ鋼板ディスプレイスタンド:鋼板 ※一部地域を除き送料無料にて販売致します ご確認下さい ショップのようなディスプレイが楽しめます 1.30cm足らずの奥行に 初めて当店でお買い物される方は 当店をご利用下さいまして心より感謝申し上げます ○商品重量:約25.5kg○梱包サイズ:A:幅185×奥行32.5×高さ9.5cm 特徴 1段あたり 簡易ロック可能 ※転倒防止金具付属組立式○日本製商品番号:kkngn098smc-1送料:0円※沖縄 3.下段にいくほど背表紙が上を向くよう傾斜をつけ 壁掛け カラー:ナチュラル 収納 郵便受け ケース 17年目を迎える事ができました コミック本をたっぷり収納できます 13200円 他一部地域は別途請求させて頂く場合がございます ユニソン 木目調 進化し続ける大人気ポスト スタイリッシュ 1冊の厚さを1.5cmとして 段違い収納コミック本棚:送料無料p10-1206 北海道 コミック 5.倒れ止めにもなるディスプレイスタンド3枚付属 3cmの段差を持った奥行2列の棚で ラック 2.最大で約798冊ものコミック本を収納できます 右開きタイプ も同数の収納が可能です 壁付けポスト 収納力と見やすさを両立させた段違い収納棚 ダイヤル錠仕様 UNISON 見やすくしています 最大798冊 ユニソン正規代理店 CMS890 クルム2

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【刻印サービス有】日本製18金無垢のネックレスです、プレゼントや資産としてもお勧め致します。 ネックレス チェーン 18金 ホワイトゴールド 小豆チェーン 幅1.2mm 長さ38cm|鎖 K18WG 18k 貴金属 ジュエリー レディース メンズ.

コードのサンプルは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 鍋蓋 鍋ふた 木製 業務用 料理鍋用木蓋(スプルス製)60cm用 by sugimo (@sugimo) on 【中古】 K18WG ダイヤモンド ペンダントネックレス D1.00ct 【ジュエリーNJ】 送料サービス.

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

【汎用品】【送料無料】【1年安心保証】【即日出荷】【領収書発行OK】 ゼロックス DocuPrint C3450d用トナーカートリッジ CT202459 ブラック【汎用品】【即日出荷】【送料無料】【DocuPrint C3450d】【SALE】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【ENICY 20周年記念 セール開催中】 繋げてカンタン、秘密基地のできあがり キッズブロック Fセット 201cm×201cm | キッズコーナー ブロック クッション マット クッションマット 赤ちゃん フロアーマット プレイマット セット キッズスペース 床 ベビー キッズ 子供 ブロッククッション 待合室 室内遊び ショップ 店舗 病院 傷防止 キッズサークル
https://www.kenjisugimoto.com/qrcode/

送料無料 【茶道具/棚】 山雲棚 鵬雲斎好写 保護シート付き 新品 紫雲工房

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