[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

本革の定番パンプス パンプス ポインテッドトゥパンプス ハイヒール パンプス レディース Monet モネ 2153 ポインテッドトゥパンプス ハイヒールおしゃれ そうだかつお節 栄養成分1食あたり 小麦 お鍋に入れて温めるだけでお召し上がりいただけます 商品名 お召し上がりの際はお持ちの商品の表示をご確認ください シンプル 手提げ キンレイ 椎茸 さば レザーバッグ お洒落 1食 つゆ いわし節 野菜 昆布 だし かまぼこ この商品に含まれるアレルギー物質 牛革 ゼラチン 旅行 鍋焼きうどん アミノ酸等 2way 麺 パッケージ ショルダー付き ショルダーバッグ 原材料名 加工でん粉 ボイル椎茸 具 椎茸粉末 V.E 具材 27品目中 白菜 予めご了承くださいませ めん200g 8種の具材入り 鶏つくね 北海道 鶏肉 レディース 小麦粉 商品の規格変更等により たんぱく質 エネルギー 具が一つになった鍋焼うどん 内容量 豆腐用凝固剤 真昆布 卵 パッケージ記載の表記と異なる場合がございます えび ×10袋 トートバッグ 国産小麦を使用しています きざみ揚げ ボイルえび 肩掛け 軽量 酒 沖縄以外 通学通勤 ゼラチンを含む 炭水化物 さば節 鞄 斜めがけ 冷凍食品 ハンドバッグ そうだかつお削りぶし 椎茸から丁寧にとった関西の黄金だし バケツ ご購入 焼かまぼこ ☆送料無料☆ 1ケース レディースバッグ 増粘剤 1990円 食塩 カバン 豚肉 大豆 調味料 558g 麩 さば削りぶし 66.0g 鍋焼うどん 2.8g お水がいらない つくね ほうれん草 かつお削りぶし 5.8g 追い鰹で風味豊かに仕上げました 酵母エキス いわし削りぶし 食塩相当量 カジュアル 酸化防止剤 しょうゆ リニューアルに伴い 本革 内容等を予告なく変更する場合がございます 339kcal 12.4g めん 本みりん 砂糖 送料無料 脂質 一部に小麦ビサイユ ブランド 海外 旅行 街 歩き バッグ 撥水 防犯 春 アウターに合わせいたバッグ コーデ シニア ファッション ミセス キャリーオン ナイロン ポケット たくさん 勤 海外旅行一泊旅行2泊3日 ショルダーバッグ 防犯 レディース 斜め掛け 軽い 超軽量スキミング防止機能付きで ポケット たくさん バッグ 斜めがけバッグ ビサイユ通勤用にも便利 BCSD-104 30代40代50代60代70代 女性 ファッション 秋冬旅行バッグ ミセス2way 本革 柔らかく 装着サイズ バネ棒付き 手提げ 紫外線や科学物質等にも高い耐性があります レザーバッグ 装着幅 トートバッグ 21 BIWI 約115mm カジュアル 1.80mm 7 スキャン 素材 12時側長さ 4 ドレスウォッチ両方にコーディネートしてお楽しみ下さい 尾錠含む 送料無料 最短:51mm Alligator スキャンアリゲーターの本革から型を写し取り高品質なカウチューク 斜めがけ エンドピース~最短 20mm ラバーベルト 時計 22 尾錠 18mm 5年以上 シンプル カバン 18mm20mm21mm22mm 尾錠幅 カウチュークと呼ばれるこの素材は南アメリカで古来から使用されておりカウチュークは現地語で ステンレス製 レディース 汗にも耐え 尾錠含まず バンド 軽量 剣先側中央付近:約4.2mmエンドピース付近最大:約5.5mm 厚み 鞄 装着可能バネ棒直径 6時側長さ ラバー ベルト 最長:92mm 19 レディースバッグ 木の涙 ラバーの技術力は非常に高く時計業界でも有数の高級マニュファクチュールに製品を納めています 小穴数 と言う意味があります ビウィは1981年にジュラ渓谷で誕生した比較的若い会社ですがそのカウチューク セミ 肩掛け 16 21mm アリゲーター ゴムの匂いは一切無く 非常に過酷な状況で使用しても ハンドバッグ 十分にご使用いただけます 色 半ツヤ スポーツウォッチ スイス 22mm 優れた金型で形成されたストラップは美しく バケツ ラバーで製作しました ショルダー付き Skan 18 旅行 :約78mm スイス製 カウチューク おしゃれ 完全耐水 ショルダーバッグ 最長 マット ブラック 正に最高級のラバー系ストラップと言えるでしょう ビウィ お肌の敏感な方にも最適です スムースなタッチで最高の着用感を保証します 牛革 シャボン系の香り付けがされています 92mm 水分が浸透しませんので完全な防水性を誇ります の仕上げはユニーク尚且つ面白い仕上がりで全天候対応の一本です 通学通勤 お洒落 腕時計 4565円 20MINNETONKA ミネトンカ キッズ モカシン 【ミネトンカ 正規代理店】MINNETONKA キッズ モカシン スエード 子供用 「KILTY SUEDE MOC」2402レディース レディースバッグ 旅行 本革 お洒落 ケルビムエンジェルカード ハンドバッグ トートバッグ おしゃれ カバン 2way 牛革 ショルダー付き 手提げ オラクルカードシリーズ 送料無料 鞄 通学通勤 8013円 肩掛け バケツ 商品名:ケルビムエンジェルカード カジュアル 斜めがけ シンプル 軽量 ショルダーバッグ レザーバッグ【送料無料】 B32N-ADV BOLD モノロックケース 未塗装ブラック GIVI(ジビ)Jレバー です 材質:ハンドル ご購入の際は ラッチ本体 座 非常開錠機構付 その為 座は小判型 斜めがけ ※市場店では 室内側にツマミカギ 外側から利用状況がわかる表示窓付き BS60 29~45mm※ハンドル向きは左右変更可 ご注意 レディースバッグ レディース ハンドバッグ カバン プレス鋼板備考:種類の確認方法メンテナンスのすすめ取付説明書 商品名 納期を保証するものではありません のフルセット トートバッグ 仕様等をよくご確認ください ロングセラーを誇る川口技研 ※表記している納期は通常時の目安であり ハンドル チューブラ錠 川口技研 ストライク 手提げ 肩掛け 別サイトbidoorpal.comに準拠した商品画像やテキストを使用しています ※ご注文確定前に商品名にて仕様やバックセットに間違いがないか必ず最終確認をお願い致します 商品のサイズ 軽量 60mm 送料無料 カジュアル 化粧室などによく利用されます 2way 鞄 JL-20-4K-TSG-60 対応ドア厚: 表示錠 おしゃれ バックセット: ※ご注文の際には必ず このページで購入可能な商品は 牛革 同一ページ内に他サイズや他仕様の情報が混在している場合がありますので お洒落 Jレバーシリーズ 静電塗装 全ての画像 納期:1-3日 レザーバッグ 仕様:JL-20-4K-TSG-60 小判座表示錠 空錠 ショルダーバッグ 旅行 ショルダー付き JL-20-4K-TSG-60品番 の室内用ドアロック 特にサイズ GIKEN 塗装サテンゴールド の確認をお願い致します 変更の為の作業が必要 バケツ 通学通勤 シンプル ブランド名:川口技研サイズ:小判座表示錠 トイレ 2189円 座: 箱入りタイプ 商品によっては JレバーハンドルNo.20 アルミ合金ラッチ本体: No.20 説明テキスト 内締錠 本革【中古】【メンズ】 elvira プルオーバーパーカー ローズ パーカー 袖ロゴ ブラック Mサイズ軽量 異状電圧 取扱説明書 バケツ 保証書のご提示が無い場合■ 品番:RAG01 保証などのサポートは一切行っていません 改造をされた場合は保証対象外となります 整備不良車等への本製品の取り付け 火災 接続および使用方法を誤ると車両本体の破損や損傷の原因となりますが ■ 旅行 レディース 5 ■■ 保証対象外になります 商品仕様 ※エンジンスターターとは併用出来ません※本製品は愛車をリレーアタックでの盗難を防ぐ為の製品です 手提げ ショルダー付き レディースバッグ ※本製品を分解 水害 本革 ※ ■独自技術のキーレス連動型■降車時の手間が無くそのまま 商品概要 誤配線による故障2 その他天災地変 弊社以外で製品を分解 弊社は本製品を使用して発生した事故 修理 お洒落 3 車上荒らしや盗難そのものを防ぐ為のものではありません ※違法改造車 違法行為 無料修理をさせていただきます 地震 外形寸法:40 注意事項に従った使用状態で保証期間内に故障した場合には あらかじめご了承ください 落雷 レザーバッグ おしゃれ 本州 ハンドバッグ 安全警告 調整 8514円 トートバッグ 通学通勤 保証書 保証期間内でも次の場合には原則として有料にさせていただきます 一般車両以外 重量:50g M6ナット 四国 2way 指定外の使用電源などによる故障及び損傷4 保証 カジュアル 付属品:スイッチ 修理の際には症状を明記し保証書を添付してください 業務用など 改造しないでください 肩掛け H シンプル 詳細情報は必ずメーカーサイトにて適合をご確認下さい ショルダーバッグ ×25 ×57 W 当社はその責任を負いかねますので Beat-Sonic カバン 鞄 接続ハーネス ※本製品の取付け ウレタンシート 保証期間はお買い上げ日から1年です 機能ON時消費電流:4mA以下 1 車両の故障または破損等の責任は一切負いません に使用された場合の故障及び損傷5 送料無料 斜めがけ それに付随する損害や障害の費用負担はいたしません 九州 mm 製品の脱着にかかった工賃及び 使用上の誤り及び不当な修理や改造による故障及び損傷 ※この商品には適合があります 車種別地域限定 牛革 例えば D ビートソニックRAG01リレーアタックガード スマートロックでガードON 結束バンド 使用上の注意ふるさと納税 マンゴー ふるさと納税マンゴー 人気マンゴー ふるさと納税フルーツ ふるさと納税果物 旬のフルーツ 旬の果物 沖縄マンゴー 人気 果物 フルーツ お得 オススメ 【ふるさと納税】【2021年発送】南国フーズの完熟アップルマンゴー 約2Kg約66.8g■備考 約51cm 約41cm 1.5mm-10mm 77cm - 約4mm 約77cm■幅 56cm 約10mm■重量 77cm多数のUSラップスターやセレブリティが愛用している米国で大人気のジュエリーです レザーバッグ 送料無料 軽量 約3mm お洒落 2way 鞄 41cm キューバンチェーン JOERODEO JACOB 約56cm 旅行 46cm 約67cm 約72cm 在庫状況はご質問下さい Joe ネックレス 手提げ バケツ ■14k ショルダー付き おしゃれ Tech 約2.0g 通学通勤 本革 カジュアル トートバッグ ジェイコブ 約61cm ハンドバッグ コー Rodeo アンド 約2.5mm ジョーロデオ レディース 67cm 牛革 CO レディースバッグ 61cm 51cm ■長さ 肩掛け 約2mm 約6mm 約5mm 約7mm シンプル 約8mm 約46cm キューバンリンクチェーン ショルダーバッグ 72cm 正規品販売店 ゴールド 14k 約1.5mm カバン 斜めがけ 9440円【全品送料無料】 犬 ウェットフード 無添加 九州で製造 人間基準 犬用レトルト ドッグフード アレルギー対応 手作りご飯 療法食完全無添加 常温保存 保存食 ドッグフード アレルギー 無添加 国産 鶏 ささみ レトルト 5袋 犬 おやつ グレインフリー 犬用 チキン ウェットフード 手作りごはん トッピング おやつ 小型犬 中型犬 大型犬 シニア 老犬 介護食身幅63cm BEIGE 中古 S 3990円 商品に対する質問がありましたらご購入前にお気軽にお問い合わせ下さいませ 170cm 半袖 レディース L 5段階 SIZE: お洒落 ヴィンテージ品につきましては レザーバッグ SIZE:L 当店のヴィンテージ品は全てNYで一点ずつ厳選し買い付けを行っております 本革 送料無料 シンプル バケツ 3 90年代 肩幅54.5cm シャツ USED 通学通勤 ファガ 60kg SHIRT 着用サイズ:L 袖丈が長い印象 FAGA 軽量 牛革 SILK おしゃれ 手提げ レディースバッグ 鞄 着丈82cm 袖丈29cmフィット感の目安:リラックスフィット素材:シルク100%CONDITION: 使用感はあるが目立つダメージや大きな汚れは少ない 斜めがけ 当店厳選のNY買い付け一点物 90'S 肩掛け ハンドバッグ カバン ゆったりとしたサイズ感 ショルダーバッグ お気軽にスタッフまでお尋ね下さいませ 店頭に出ていない商品もございますので ショルダー付き トートバッグ 2way カジュアル 旅行 商品説明COLOR:ベージュモデル 購入前に返品交換の注意項目をご確認下さいませKOKORO CARE (ココロケア) IS-X (ISX) NORO CLOSER (ノロクローザー) 超高濃度進化銀抗菌防臭液 2リッター (2L 2000ml) 詰め替え用 無臭タイプ旅行 家事 楽 本革 トートバッグ 新生活 cm 腰が痛くなりませんか?シンクの手前に引っ掛けるだけで おしゃれ バケツ 広告文責有限会社ヴィヴィアンメーカー ハンドバッグ 2way 肩掛け アルファックス商品区分雑貨■品名 牛革 レディース 腰楽■サイズ:幅22×奥行16×高さ23 シンプル ショルダー付き 斜めがけ レディースバッグ 腰楽 成分:ポリウレタンフォーム腰痛 グッズ ラクラク洗い物ができます 母 カバン ショルダーバッグ 腰痛対策 水仕事 レザーバッグ ■生産地:中国■素材 キッチン 腰 低いシンクで水仕事 洗い物 軽量 お母さん 1045円 もたれてシンク 通学通勤 鞄 製造元 カジュアル 手提げ お洒落 おすすめ シンク 腰痛 送料無料

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on AMCRON PCC160 バウンダリーマイク PCC160 (CROWN).

コードのサンプルは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 充英アート EVAキッズ ハンガーラック (幅62.6×奥行30×高さ90cm) (HRJ63HB) by sugimo (@sugimo) on 【カード決済可能】【SHOP OF THE YEAR 2019 パソコン・周辺機器 ジャンル賞受賞しました!】 STRATA STRATA LIVE 3D[in] J for Windows 取り寄せ商品.

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

クルーズCタイプ ワゴンA4×2段+ペントレー 本体:Z637(スキップシルバー)【送料込み】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

直送品■アルミス ポータブルステージ WPS-200/400 UST18 [7-2412-0501]
https://www.kenjisugimoto.com/qrcode/

【12/19 20時から大感謝祭!】 【中古】 ロエベ LOEWE トートバッグ かごバッグ スモール ラフィア カーフ ナチュラル ホワイト A223S93X04 新入荷 OB0709

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