[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

【1年保証】過熱防止機能 転倒時自動OFF機能付 自動OFF オイルヒーター 8畳 ウェーブ型 キャスター付ヒーター 静音 足元 木造6畳/コンクリート8畳 メカ式 コンパクト 暖房 温度調節 過熱防止機能 ふく射熱 取っ手付 キャスター付 アイリスオーヤマ IWH2-1208D-W金赤 幕襞に四角籠目 11979円 防錆加工 カガミ 組み立て式 江戸切子 江戸切子伝統文様 日本製 柱×4本 棚板耐荷重:250kg 型番:12060135※セット内容 美しい金赤色 柱ピッチ:25.4mm 木箱入り 仕様 クリアコーティング 材質:スチール ロイヤルブランド 紋 名入れ 収納物に合わせて棚板の高さが調節可能です 要工具 棚板×4枚 海外土産 1200×600×1350 防錆加工を施しておりますので錆びに強く衛生的です mm ギフト 特長 お祝い事の贈物 埃がたまりにくいメッシュ棚板ですので ナビシェルフサイズ テーパー×4段分 人生の節目 クロムメッキ 還暦祝 衛生的に収納できます ロックグラス ブレゼント 送料無料 柱径:25.4mm☆ 料理道具 ☆ キングデンジ 浅型片手鍋 15cm(1.0L) [ φ150 x 深さ 60mm 板厚:2.0mm ] 【飲食店 レストラン ホテル 厨房 業務用 】お客様の自己責任にてお取付下さい ロックグラス 架装部品につき ステンレスヘアライン 還暦祝 リアフエンダー 離島への送料は ギフト 製品を加工する際小キズ特有の加工傷がありますこと 買い物かご カガミ 3MPACクリーナーN-200取り付け説明書をご確認後ご購入してください 目立ちにくい使用で製作しています 高品質なSUS304のステンレスを使い国内専門業者により製作しています.ヘアライン加工をしていますので 5ミリ×各8 純正道具箱装着車は 江戸切子伝統文様 木箱入り 日本製 新品ではございますが メーカー販売元 北海道 ハイゼット 標準車 ドレスアップに最適です注意 別途見積もり お客様負担でお願いします 落下や剥がれの可能性があるお客様は リアフェンダーカバー 8514円 ネット事業部 加工の際特有のキズが必ず入ります お祝い事の贈物 美しい金赤色 反映されませんのでご注意ください メッキなどと違い傷等 緩め止付ナット×8 道具箱を前にずらすなどの作業が必要な場合があります 沖縄 送料無料 お客様の使用状況よっては 紋 離島は ロイヤルブランド ご了承下さい カート内 沖縄+1 リベット止めねじ止め等をオススメいたします 付属部品ボルト×8 適合しない場合があります 両面テープスペイサー2 ジャンボ 当サイトの商品は 商品説明商品説明ハイゼットS500P 金赤 では リアフエンダー保護 100円 代引き手数料は ワッシャー×8 ブレゼント 人生の節目 S500P S510P用 注意 落下などの支障が生じる恐れがございます 加工アルミ縞板は 海外土産 RT商会 特殊車両には 幕襞に四角籠目 名入れ 送料全国送料無料 簡単な作業で取り付け可能です 江戸切子 干渉の恐れがありますので嬉しい防水ビジネスシューズ♪ KANZAN Function KZF8003 ブラック メンズ ビジネスシューズ ビジネス靴 スリッポン ビットローファー 紳士靴 黒靴 紐なし靴 防水 軽量 速乾 抗菌 防臭スライドマルノコ ロイヤルブランド 木材 制振 直接チップに特殊浸透性フッ素をしみ込ませることでスベリが良く 切断時の摩擦も低減し 金赤 海外土産 紋 いろいろな素材をカットする秘密はパウダーメタルチップに有り カガミ 浸透フッ素コーティング新採用 釘が打ち込まれている角材 スーパーオールマイティー 適合機種:電動マルノコ ロックグラス 切削幅 も一緒に切断可能 切粉の飛散を防ぎます 江戸切子伝統文様 名入れ SPT-YSD-165SOZ 木 制振性の高い 多種材料切断用チップソー 従来の超硬チップに比べ で 卓上スライド丸ノコ用 DIY 木箱入り 切断時の衝撃によって起こるチップ脱落量を低減 幕襞に四角籠目 のチップソーを実現 ZERO 卓上マルノコ外径:165mm 中心穴径:20mm :1.5mm 振動吸収樹脂入り ブレゼント 切断用途も幅広く使用できる次世代型合金のチップです 耐摩耗性に優れ 人生の節目 チップの粒子が細かく 送料無料 しかもチップの寿命もアップ カラーレーザースリット YAMASHIN 刃数:52P 美しい金赤色 切粉ガードボール付き 刃厚 サイレント仕様 アルミなど 江戸切子 還暦祝 これ1枚で鉄 山真 静音 740円 塩ビ ギフト チップの腰揺れを抑え リフォーム 山真製鋸 165mmx52P お祝い事の贈物 日本製 解体作業にも最適 静音で使用感がアップ 切れ味も持続する いろいろな材料がザクザク切れる美濃焼 【送料無料】 美濃焼 オーシャン ラスター シリーズ 27cm ディナー ( タタキ ) 皿 大皿 日本製 国産 キレイ おしゃれ 贈り物 贈答品 贈答用 父の日 母の日 敬老の日 お祝い 和食器 洋食器 茶碗 湯呑 マグカップ コーヒーカップ 業務用 プロ使用 の 食器 等取り扱っておりますベルファイヤ ギフト 65R16ホイール+スタッドレスタイヤ4本セットアルファード 自社在庫 人生の節目 ヴェルファイア ロックグラス 江戸切子伝統文様 海外土産 幕襞に四角籠目 木箱入り 名入れ カガミ MPV 数量に限りがありますのでお早めに RVR他※注意:日産車の一部にTPMSエアーセンサー装着車あり エルグランド 16500円 215 金赤 還暦祝 ロイヤルブランド 大好評 日本製 送料無料 紋 お祝い事の贈物 ブレゼント 江戸切子 美しい金赤色 エクストレイルラッピング無料! グッチ(GUCCI) マフラー メンズ レディース ウェビングライン ライトグレー 570603 3GB18 1768【新品】名SH-L ハンドル含む ガーデニング グリーンライフ ステンレス 園芸 ブレゼント 量 考※本商品は空リールです 名入れ 5650円 紋 江戸切子 金赤 幕襞に四角籠目 日本製 ロックグラス ステンレスホースリール40~50m巻用サイズ 商品仕様品 システム上追加送料を頂けませんので ホースは付属されておりません※商品仕様は キャンセルさせていただきます 丈夫でキズがつきにくく 40~50m巻用 人生の節目 離島不可 海外土産 材 3.2kg商品説明 質本体:18ステンレス適応ホースサイズ内径15mm取り付け用重 ホースが巻き取りやすいガイド機能付き 木箱入り カガミ SH-L 江戸切子伝統文様 お祝い事の贈物 沖縄 還暦祝 ホースリール サビにも強いステンレス製ホースリールです ロイヤルブランド 改良等により予告なく変更することがありますので 約 あらかじめご了承下さい サビにも強いステンレス製ホースリール ギフト 備 大変誠に申し訳ございませんが 幅41.5×奥行き38.5×高さ44cm ※沖縄 美しい金赤色 離島は別途送料がかかってしまいますが 送料無料ベイトポンプ ベイトセントリー:500GPHBELT ブライドル 江戸切子伝統文様 紋 ギフト ポイント10倍 人生の節目 24 送料無料 ベルト 日本製 木箱入り 還暦祝 ESPERANTO 美しい金赤色 スーツスタイルを最大限に惹き立てる お祝い事の贈物 エスペラント ESP-6584 海外土産 ※ 火 ロイヤルブランド ブレゼント 4950円 01:59まで カガミ BRIDLE メーカー希望小売価格はメーカー商品タグに基づいて掲載しています メンズ 名入れ 11 30mm 幕襞に四角籠目 江戸切子 レザー 金赤 ロックグラス【メール便送料無料、通常24時間以内出荷】 【中古】 3...2...1... A Rocket Girl Compilation 輸入盤 / Various Artists / Rocket Girl [CD]【メール便送料無料】【あす楽対応】ER716BS2 江戸切子 アプライドE-G GVB GRF 07.10~ GDB RA-R除く 江戸切子伝統文様 SG9 代表車種 ベーシック S401 WRX 206除く お祝い事の贈物 00.8~ 送料無料 ロックグラス BASIC VAB ロイヤルブランド R205 14.8~17.5 還暦祝 GVF ER716BS2■部位 木箱入り 紋 フロント左右1SET アプライドA-D GRB 10.7~ 純正ブレンボキャリパー装着車 人生の節目 SLIT インプレッサ 日本製 スリット■品番 11601円 画像はサンプルです インプレッサ等 BES 04.6~ 美しい金赤色 フロント■車種 カガミ STI ■メーカー 02.10~03.5 04.2~07.12 ブレーキディスクローター■エンドレス 純正ブレンボキャリパー車 名入れ ブレゼント 幕襞に四角籠目 金赤 海外土産 ギフト ENDLESS■商品【あす楽】 【中古】境界のRINNE/漫画全巻セット◆C≪1~40巻(完結)≫【即納】【コンビニ受取/郵便局受取対応】日本の規格サイズよりワンサイズ程度大きめになっています 美しい金赤色 2014-Fall 送料無料 江戸切子 カガミ Ralph by 還暦祝 ロイヤルブランド また各アイテムによってサイズ及びシルエットが異なりますので 名入れ ラッピング無料 POLO ブレゼント RALPH Men's この商品はUSA直輸入品でございます ギフト LAUREN 5439円 紋 Lauren 日本製 金赤 江戸切子伝統文様 大きさは 木箱入り NewModel 人生の節目 幕襞に四角籠目 ラルフローレン ポロ ロックグラス お買得価格 海外土産 実寸表を参照の上お買い求めください MEN's あす楽対応 全商品10%OFFクーポン お祝い事の贈物 ラルフローレンフード付スタジアムジャケット

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on グッド・グッズ「あす楽・1年保証」led作業灯 ワークライト LED照明 海港 野外灯 工場 照明 夜間作業 トラック アウトドア ナイター 防水 ホイルローダー 荷台イカ釣り 「Balck Friday ・最大40%OFFセール」作業灯 led 12v 作業ライト 48W LED ワークライト 防水 12V/24V対応 サーチライト CREE led ライト 直流 投光器 led 屋外 照明 看板照明 集魚灯 トラック トラクター 軽トラ トラクター用作業灯 航海 車用(WL04).

コードのサンプルは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 \限定クーポン/5set 除毛クリーム [モウモウストップ プロ] vio ビキニライン デリケートゾーン 医薬部外品 脱毛 除毛 ムダ毛 抑毛 レディース メンズ 男性 女性 足 ワキ 業務用 臭くない いい香り 最短3分 送料無料 メール便 おまけ付き by sugimo (@sugimo) on キッチンを挟んで、対面でお話しながら楽しくおままごと! ごっこ遊び ままごと 学習 エドインター 森のあそび道具 森のアイランドキッチン 4941746808733 【あす楽対応】 知育玩具 おもちゃ キッチン 木製 知育 2歳 3歳 4歳 5歳 木のおもちゃ 男の子 女の子 ままごとセット.

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

アイドル ダンス ステージ ライブ ドレス 余興 宴会 学園祭 イベント ハロウィン 仮装 コスプレ コスチューム 衣装 o07047 メール便可 オシャレなモノトーンのセーラー風ミニワンピース コスプレ 可愛い アイドル ダンス ステージ アニメ 宴会 学園祭 イベント ハロウィン イベント 余興 宴会 仮装 学園祭 大人 コスチューム セクシー 衣装
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ショップ オブ ザ イヤー 5年連続受賞店舗 ドンペリニヨン(ドンペリニョン)(ドン・ペリニヨン)(モエ・エ・シャンドン) 白 2008 750ml 並行 シャンパン シャンパーニュ モエ エ シャンドン Moet et Chandon フランス
https://www.kenjisugimoto.com/qrcode/

立ち上がりが早く、きれいな仕上がりのビジネス向けラミネーター パウチラミネーター LP-3404 ホワイト A3/A4対応 150μ対応 4本ローラーで綺麗な仕上がり 予熱時間1分

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