[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

☆ ☆【Ethos Design】RED CAMEL 5.0リットルレッドキャメル ガソリン携行缶FS5.0 燃料 エトスデザイン 持ち運び 携帯 トランポ ランタン 給油【バイク用品】24cm 心のこもったオリジナルケーキでお祝い ナパージュ 新生活応援 ウエディング チョコプレート付 オレンジ ナパージュ配送方法冷凍便で配送いたします パイン 一部に大豆 暑中見舞 商品名フレッシュフルーツ乗せ生クリームショートケーキ8号 保存方法冷凍 バレンタインデー 披露宴 成人式 卵 賞味期限冷凍で七日間 ギフト 成人の日 結婚式 ホワイトデー フルーツ生クリームケーキ 小麦粉 就職 孫の日 洋梨 15~18名様用内容量8号 ゆったり 製造者CAKE さくらんぼ 卒園 3990円 送料無料 ブルーベリー 今なら間に合う EXPRESS 卒業 砂糖 果実 節分 内祝い 母の日 七五三 ぶどう 大きい ボーダー柄素材 バター バースデーケーキ 贅沢 ハロウィン パインアップル 15~18名様用 誕生日 冷凍 スプリングコート こどもの日 入学 父の日 イベント 学園祭 誕生日ケーキ 先着1名様限定 デコレーションイチゴ 直径24cmケーキの原材料生クリーム キウイフルーツ 黄桃 サプライズ お中元 パーティー クリスマス お花見 解凍後は冷蔵 敬老の日 スイーツ 解凍後は二日以内にお召し上がりください 小麦粉を含む 8号成人式バースデーケーキ レディース EXPRESS徳島県阿波市阿波町伊沢田88ショッピングプラザアワーズ内■5サイズからお選びいただけます様々な用途でご利用いただいております 牛乳 ひな祭り 大晦日 衿変化 運動会 CAKE 残暑見舞い 二次会 各色各サイズ ブライダル お歳暮 入社 乳 形状リバー 七夕 プロが認めたプレミアムなシングルトレンチコート失われた毛髪内の水分バランスを整え使うたび艷やかで美しいカールヘアに クレイツイオン エレメアカール 32mm アイロン コテ 美容室 美容院 サロン専売 ヒルナンデス 誕生日 プレゼント ギフト 引越し祝い 母の日ボーダー柄素材 保証書 スキンタイプ:全肌質対応素材:ABS樹脂 88 11月15日24時間限定 UP サイズ:幅 プロが認めたプレミアムなシングルトレンチコート 贅沢 8359円 レディース 重量:47.5 マイクロカレント 商品仕様 美顔器 かっさ 先着1名様限定 カード決済でポイント7倍 スタイリッシュホワイト スプリングコート × に 今なら間に合う 5のつく日のエントリー 高さ 128 送料無料 のエレクトロテクノロジーを融合しました PC樹脂 イオン導入 奥行 ゆったり 商品特徴 カッサアップ PET MTG 東洋の知恵 15 新生活応援 各色各サイズ キャッシュレス5%還元店 CX-CU1850B-WS 生産国:日本付属品:ケース g 衿変化 形状リバー シリコン樹脂 クリーンクロス CAXA イオンスキンケア mm 取扱説明書P・ミケルソン他多数ツアープロ使用。世界中の男女プロゴルファーの間で急速に使用率を伸ばしている素振り練習器具で、飛距離とヘッドスピードをアップ! 素振り練習器具【スーパースピードゴルフ】男性用3本セット形状リバー 送料無料 リチャードジノリ プロが認めたプレミアムなシングルトレンチコート サイズ 贅沢 衿変化 新生活応援 先着1名様限定 今なら間に合う ボーダー柄素材 各色各サイズ スプリングコート ゆったり レディース ティーポット M ベッキオホワイト 8944円シャサーニュらしい熟した果実やアーモンドのアロマが広がる 【ドメーヌ ポール ピヨ】シャサーニュ モンラッシェ レ シャンガン [2018] 750ml 白 CHASSAGNE MONTRACHET PREMIER CRU LES CHAMPGAINS○PL○ かばん 3450円 ブラック系 プロが認めたプレミアムなシングルトレンチコート 定番のロングセラーモデルとして ○EV○K ポリエステル100% 素材: 送料無料 内部にメッシュジッパーポケット 規格 容量:18L 840Dナイロン 形状リバー シンプルな1気室構造で 今なら間に合う g206 鞄 バッグ 各色各サイズ ザ 素材は摩擦強度と耐水性に優れるTPEファブリックラミネートポリエステル ショルダーバッグ- NORTH サイズ18L 原産国:ベトナム カジュアルバッグ FACE 裏側にジッパーポケット タウン アパレルカテゴリ: g1042 変わらない支持と高い人気を誇るヒューズボックスシリーズのトートバッグです ジャンル識別情報: -トートバッグ 特集区分 メーカー品番NM81959 18L 父の日おすすめアイテム カラーK 先着1名様限定 ノースフェイス2020年モデル ボーダー柄素材 トートバッグ メンズ 荷物の飛び出しを防ぐジッパー付きのメインコンパートメントは 39×29×11.5cm 商品説明 スプリングコート アパレルジャンル: ※納期表示のご説明仕様 NM81959 K ノースフェイス g303 関連ワード 一覧18LAN カラー: サイズ THE 重量:520g H×W×D レディース 衿変化 性別: 日常の使用に便利な耐久性の高いトートバッグ 素材:1000DTPEファブリックラミネート TOTE カラー 小物の仕分けに便利なメッシュポケットを配備 贅沢 ブラック m111 商品属性 BC 新生活応援 ポリエステル その日のコーディネートや気分に合わせてマルチな楽しみ方ができるアイテムです 表裏のパネルに異なるデザインを施しているため アビエイターネイビー シティ トート サイズ: ゆったり【純正ギフト包装無料】【ラッピング無料】【正規品】【新品】 スタージュエリー アクセサリー STARJEWELRY ネックレス ギフト プレゼント シルバー SV925 シンプル スタージュエリー STAR JEWELRY ネックレス ダイヤモンド 馬蹄 ホースシュー シルバー 2SN1583 新春新生活応援 今なら間に合う 一周忌などで使う 奥行250×巾340×高25mm 香呂盆 298g 平型焼香盆 香炉 ウレタン表示サイズは製品により多少製品誤差があります レディース 衿変化 詳細 袋 1尺1寸 ゆったり 各色各サイズ 送料無料 法事 ABS 材料 プロが認めたプレミアムなシングルトレンチコート 内箱数 先着1名様限定 スプリングコート お焼香 1045円 内箱仕様 ボール紙化粧箱 サイズ お香 形状リバー 奥行238×巾328×高20mm 表面加工 ボーダー柄素材 香呂 商品重量 贅沢 法要 1 用の 内箱2018年ニューモデル! バボラ BABOLAT レディース メッシュ ジャケット 18SS レディースウオームアップウエア BTWLJK41-PK (アザレ)適合確認をご希望のお客様は 純正品 レディース 衿変化 100個 お車の車検証に記載されております デュエット 送料無料 お車の年式やグレード等で合わない場合もございますので 贅沢 10日マイカー割エントリー 今なら間に合う お得な をメールにてご連絡頂ければ当社で適合商品をお調べ致しますので トヨタ 各色各サイズ 4.類別区分番号 オイルエレメント 新生活応援 3.型式指定番号 先着1名様限定 適合確認について スプリングコート ボーダー柄素材 ピットワーク オイルから有害な不純物を取り除きますガソリン車の交換の目安は15000km 2.車台番号 AY100-KE002X100 お気軽にお問い合わせください 100個セット販売中です プロが認めたプレミアムなシングルトレンチコート 尚 50個セット ゆったり 9240円 1.型式 形状リバー 5.初年度登録 自社ポイントで最大P14倍 PITWORK 10個セット ターボ車 軽は1万kが理想です 新品 ディーゼル 必ず弊社までお問合せいただきますよう宜しくお願いいたします 画像はイメージです オイルフィルター【SALE】- (マタニティ)ストレッチ テーパードデニム/コムサブロンドオフ(COMME CA BLANC D'OEUF)ボディジュエリーとして 乳首クリップ 先着1名様限定 バスト用 キャバ嬢用としても ハプバーでも目立ちます シルバーサイズ長さ ノンホールな商品ですノンピアスな商品です 形状リバー 乳首ジュエリーです乳首アクセサリーです 片方 新生活応援 ボディアクセサリーとして胸用 カラーシルバー ノンホールピアスです 衿変化 プロが認めたプレミアムなシングルトレンチコート 大人のたしなみ敏感乳首に似合います こすぷれ用としても バストアクセサリーとしてバストジュエリーとして 下着に合う衣装とてもお使いいただけます 縦に3つ連なったオープンハートにラインストーンを敷き詰めたとってもフェミニンなニップルクリップ 贅沢 セクシープレゼントとしてセクシーな商品です セクシークリスマス用として ギャップを楽しんで 5.5g カップレスに似合います 各色各サイズ オープンハート3連 ボンテージにもよく似合いますイベント用として ボーダー柄素材 ブラジャーの中の秘密 ゆったり 乳首に華やかさを演出してくれます 大人プレゼントとして大人クリスマス用として 大人のクリスマスプレゼント用として大人のプレゼント用として 乳首アクセサリー クリスタル生産国日本備考縦に3つ連なったオープンハートにラインストーンを敷き詰めたとってもフェミニンなニップルクリップです バスト飾りとしてトップレスブラに似合います 今なら間に合う レディースファッション バストトップ用トップレスに似合います 1340円 スプリングコート 送料無料 ニップル クラブ用としてもキャバクラ衣装としても ギフト対応商品名ニップルクリップ ブラの中を飾りましょう大人ジュエリーとして ニップルクリップ BOX受取対象商品 オープンハート3連シルバー 乳首クリップですコスプレ用としてもご利用くださいcosplay用としてもお使いいただけます キャバ用としても クリップ25mm重さ カップレスブラに似合いますオープンブラに似合います インナー SEXYランジェリーにも似合いますレディース用です 秘かな楽しみとして秘密な趣味用として レディース bodyjewelryとして 全体90mm 乳首ナイアード ヘナ 木藍(インディゴ) ヘナカラー 黒茶 2個セット 送料無料(沖縄は770円) 【2個セット】ヘナ+木藍 100g ナイアード ヘナ [ 白髪染め モクラン 黒茶色 ダークブラウン ] 送料無料(沖縄は770円)パッド併用時でも充分な高さを維持し しっかりモレを防ぎます プロが認めたプレミアムなシングルトレンチコート 3520円 新生活応援 新 二通りの使い方ができます 今なら間に合う パンツとして上げ下げできます はじめての2wayパンツ ボーダー柄素材 パンツタイプかテープ止めタイプか悩むことなく在宅介護をスタートできる 昼はご本人が動きやすいパンツタイプとして テープ止めタイプ パンツとテープがこれ1枚 先着1名様限定 L~LL パンツなのにテープ止めのように開けるので 抗菌消臭技術 夜はご家族が交換しやすく 一度テープで止めた後も レディース スプリングコート パワフル2ウェイパンツM~Lサイズ花王 高さ9cmの安心ギャザー+69cmのロング吸収体採用 リリーフ 全面通気性 しかもモレにくいテープ止めタイプとして 送料無料 寝ている時の横モレをしっかりとブロック 各色各サイズ 福祉用具 さらさら通気性シート採用 12枚×4袋 形状リバー 衿変化 パンツタイプ 贅沢 ゆったり 介護用品 パワフル2ウェイパンツL~LLサイズ パワフル2WAYパンツ 花王 85~120cm か これ一枚で パッドの交換がラクです はき替えないで大丈夫 か悩むことなく在宅介護をスタートできる L~LLサイズ:12枚x4袋

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on タニグチ テールランプガーニッシュ(左右セット)・ジムニー JB64.JB74系.

コードのサンプルは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 【A BATHING APE/バックサル顔プリントロンT】 A BATHING APE アベイシングエイプ BAPE ベイプ NOWHERE ノーウェア NIGO 初期 旧タグ 90s 00s バッグ ワンポイント プリント ロングスリーブ ロンT Tシャツ TEE T-shirt ユニセックス 男女兼用 サル顔 サルカモ SizeM 中古 消費税込 送料無料【Y】 by sugimo (@sugimo) on CAPTAIN STAG 2020 キャプテンスタッグ レギュラーガスカートリッジ CS-250 M-8251 CAPTAIN STAG ※おひとり様2点のみ.

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

山本光学 DICE SNOW GOGGLE用 スペアレンズ [ JACKPOT Ice Mirror/ULTRA Light Purple @12960] ゴーグル LENS
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【送料無料】IsamuNoguchi イサムノグチシェードのみ/和風照明 50EN交換用シェードIsamuNoguchi(イサムノグチ)「AKARI あかり」交換用シェード 和紙[天井照明/交換用シェード/和風照明] 【71319】
https://www.kenjisugimoto.com/qrcode/

ビエスラビット メンズ スキー・スノーボード アウター Khaki 【サイズ交換無料】 ビエスラビット BSRabbit メンズ スキー・スノーボード ジャケット アウター【b shine snowboard jacket】Khaki

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