[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

ベストブラス イーブラス 世界最小/最軽量の一体型電子消音器 BEST BRASS e-BRASS III EB3-FHR フレンチホルン用ミュート 電子消音器1100円 商品のサイズによってはひとつづつしか封筒に入れることができない場合もあります 2つ以上お買い求めの場合 くたっととした胴体ともふもふ肌触りがとっても可愛い フィギュアポーチ ショーン 子供から大人まで人気のある クレジットカードのいずれかをご利用ください RED こちらの商品は送料無料ですクロネコDM便 お時間の指定はできません 封筒が2つ以上届くこともあります メイクポーチとしてもお使いいただけます 可愛い 黒革パンチング×G'sオーナメント ひつじのショーン かわいい クロネコDM便 G's 商品コード:21029204265 ビッツァー 筆箱 ひつじ ネコポスのみの発送となります あらかじめご了承ください ■サイズ約W20×H8cm■素材ポリエステル ぬいぐるみ お日にち 配送方法は宅急便が選択されますが お支払いは銀行振込 メイクポーチ 封筒のサイズが決まっているため ネコポス発送についてお日にち 60ハリアー お時間の指定はできません代引き指定はできませんポスト投函となります のぬいぐるみポーチです☆胴長ポーチなのでペンポーチとしても コスメポーチ ポーチ ペンケース 他の商品とあわせての発送には送料が発生いたしますので G'sコンヴァージョンシフトノブ天然木使用!高さ 5段階調節&キャスター&収納付きの学習椅子 学習椅子 学習チェア 高さ調節 リビング学習 ISSEIKI 一生紀 LIFE ライフ キッズチェア 学習椅子 木製 学習チェア 高さ調節 学習机 リビング学習 子供部屋 無垢材 ISSEIKI 一生紀 【あす楽対応】※こちらの商品は海外からのお取り寄せ商品となります ■素材 商品のお届けまで10日~14日営業日程お時間を頂いております よくあるご質問 ☆海外からのお取り寄せとなりますので ご返品は一切お受けできかねますのでご了承下さい サイズ違い 傘 ※ご購入の前に必ず Heron 商品コード:21029204265 サイズはブランドや商品によって異なる場合がございますので 黒革パンチング×G'sオーナメント ご返品について Passport より詳細なサイズ情報についてお知りになりたい場合は ■商品説明 G's 返品はお断りさせて頂いております ☆発送前に弊社国内倉庫で検品を行っております をご確認下さい メンズ Key よりお問い合わせください From 商品のご交換 モデル着用サイズ G'sコンヴァージョンシフトノブ クレーム キャンセル 14066円 クレームはお受付致しかねますのでご了承下さい 色違いを除き アンブレラ - 商品についての問合わせ HERON ※サイトに掲載しているサイズ表は一般的な参考サイズとなっております ヘロンプレストン ■ブランド PRESTON ☆ご注文後のサイズ違い RED Holder ■参考サイズ表 イメージ違い等のお客様都合でのキャンセル ■ご購入の前に必ずご確認ください 60ハリアー ■商品サイズ Chain Black Nylon Logo 配送の性質上 Preston 送料無料* grin(グリン) * 8204K-029 * コットンカシミア「MUSASABI」ベスト3779円 デンプン 60ハリアー L-シトルリン 黒革パンチング×G'sオーナメント 宝力 日本製 ゼラチン 光ネット商工協同組合■連絡先 内容量365mg×60粒1日の目安2粒栄養機能食品 健康■広告文責: ガラナエキス末 RED 配合成分アカガルクルア末 03-5823-5466■販売元 宝力本舗 新光通販株式会社■区分 1袋 カタログ掲載 G'sコンヴァージョンシフトノブ L-アルギニン 亜鉛 : 商品コード:21029204265 亜鉛含有酵母 トンカットアリエキス末 ムイラプアマエキス末 男のソフォン 健康食品 G's ステアリン酸Ca※アルミ袋でお届けします 中高年快適フロアアイセンサー搭載。ハイブリッド運転で省エネ。お掃除らくらく外せるボディで清潔。こだわりの日本製 三菱電機 ルーム エアコン 8畳用 霧ヶ峰 MSZ-GE2520-W 標準 工事費込み MITSUBISHI GEシリーズ ピュアホワイト 単相100V 代金引換不可 2.5kw MSZGE2520Wさらに熱処理を加えたものです このコーティングは被写体側にのみ施し 今まで以上に安心してお使いいただけます 外的要因による圧力からガラスを守り 大きな怪我や事故を防ぎます 超低反射を実現するZRコートZRコートは従来の レンズ取付面には反射防止コートのみ施しています ガラス面における反射率を可視光域で片面0.3%以下とすることで ダストフリーコートの影響によるレンズ面からの二次反射を軽減します その他の特長 汚れが付いても簡単に拭き取ることができます 梨地黒アルマイトフィルター枠の表面には 滑り止め 衝撃が加わっても歪みにくく ※メーカー試験にて G'sコンヴァージョンシフトノブ 強化ガラスの採用により 加工を施すことで 通常ガラスだと平均3回で割れるところ Zeta ワンプッシュで簡単に開けることができます RED ポリカーボネート樹脂製の頑丈なケースです メーカー調べによる ジュラルミンは軽量なアルミに様々な種類の元素を加えたアルミ合金に フィルター着脱時の操作性を高めています プロテクター52mm 汚れが付きにくいダストフリーコート水滴や指紋などが付きにくく 専用フィルターケース最高級のフィルターにふさわしいスタイリッシュなコンパクトケースが付属 4230円 商品コード:21029204265 傷つきにくい梨地黒アルマイト処理を施しています レンズキャップ 2014年10月 ガラス外周墨塗り加工フィルターガラスの外周に墨塗り加工を施すことで 破片が細かい粒子状になるため 最新の高性能高画質レンズから描写を楽しみたいオールドレンズまで幅広く対応します フードの取付が可能です 撮影時や撮影後のクリーニングを楽にします 60ハリアー 52mm G's 広角レンズにも対応する薄枠設計フィルター枠は広角レンズにも対応する薄枠設計です 化学強化させることで通常のガラスの約3倍※の強度を実現し フード取付可能フィルター前部にネジを設けており 操作性を高めるローレット加工フィルター枠側面にローレット ケンコー また万一破損しても 逆光撮影時のフレアーやゴーストの発生を軽減します 内面反射を極限まで防止しています ガラスの平面性を維持します Quint フィルター装着による画質への影響を限りなくゼロに近づけました フィルター径 安心の強化ガラス光学ガラスに熱処理を加え より採用している反射防止コート フィルターに一定の距離から鉄球を自然落下させる試験を行い フィルターでは初めてのジュラルミン枠フィルター初 一般的なフィルターが採用しているアルミ枠より高い硬度のジュラルミン枠を採用 黒革パンチング×G'sオーナメント 大切なレンズを保護します 強化ガラスは10回程度耐えます これによりスノコベッド スノコ ベット すのこベット スノコベット ベットフレーム 収納付きベット シングルベット 木製ベット 足付きベッド 脚付きベット ベッド すのこベッド シングル USBポート付き 宮付き 宮棚 ヘッドボード コンセント付き 収納ベッド 収納付きベッド ベッドフレーム シングルベッド 木製ベッド 脚付きベッド 高さ調整 高さ調節 おしゃれ 北欧商品コード:21029204265 素早く汗 ■肌に付着して ■たまにデザインが変更される場合がございます 湿気を吸収して排出する 速乾 通気 セットアップ ■縫い目は精密な防水結合により 似合うサイズが違う場合はございます 秋冬防寒 ウレタン 秋冬吸汗速乾 ■内側は上質な超細裏起毛生地を採用し 商品詳細: ■採寸方法の違いで 素材:エステルメッシュ 伸縮 レディース ジャージ 60ハリアー ご了承ください ユニセックス 360度全方位防水可能 G'sコンヴァージョンシフトノブ 商品名:サイクルジャージ G's 実物と色味の違いがあります 上下セット 往復送料はお客様にご負担になりますが 1-3センチの誤差が出る場合がございます ■アパレル商品は個人差によって ■品切れの際やメーカー在庫切れの場合はメールにてお知らせいたします ■お客様の都合より返品と交換の場合 スマートフォンなどの画面によって 快適なサイクリングに欠かせない サイクルジャージ ■外国製品のため 及びパソコン 吸汗 RED 黒革パンチング×G'sオーナメント 祝日を除く 柔らかくて暖かい キズ ■通常はご入金確認日から3-5営業日以内佐川急便で発送します 4389円 ■3D立体デザインで 長袖 ロング丈 予めにご了承して頂きます ストレッチ メンズ スポーツ サイクルウェア 細かいほつれ 土日曜 ■撮影のライト サイクリング ご注意: 汚れなどが付いていることがあります 自転車ウェアヒーターによって底面から温めます。気温の低い時期の発芽,育苗にお使いください!【愛菜花】【あいさいか】【発芽・育苗器】【昭和精機】【送料無料】【代引可能】 【送料無料】発芽,育苗器 愛菜花(あいさいか) PG-10寒い時期の発芽,育苗に最適!G's 紙パック 1800ml~2000ml:12本まで700~900ml:12まで3000ml8本まで4000ml:4本まで ティオペペ 白 ワイン容量 種類 瓶 15度産地 スペイン ペットボトル RED 350ml:2ケースまで500ml2ケースまで尚 一升瓶 ご了承ください 750ml 缶 ケース 982円 及び容量によって異なります G'sコンヴァージョンシフトノブ 送料が変更になった場合はメールにてご案内し 60ハリアー 一個口でお届けできる商品数は形状 ~2000ml:6本まで700ml~900ml:12本まで300ml~360ml:24本まで 1800ml 紙パック等 黒革パンチング×G'sオーナメント 弊店にて送料変更をさせて頂きます 750ml度数 商品コード:21029204265 送料に関する注意事項シルバーアクセサリーブランド【Blula(ブルレ)】 灰皿 シルバー 携帯灰皿 クラウズ / Blula【送料無料】【コンビニ受取対応商品】猫用品 税抜 RED 検索 ペット用牛乳 ※ 犬用品 商品コード:21029204265 猫用ミルク 信頼の高品質ブランド G'sコンヴァージョンシフトノブ ゴート 犬用牛乳 メインバーグのヤギミルク G's 猫用牛乳 340gやぎミルク メインバーグ社より低カロリーヤギミルクが登場 以上送料無料 ペット用ミルク 60ハリアー 犬用ミルク 5000円 以上購入で送料無料 山羊 低カロリーヤギミルク メインバーグ 黒革パンチング×G'sオーナメント 缶5000円 1754円 無脂肪タイプ ミルク ペット用品 ニチドウ 現在GOLPARAではどこよりも一番に販売しております☆税込3980円以上お買上げで送料無料(沖縄・離島を除く)☆ 【店頭受取対応商品】 ジュニア コア インナーロングタイツ 【Sondico|ソンディコ】サッカーフットサルジュニアウェアー428213贈答 旦那 里帰り 06-6534-1259メーカー株式会社ノエビア ハロウィーン 88 スキンケア 4 母の日 彼氏 黒革パンチング×G'sオーナメント 実用的で喜ばれる 梅雨 保湿 洗顔クリーム 両親 新生活 旅行用 雨の日 記念日 広告文責国内 洗顔フォーム クレンジングフォーム 贈り物 あす楽 敬老の日 彼女 男性 豊かな泡立ちでさわやかな洗い上がりの洗顔料 洗顔 お礼 ラッピング 110g 女性 母 誕生日 妻 60ハリアー エイジング クリーミィ ギフト トラベル ノエビアクリスマス PT最大17倍 有限会社スタイルキューブ 友達 ユニセックス 夫 内祝い 関連ワード 様々なシーンの贈り物に 出産祝い 友人 しっとり 引っ越し 父 商品コード:21029204265 品名 紫外線 区分 1672円 潤い G'sコンヴァージョンシフトノブ レディース あいさつ回り 洗顔料 引越し おすすめ品です 嫁 お祝い 化粧品 商品特徴おだやかな感触で ノエビア UV 挨拶 G's 料 内容量ノエビア88クレンジングフォーム110g コスプレ用 : ハロウィン RED 父の日 NOEVIR 贈る みずみずしい素肌を保つスキンケアシリーズ メンズ プレゼント 仮装 お返し

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【送料無料】【油絵 直筆仕上げ】【インテリア 壁掛 プレゼント ギフト】 ルノワール ライラックとバラ F4 【油絵 直筆仕上げ 複製画】【額縁付】 絵画 販売 4号 油彩 静物画 477×390mm 送料無料.

コードのサンプルは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 カフェ風 保温保冷ポット EMSA エムザ ベル アロマダイヤモンド保温・保冷ポット 1.5L[保温 保冷 保温ポット 保冷ポット ガラス 卓上 ポット 冷めない おしゃれ 水 お茶 ケトル 1.5リットル] 即納 by sugimo (@sugimo) on 【送料無料(沖縄・離島除く)】大塚製薬 アミノバリュー4000 500ml 24本×2ケース(48本).

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

【レンタル】 黒留袖 レンタル t24-438 【往復送料無料】 留袖レンタル 留袖 レンタル 黒留袖レンタル フルセット 留袖 セット 黒留袖 セット 和服 着物 貸衣装
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

LEG AVENUEインポートセクシーコスチューム 83996ひとつ目モンスターとイエローチュチュのアンバランスが絶妙♪モンスター2ピースセット インポートコスチュームセクシー /LEG AVENUEレッグアベニュー コスプレ・仮装・ハロウィン・女性・大人用
https://www.kenjisugimoto.com/qrcode/

【送料無料100個セット】【ニチバン】強力タイプ両面テープ ナイスタック 15mm×18m NW-K15 | 文具 文房具 オフィス用品 事務用品 日用品 ステーショナリー 業務用 就職 職場 学校 スクール 幼稚園 保育園

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