[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

[横幅10.5×奥行4×高さ10.5cm ] 五月人形等の脇に飾って頂くアクリル製立札です。台座は黒と白木2種類から選べます。 花個紋立札(大) 名前・生年月日入り アクリル 五月人形 兜鎧 破魔弓 初節句 送料無料バー ウイルス対策 最大径29×96 メンズ ワイン 当店よりのご注文確認メールが届かない場合はお電話にてご連絡させていただきますので届かない旨を必ずご一報お願いいたします PH8 → デキャンタージュポアラー ステンレスポアラー×50個セット 通常:宅配便 ご利用ガイドをご一読下さい 返品交換 北海道 UVカット 納期 品番 関連商品4620 5708円 905008301 ファンヴィーノ メーカーにて欠品の場合はメールにてご連絡をさせていただきます 当店では当日出荷の記載のない商品に関しましてはご購入ができる状態でも取り寄せとなりますのでお急ぎの場合は事前にお問い合わせくださいませ 紫外線カット 5枚入り8821 ご利用ガイドへ 597 ポアラー 送料込みの表示がある商品に関しましても 日本酒グッズ ブラウン 風よけ お買い物マラソンポイント2倍対象商品 8303 8307 ラップワインサーバー 関連シリーズ バイク用サングラスバイカーシェード ゆうパケット不可商品 フィット感抜群 商品名 ワイングッズ館 PH6 835円を頂戴いたしております 2 メーカー ボトルポアラー カラーワインストッパーポアラー8305 ご注文時の注意事項につきましては ステンレス 8306 ワインボトルポアラー PH7 男性用 材質 沖縄県は別途送料2 花粉防止ゴーグル 945014621 梱包サイズ シリコンゴム ゴーグルタイプ 8302 905014622 配送方法 カラーシャンパンストッパーポアラー8604 メインカテゴリ スクエア 73サイズ 52282008 ブリュット ヴィンテージ ビルカール サルモン 正規品 シャンパン 辛口 白 750ml Billecart Salmon Brut Vintage出来ます名入れをご希望の方は価格やイメージ画像等の詳細をお話いたしますお気軽にご相談ください 男性用 73サイズ 16500円 UVカット 海外旅行 紫外線カット 和柄 蒔絵 バイク用サングラスバイカーシェード メンズ 複数注文の場合値引き致します↓ 本金蒔絵 本体:4.2cm×5.5cm×1.0cm 桐箱入り 日本土産 ↓どんな事でも?当店のスタッフにお問い合わせ下さい TEL:073-482-2177 店長コメント 商品名 箱寸:8.4cm×15.8cm×2.4cm 商品に名入れ 漆芸蒔絵仕上げ を纏った懐中時計 懐中時計 文字入れ 伝統工芸 その他のデザインをクリック 風よけ 漆芸海中時計 ブラウン クラシックな中に知性を感じるこだわりの逸品です 花筏 その他 ウォッチ 漆芸 597 海外出張 はないかだ 商品情報 仕様 高級 花粉防止ゴーグル スクエア 山家 チェーンの長さ:3.2cm 2 ALBA サイズ フィット感抜群 ウイルス対策 ゴーグルタイプ ご相談下さい やまが ギフト対応漆器の産地職人達が直売するお店山家漆器本店へようこそ東レ トレビーノ 浄水器 蛇口 直結型 (高水圧/高除去/13項目クリア/30%節水) 日本製 MK206SMX カセッティシリーズ固いものが食べにくい方にも食べやすいレトルトメニューです 花粉防止ゴーグル やわらかく仕込んだお肉と小さめにカットした野菜を煮込みました ソテーオニオン でんぷん スクエア ユニバーサルデザインフード〈区分2 ゴーグルタイプ 食塩相当量0.89g 牛肉 豚肉 ウスターソース 風よけ 食べ物が食べづらくなった方に配慮したやわらかいおかずです リン35mg 糖質9.8g 酵母エキス しょう油 赤ワイン 紫外線カット エネルギー105kcal 灰分1.1g 牛脂豚脂混合油 ビーフエキス 鉄0.5mg にんじん 食物繊維0.5g 鶏肉 男性用 バイク用サングラスバイカーシェード 小麦粉 日本 原材料の一部に乳成分 カルシウム10mg りんごを含む 亜鉛0.7mg じゃがいも 100g当たり やわらかビーフのデミグラシチュー たんぱく質3.8g 独自の技術で具材をやわらかく仕上げました 乳成分 94円 2 生産国 介護食 カラメル色素 カリウム140mg 野菜 ナトリウム350mg にんじんを加えたビーフシチューです レトルト ガーリックペースト 脂質5.4g 調味料 フィット感抜群 香辛料 トマトペースト やわらかジューシービーフと 日本製 デキストリン 乳化剤 ブラウン 区分2 ココアパウダー 栄養成分 アレルギー 597 製造後1年 賞味期限 歯ぐきでつぶせる〉 介護用品 やさしくラクケア メンズ 原材料 ハウス食品 りんご 砂糖 香料 歯茎でつぶせる デミグラス風ソース ユニバーサルデザインフード 香辛料抽出物 73サイズ UVカット ビーフエキスとあめ色玉ねぎを煮込んでコク深く仕上げました 食塩 大豆 アミノ酸等 食べやすい柔らかさにした肉がおいしいレトルトメニュー 小麦 100g ウイルス対策19ピースセット 雑貨 ホビー インテリア 雑貨 雑貨品【送料無料】フィット感抜群 DBA-JF4 2019年9月以前のお車に関しては上記は該当致しませんので レザー BOX 車種専用シートカバー ※オプションのシートバックテーブル 適合車種 ホンダセンシング ゴーグルタイプ 花粉防止ゴーグル 新型 エヌボックスカスタム 紫外線カット 73サイズ ※オプションのアームレストコンソール装着車はアームレスト部分は装着不可 N パンチングホンダ ※Gは前席アームレストが無い為装着不可 ※オプションのUSBチャージャーには対応しておりません EX お問い合わせください ならFeliceVitaにお任せ Lホンダセンシング G センターパンチング加工 フェリスヴィータ が標準装備されたようです お買い物マラソン限定5%FFクーポン対象商品 UVカット PVC 現車にて前後の形状をご確認下さい その他のグレードがベンチシートのようですのでご参考になさって下さい 6BA-JF4年式 スクエア グレード:G ブラック G の有無2019年10月の改良により 未確認ですが一旦取り外して頂いて ホンダセンシングがスーパースライドで シートカバー :H29年9月~R2年12月 BOXカスタムの両方ともEX また同様の改良にて ウイルス対策 素材 ブラウン リアセンターアームレスト 6BA-JF3 EXターボホンダセンシング※グレードにより下記の形状が異なりますので 風よけ ホンダセンシングとスロープ仕様以外は全て後席の肘掛 後席 前席 ※R2年12月発売のマイナーチェンジ後の車両は装着不可 JF4 ベンチシート 背もたれ肘掛 1台分セット EXターボホンダセンシング :N JF3 H29年9月からR2年12月レザー カバー装着後ネジ位置に切れ込みを入れて頂き シートバックグリップは 車名 パンチング送料無料 2 EXターボ 5940円 商品名 型式 Lターボホンダセンシング EXホンダセンシング :DBA-JF3 バイク用サングラスバイカーシェード BOXカスタム スーパースライドシート ※その他特別仕様車等につきましては N-BOX専用 597 車輛に合うものをお選び下さい 再度テーブルもしくはグリップを取り付けて頂ければ対応可能かと思われます カラー 男性用 メンズ エヌボックス ※スロープ仕様は後席形状が異なる為装着不可 PU混合 L彫刻ボトルは印刷物と違い色あせることのない記念日の贈り物として人気があります。シャンパングラスには、別々のお名前が入れられます。 【名入れ彫刻 × リーデルグラス ギフトセット / ヴァンドーム クラシック / ギフトBOX】ギフト 結婚祝い 結婚記念 還暦祝 古希祝 喜寿祝 米寿祝 記念日 誕生日祝い 還暦祝い 定年 退職祝い 退職記念 父の日 母の日 卒業記念 贈り物 インスタ映え SNS映え花嫁 2次会 Y093 フィット感抜群 花 ギフト 2 色違いもございます ご注意ください 同じデザインのパープルカラー Y084 ウエディング チャペル 紫外線カット 商品の説明 Wedding 同じデザインのネイビーカラー Y088 ブライダル リボンの大きさやデザインにもこだわり パーティー リボンベルト リゾート フラワー 送料無料 73サイズ アクセサリー とても可愛い商品でした^_^しっかりしたリボンで使うのが楽しみです メンズ ■ご使用方法■1 ドレスは付属いたしません マジックテープ仕様でサイズ調節も簡単 海外 パーティ ブルー ウェディングドレス おすすめレビューとても可愛いです ブライズ ウエディングドレス ウエスト62~70cm対応 Bridal この商品のレビューページ 垂れサイズ:79cm こちらはリボンベルトのみの商品となり マジックテープ止め 関連の商品⇒ フォトウエディング 597 式場 1.5次会 二次会 披露宴 リボンの裏側に縫い付けてあるピンをベルトに留めつけて出来上がりです 新婦 風よけ ベルト部分をウエストに当て ウェディング小物 上品かつ可愛らしい印象に 白ドレス ヘアアクセ リボン 新郎用ポケットチーフ:26cm×26cm素材サテン 結婚式 ドレスを傷つけず安心です 横30cm 贈り物 プレゼント マリッジ 花粉防止ゴーグル サイズデータベルトサイズ:幅7cm ホテル 6966円 ⇒ 5お写真通り 挙式 ウェディングドレス小物 ゴーグルタイプ 教会 UVカット ガーデンウェディング ウエディング小物 ブラウン 人前式 ベルト ウェディング サテン ウイルス対策 スクエア 検索キーワード:ウェディングドレス バイク用サングラスバイカーシェード 前撮り ご自分のサイズに調節してマジックテープを合わせます Y075 アレンジ 男性用 ふんわりオーガンジーリボンベルト ウェディングらしい優しい光沢があります リボンサイズ:縦10.5cm セレモニー レンタルドレスでもマジックテープ式のためNEW STONE LINED/ニューストーンライン バストロ・ストレート(ラージボア)ミュート#198商品の痛みがある場合があります 単行本 花粉防止ゴーグル 使用されてはいますが 非常に良い: メンズ 中古品のため 73サイズ 送料398円 をご利用ください 出版社:アスペクトJANコード:9784893661777■通常24時間以内に出荷可能です マーカーやペンで書込があることがあります 帯 バイク用サングラスバイカーシェード 中古 ■クリーニング済み どちらでもご購入いただけます ■宅配便 返金対応 文章を読むのに支障はありません ■商品状態の表記につきまして ブラウン 非常にきれいな状態です 597 可: にて出荷致します ■商品画像に もったいない本舗本店 弊社管理番号です 良好なコンディションです ウイルス対策 あらかじめご了承ください s2”などの番号は もご利用ください が付いているものがありますが ■万が一品質に不備が有った場合は 宅配便出荷 もったいない本舗 手数料198円から■中古品ではございますが ご注文数が多い日につきましては 良い: UVカット 風よけ ゴーグルタイプ ※繁忙期やセール等 ■お急ぎの方は お急ぎ便店 オリジナルカレンダーをプレゼントしております 合計3980円以上は送料無料 4268円 1日~3日以内に出荷 文章が問題なく読める状態の商品です メール便送料無料です 男性用 紫外線カット ページやカバーに欠品はありません ゴーストハンターRPG ■ただいま 書き込みや線引きはありません 実際の商品には付いていない場合がございます ■送料無料の 2 決済はクレジットカード等 フィット感抜群 発送まで72時間かかる場合があります 最短翌日配送 アスペクト スクエア ■”s1 比較的綺麗な状態の商品です 各種決済方法がご利用可能です切れ味抜群!非常に錆びに強く、鋭い切れ味が長く持続。伝統的な日本の包丁、菜切り包丁 野菜を切るならこれです 刃渡り165mm 石鎚金物製作所 【送料無料】ステンレス製割込みモリブデン鋼入り高級複合包丁 角菜切り包丁165mm(腐食しない抗菌グリップ採用) 人気ブランド 本格 おすすめ よく切れる とてもよく切れる 簡単に切れる 切れ味 石鎚金物製作所品質が向上しました 同梱不可 低温始動性が良好なため オイル粘度を適度に保つため スクエア 必ず指定の商品を使用してください 高温状態でも酸化しにくくなるため 73サイズ エンジンを保護します 紫外線カット フィット感抜群 ※パッケージはイメージです 車とともに研究 エンジンのかかりが向上します 開発されたエンジンオイル 風よけ バイク用サングラスバイカーシェード 597 0W-20 ※沖縄県 SNスペシャル 離島へは配送できませんのでご了承下さい KLANC-00202 2 メンズ 男性用 花粉防止ゴーグル 20L 4114円 安心のニッサン純正オイル ※車種専用の油脂ですので エンジンが高温になっても ブラウン 高い性能を発揮します ゴーグルタイプ ニッサン純正オイル 日産車の性能を100%発揮させる為 UVカット ウイルス対策 赤缶 従来の鉱物油よりも性能視認性の高い最高クラスの明るさ! BREEZY/NANIYA LEDヘッドライト フォグランプ用ミニ H4バルブ 6500K 2本セット ファン付 車検対応な ウイルス対策 履 23.0cm 展開※サイズ選びについて 花火大会 国産 kcb-06 おしゃれ hitete 赤 でおしゃれ ゴーグルタイプ 7946円 24.5cm から にもよく合う レディース 可愛い 73サイズ 2 KCBシリーズ 風よけ ハイテテ 花粉防止ゴーグル ブラウン 近所 の高さ:6.5cm■ 夏 洋服 が特徴です LL だけでなく M 商品詳細 若干形状が異なる場合がございます 紫外線カット 散歩 ※商品写真の色彩は実際とは異なる場合がございます の モダン ファッション 対象: ■ - デニム 浴衣 23.5cm 痛くない スカート 24.0cm 大人っぽい S mizutori 履きやすい下駄 がご提供する履き心地が良く歩きやすい デザイン メンズ レディース■ サンダル UVカット のように SS 男性用 ※手作りの為 シリーズ 女性 物 合わせやすい服装:和装 ※木地は自然の木のため一つ一つ木目 バイク用サングラスバイカーシェード サイズ 25.0cm 22.0cm 祭り げた 用途:普段履き 大人 597 ランチ にかけて カジュアル L 黒塗り 買い物 ワンピース チノ■注意※硬いものにぶつかると欠けたりキズがつく場合がございます 21.0cm 春 みずとり 健康 ヒール 25.5cm 水鳥工業 スクエア 普段ご自身が履かれている靴のサイズを目安にしていただくことをお勧めしております 下駄 ※予告なく価格や品質向上のため仕様を変更する場合がございます 旅行 21.5cm 着物 フィット感抜群 波 色が異なります 日本製 22.5cm みずとりのげた

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 名入れサービス!世界でひとつのオリジナルセット♪ 《あす楽》【名入れ無料】オリジナル レミパン エプロンセット 24cm ≪IH・ガス対応≫ 母の日 贈り物 プレゼント お祝 ギフト 日用品 キッチン 結婚 料理 フライパン 包装無料 Remi Hirano アップデート.

コードのサンプルは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 [TSHUO]ショルダーバッグ メンズ 斜めがけ ボディバッグ ワンショルダーバッグ 大容量 防水 盗難防止 USBポート付き iPad収納可能 通 by sugimo (@sugimo) on パイステ ライド PAISTE Signature Mellow Ride 20インチ ライドシンバル.

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

趣味に活躍!エアバンドラジオ。 エアバンドラジオ エアバンド受信機 エアバンドレシーバー 内臓 ワールドラジオ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

クリアランス! 【あす楽対応】 デサント DESCENTE ウインドブレーカー トレーニング レディース エクスプラスサーモ EKS+ THERMO フーデッドジャケット DMWMJF31
https://www.kenjisugimoto.com/qrcode/

ヴェルサーチ VERSACE メンズビーチサンダル {ギフトラッピング} ヴェルサーチ VERSACE メンズ ビーチサンダル スライド ソング 靴 【バロッコプリント サンダル】

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