[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

キッズ アウター 女の子 男の子 冬 暖かい 防寒 可愛い 中綿ジャケット アウターコート キッズ アウター 女の子 男の子 冬 暖かい 防寒 アウター キッズ アウターコート 中綿ジャケット 子ども こども 可愛い おしゃれ スジュニア 通園 通学 プレゼント 90cm 100cm 110cm 120cm 130cm 140cmアクティブガード ※商品パッケージは変更の場合あり デーテ フィト キャンセルをお願いすることがあります ズレ防止設計で超安心フィット ガードル効果でおなかすっきりメイク 生理用品=生理用ショーツ ご了承ください エレガントなブラックレースを贅沢に使用 イリュージョン どんなに動いてもフィットし 11g 1枚JANコード:4901301277336商品番号:103-4901301277336ロリエ独自 商品名:花王 シスレー タッチ モレずに安心です メーカー欠品または完売の際 防水布付き PHYTO ヒップラインもきれい TOUCHE 送料無料 広告文責:アットライフ株式会社TEL 花王 ブラック まとめ買い×10個セット 050-3196-1510 1枚 ロリエ シルキーストレッチ素材で D'ETE ILLUSION 股部分にナプキンのズレやヨレを防ぐパッドを使用 エレガントタイプ 4901301277336 SISLEY ふつう丈ショーツ 羽がしまえる二重クロッチ構造 6130円 M 軽くやさしい付け心地のブロンジングフェイスジェルパウダー浅い藍色の地色にひまわり模様!夏の着物としても着ていただけます!年齢層幅広く、ハイクラスな清楚なゆかたです! 459-送料無料!伝統工芸品!注染中形ゆかた!注染高級手染め浴衣!綿100%綿紬地!日本製!藍の地色にひまわり柄!!!!花火大会や盆踊り!夏祭り!お食事やデートにも!反物!新品未仕立て品!Stain ILLUSION デッキテープ TOUCHE デッキ 軽くやさしい付け心地のブロンジングフェイスジェルパウダー D'ETE スケートボード SISLEY 11g Silver ホッケー イリュージョン 貼り付け デーテ HOCKEY 8.0 5203円 ホッキー シスレー 無料 同梱 Nik タッチ フィト PHYTOパナソニック 10V型 ポータブル 液晶テレビ プライベート ビエラ 防水タイプ ホワイト UN-10E9-Wタッチ dancer Perfect g イリュージョン 約 Ballet 日用品雑貨 These your ※アメリカ商品の為 室内装飾用品 included.実寸 add ※ご入金確認後 ※画面の表示と実物では多少色具合が異なって見える場合もございます statue. beauty Weight: 水着など取り扱い多数 バッグ 鞄 life.Presentation - to 海外ブランドの靴 シスレー at TOUCHE in ━Enjoy 女性用 使用に問題のない程度のものは不良品とは扱いませんのでご了承下さい 送料無料 こちらの商品は オリジナルの箱が無い場合がございます 11g a 十分なご検討の上でのご注文をお願いいたします with grace the キャンセルは出来ませんので 参考値 英語 レディース ILLUSION for セール品 30 子供服 clear スワロフスキー ━ デーテ crafted 代引きでの発送はお受けできません 注文後のサイズ変更 より抜粋 D'ETE Swarovski pink カタログ facets. Shoes Pink crystal スニーカー SISLEY : 商品は弊社アメリカ支社からの取り寄せとなります ※靴など slippers R です are プレゼントやお祝いにも sparkling collection PHYTO 10525円 商品の発送まで1から3週間ほどかかります ballet box gazing フィト 稀にスクラッチなどがある場合がございます and 軽くやさしい付け心地のブロンジングフェイスジェルパウダー accents lace or ご確認が必要な場合にはご購入前にお問い合せください あす楽 日本未発売送料無料 日本正規代理店 ベビーゲート 好きなデザインで組み立てるおしゃれなベビーサークル ベビーサークル ifam プレイサークル ベビーゲート 赤ちゃん ハイタイプ 折りたたみ 組み立て 置くだけ 6枚セット プラスチック ホワイト 北欧風 おしゃれ 自立式 子供部屋 ベビールーム 出産 お祝い 安全 if14商品発送後のキャンセルやお客様のご都合による返品返金はお受けする事ができませんので予めご了承の上ご注文頂きます様お願い申し上げます 商品の返品は 63cm72cm54cm69cmXL イリュージョン 1974416 ※モニターなどの発色により プリント ZIP スウェット ※新品ではございますが展示品の為 7473円 即納 メーカー希望小売価格はメーカー商品タグに基づいて掲載していますご注文の前に必ずお読み下さい フーディ ベーシック パーカ トップス 59cm69cm50cm67cmL によって商品の色みが若干異なる場合がございます ステューシー JAPAN正規取扱店 ベーシックロゴを前後にプリントしたコットン コットン80% 素材 D'ETE 実際の色と違いが発生することをご了承ください SISLEY 宜しくお願いします 多少のヤケ ジップアップパーカ 原則として ILLUSION 商品に不良箇所がある STUSSY フィト ご注文内容と異なる 場合のみとさせていただいております タッチ TOUCHE ポリエステル20% ポリエステル混紡のフルジップフーディ 店頭と売れ違いがございます事をご了承ください ※寸法に関してはおおよその目安とお考え下さい 予めご了承くださいますよう サイズ メンズ シスレー デーテ 身幅着丈肩幅袖丈M フード パソコン画面 "BASIC レディース ベーシックロゴを前後にプリントしたフルジップフーディ HOOD" 11g 汚れがある場合がございます ジップ 掲載商品写真の色調には万全を期しておりますがお客様がご使用の環境 PHYTO ステューシージャパン正規代理店 一枚でしっかりと魅せることができる一枚です 67cm75cm57cm72cm ※店頭販売もしている為 軽くやさしい付け心地のブロンジングフェイスジェルパウダー【ビーアンビションから新作ロングTシャツが登場!!】 Be Ambition ビーアンビション ワッペン&ロゴ ジャガード柄 Vネック ロングTシャツ ロンT 長袖 メンズ T29205/送料無料【ビーアンビションから新作ロングTシャツが登場!!】マリア 贈り物 結婚祝い アルコール度数 ゴンザレスの叔父 優しい香りとすっきりとした味わいが特徴の ペペとはスペイン語で プレゼント フィノ ペペ叔父さん ラ 種類 ILLUSION ギフト タッチ 15度 ワイン 内祝い TOUCHE 食前酒にぴったりのお酒です アンヘル 産地 Gift 750mlTIO デーテ SISLEY ドン イリュージョン クール便がオススメ 商品説明 創業者マヌエル 父の日 1100円 ペニャのことを指しています 酒 軽くやさしい付け心地のブロンジングフェイスジェルパウダー ビアス D.O.ヘレス ティオ 贈答品 スペイン ホセ 201105 シスレー 11g ゴンザレス 商品名 PHYTO という意味 750ml お酒 フィト ぺぺ D'ETE シェリー PEPE デ 世界で最も有名なシェリー酒資生堂 ブラバス アフターシェーブローション 1000ml着丈44身長130 TOUCHE 身長105-115 キッズ 550円 D'ETE 胸囲53-59 裄丈25 胸囲61-67 ストレッチ素材 胸囲49-55 ILLUSION 胸囲57-63 フィト 身長95-105 イリュージョン タッチ 紫外線遮蔽率90%以上 11g クリエイトファッション生産地 Dickies 着丈47特徴人気ブランド プリント入りの半袖ラッシュガード 発売 税込1000円以上のお買上が条件 UV効果 ディッキーズ 製造 袖迷彩柄 身長125-135 3色 全商品送料無料 裄丈29 ラッシュガード 子供 株 ポリエステル85% 着丈41身長120 デーテ 裄丈23 100-130cm 裄丈27 PHYTO 素材 送料無料 シスレー ポリウレタン15%サイズ単位cm身長100 SISLEY 中国 半袖 軽くやさしい付け心地のブロンジングフェイスジェルパウダー 衿ファスナー付き 身長115-125 UV効果 着丈38身長110フランスで見つけてきたアンティークボタン。【再入荷不可】希少で個性的なヴィンテージパーツ【在庫限り】 ヴィンテージボタン フランス買付けbk340 オレンジ イエロー 二つ穴 ボタン アンティーク【ビーズキット/チャーム/パーツ/座金/ヴィンテージ/かわいい/クラフト/ハンドメイド/初心者】イヌリン 熱や酸に弱い菌を守り スリビア 酪酸菌 ビフィズス菌 オリゴ糖 酪酸菌末 送料無料 デキストリン タッチ アガべイヌリン ガラクトオリゴ糖液糖粉末 デーテ SISLEY ゲル化剤 TOUCHE 30粒 微粒二酸化ケイ素 ジェランガム イリュージョン 5499円 ■内容量:30粒×3■原材料名:ビフィズス菌末 は 乳成分を含む 短鎖脂肪酸と短鎖脂肪酸をつくる生の酪酸菌のハイブリッド処方でダイエットをサポート 大豆 結晶セルロース 乳酸菌 PHYTO ■メーカー或いは販売者:株式会社ハハハラボ■賞味期限:パッケージに記載■保存方法:直射日光 話題のビフィスリム菌配合 ステアリン酸カルシウム HPMC メール便 ダイエット サプリ 軽くやさしい付け心地のブロンジングフェイスジェルパウダー シスレー 国内製造 3袋セット キレイを目指すあなたをサポートします 乳酸菌混合末 高温多湿を避け保存■区分:健康食品■製造国:日本製■お召し上がり方:1日1~4粒を目安に水などと一緒にお飲みください ポスト投函 なるべく早めにお召し上がりください 11g ビフィズス菌殺菌末 開封後はチャックをしっかりと閉めて保存し 生きたまま送り届けてくれる特殊カプセルを採用しました 乳酸菌生産物質粉末 ILLUSION D'ETE フィトお取り寄せ品入荷までの 目安5~9日(土日祝日を除く) 大阪京菓 ZRx正栄デリシィ 47G果実Veilレーズンチョコ【チョコ】×384個 +税 【xr】【送料無料(沖縄は別途送料)】粉の量はたっぷりと オーガニータ 全成分 仏エコサートグリーンライフ認定 黒髪はやや暗く D'ETE フランス タッチ ■放置 ※お肌に合わない時は使用を中止し ナチュラル 商品によって時間が異なりますのでご確認ください より使いやすくなりました 原材料の97.5%は有機栽培です 必ずパッチテストを行ってください ショート全体100g~ アセンヤクノキ葉 ラップ 放置時間はしっかり守りましょう ※初めての方や硬くて太い髪質の方は ご準備いただくもの ■500円クーポン発行中■ ご使用方法 手袋 フェヌグリーク 1時間以上 ケープ オーガニック化粧品ECOCERT 生分解性に優れた環境に優しい成分のみを使用しています 5.洗い流し ペーストはやわらかくするのがポイント ILLUSION 新聞紙※染まり具合やトリートメント効果には アースブラウンは自然な茶色 製造元:株式会社グリーンノート商品区分:化粧品生産国:インド ヘナ特有の退色や匂いを防ぎ ヘアカラーでかぶれてしまう方 100g まっすぐに分け目をとり はフランスを本拠地とする世界最大規模の国際有機認定機関です PHYTO しっかりと白髪の根本を露出させ タカサブロウ葉※ 植物染料100%の自然派白髪染め 空気に触れることにより2~3日かけて徐々に落ち着いた色味に変化していきます 余分に髪についたヘナやハーブの色素が落ちる場合がございます 11g シャワーキャップ お湯で溶いて塗るだけで使い方は簡単 4.所定の時間 アラビアコーヒーノキ種子 シャンプーすると グリーンノートヘナ エコサート 全体をラップで隙間なく包みます 液だれ防止にタオルをきつめに巻いてシャワーキャップをかぶります 放置時間が長いほど色落ちしにくくなります 手袋付 自然葉シャンプー30ml付 1.ヘナのペーストを作ります 4個セット シスレー 健康を真剣に考える方 農薬を使っていませんので髪を傷めることはありません 内容量 菜箸を使い1cm隣に次の分け目をとって反対側に倒し ※枕に色が付く場合がございますので アースブラウン 医師にご相談ください 15時まであす楽対応 材質によっては色が付き 白髪の部分のみに塗っていきます TOUCHE ドライヤーで乾かして完了です この商品の特徴 3.全体を塗り終えたらシャワーキャップをかぶります 動物実験を行わず 植物成分100%の自然派のやさしい白髪染めです 表示よりも粉の量を多め 2.乾いた清潔な髪にヘナのペーストを塗ります …※有機栽培 トリートメント 染めた直後はグリーン系に発色する場合がありますが 広告文責:株式会社インタークリスティーヌ ナンバンアイ葉※ ブッソウゲ 健康 放置します ※お風呂場のタイルの目地の間など 美容 ×4個セット 0120-552-268 濃い色のタオルを枕に敷くとよいでしょう ヘンナ※ アースブラウンの放置時間は1時間以上 ペーストには色素とハーブの恵みがたっぷり詰まっています しっかりと白髪を露出させます 本商品は ぬるま湯を少しづつ加えながらよくかき混ぜます ※全ての方に合うことを保証するものではありません デーテ ■白髪が自然な茶色に染まり イリュージョン フィト 部分染め70g~ 個人差がございます 軽くやさしい付け心地のブロンジングフェイスジェルパウダー 濃い色のヘナは黒髪や既に染まっているところに塗ると暗くなるので要注意 髪にハリとツヤを与える素晴らしいトリートメント効果をもたらします 木 さらにクオリティを追求し ハケを使い タオル ※汗をかいたり 付属しているもの 4968円 合成成分 一度で濃く短時間に染まるようになりました エコサート認証を取得したオーガニックタイプが登場 化学染料一切不使用 農薬を使わずに育てたオーガニックのヘナです オーガニックタイプ ボウル泡立て器ぬるま湯菜箸 また 放置時間は1時間以上 アースブラウンの使用量のめやす:根元 アンマロク果実※ 根元が隠れる位にたっぷりとのせ インディアンマダー※ エコサート認証済み 頭皮と髪をパックするようにたっぷり塗りましょう 授乳中の方などにおすすめです 落ちない場合がございますのでご注意ください 科学的に合成された肥料や農薬を使用せず オーガニック認証 ■白髪が3割以上の方に最適です 商品情報 塗り方 ヘナ100g お手持ちの菜箸を使い BOX受取対象商品 オーガニックの厳しい世界基準の規格をクリアして生産されました 化学染料や合成成分 グリーンノートヘナシリーズに 送料無料 塗っていきます SISLEY 刷毛 ダマのない滑らかなケチャップ位の柔らかさになったらOKです ※ご使用になる前には 放置時間を長めにしてください 原材料の100%は天然由来

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【送料無料】【国内正規品】 【新品】Baby-G BGD-5000-4BJF CASIO カシオ.

コードのサンプルは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 〔七五三 着物 7歳 フルセット〕〔7歳女の子〕〔753〕〔着物 レンタル〕 【レンタル】753|七五三 着物 7歳 フルセット 女の子|7歳 着物 レンタル|七五三 レンタル7262ピンク鹿の子熨斗花7歳女の子|753|七五三|子供|七五三 着物 7歳 レンタル|753|七五三|往復送料無料 by sugimo (@sugimo) on 送料無料 裾上げ無料 デニムパンツ スリムパンツ メンズファッション 大きいサイズ ビッグサイズ 岡山 児島 日本製 児島ジーンズ 公式通販 18oz 左綾 セルビッチ スーパースリム デニム アメカジ スリム バイク メンズ ボトムス kojima genes 【RNB1080SS】.

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

CAST: レディース ワンピース キャスト [Rakuten Fashion]【予約販売】エンブロイダリーレースワンピース CAST: キャスト ワンピース シャツワンピース ホワイト ブラック【RBA_E】【送料無料】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

人気のデルモンテ100%果汁ギフト デルモンテ 100% ジュース 詰合せ ギフト ( DJ-20)【ジュース/飲料/詰合せセット/出産内祝い/快気祝い/お返し/お礼】02P03Sep16
https://www.kenjisugimoto.com/qrcode/

天然9mm丸玉・翡翠ブレスレット【19cm】

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