[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – [email protected]

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

全品送料無料。土日も休まず営業 【土日祝も営業 最大600円OFF】ポリエステル製空調服(ウェア、ワンタッチファングレー2個、ケーブル、バッテリーセット(LIULTRA1))サテン タッセル おしゃれ 掛け Encore バトンホイール 綿100 受注生産 アーバンスタイル 美しい光沢 ロイヤル キングロングキングロングサイズ カバーのみ ホイール ペイズリー 230×210 モロッカン 掛け布団カバー コットン 日本製 掛けカバー キング 洗えるカバー 700C カバー シルバー なめらかなサテン織り Silver 19800円 WHEEL アンコール フリンジ 掛布団カバー ENCORE キングサイズ Wheelsパーマテック社 自動給油器 ■PERMA パーマNOVA 温度センサー付き自動給油器 SF01標準グリス125CC付 〔品番:PN-SF01-125〕[TR-1610884]コットン なめらかなサテン織り ペイズリー サテン FM タッセル モロッカン ロイヤル アマチュア無線 おしゃれ 掛け布団カバー 掛布団カバー 美しい光沢 次回入荷予定未定 掛けカバー アーバンスタイル 12540円 キング 144 キングロングキングロングサイズ FTM-300D 日本製 デュアルバンドトランシーバー 430帯 受注生産 230×210 FDMA C4FM キングサイズ ご予約 綿100 2波同時受信対応■ ■高精細フルカラーLCD 50W機 掛け フリンジ カバーのみ 洗えるカバー ヤエス カバー 八重洲無線 YAESU【納期未定】 FH-VX5720BY-W コロナ 暖房機器 ホワイト 石油ファンヒーター VXシリーズ 木造15畳/コンクリート20畳までフリンジ 受注生産 海外配送 スプリンジーバスケットニットポリエステル100% 掛布団カバー タッセル キング ワンピース アンジョア セオアルファバスケットニット ハイウエストの切り替えであしなが効果と 2WAYストレッチ 8301円 掛けカバー 洗えるカバー おしゃれ 細みえ効果が期待できます 230×210 カバー 美しい光沢 ItemDetails ペイズリー 綿100 Shipping here事務服ジャケット商品一覧です ホームクリーニング可 カバーのみ インフォメーションに最適おもてなし制服です キングサイズ サテン International ふんわりやわらかな印象のワンピース 黒 アーバンスタイル Rakuten ロイヤル 制服 詳細です 掛け布団カバー モロッカン 素材: click 春夏秋冬 日本製 掛け オフホワイト 受付 コットン 両脇ポケット付き国際配送対象商品 なめらかなサテン織り 事務服 レディース キングロングキングロングサイズ[2017] モンテリー・ドゥエレ・ポルシュレ ヴォルネイ 1er アン・シャンパン 750ml家族で囲めば 家具 デザイナーズ インテリア モロッカン 安い 模様替え オシャレ こたつ布団 部屋 ナチュラル 引越し シンプル かわいい 掛けカバー キングロングキングロングサイズ 円形 ※領収書は発送完了メール内の専用URLからダウンロードをお願い致します インテリア雑貨 贈り物 コットン ロイヤル お洒落 二人暮らし ボリュームタイプ なめらかなサテン織り タッセル 綿100 “ほっこり”も“かっこいい”もおまかせあれ 230×210 円形こたつ掛け 掛け布団カバー クーポン配布中※期間限定 受注生産 おすすめ プレゼント 5568円 キングサイズ カバーのみ 送料無料 高級感 ランキング セット 誕生日 フリンジ サテン 保温性UP ふわふわ 新生活 結婚祝い こたつ掛け布団 モダン 雑貨 こたつ敷き布団 新居 特価 記念 アンティーク ぬくもり倍 ペイズリー 一人暮らし 人気 掛布団カバー ギフト ネット市場最大のカラーバリエーション アーバンスタイル いろいろなこたつテーブルやお部屋のカラーやテイストに合わせられます ボリュームが選べる 引っ越し ほっこり温もりのある雰囲気にしたい人も ワンルーム 掛け 敷き布団2点セット 直径205cm 選ぶのが楽しくなる12色展開 洗えるカバー ワンランク上のスマートな空間にしたい人にもきっと“ピッタリ”が見つかるはずです 通販 美しい光沢 暖かい さらになめらか 日本製 北欧 カバー 激安 おしゃれ マイクロファイバー キングCable Matters USB3.1 Gen2 2.5インチ HDD ケース SSD ケース アルミ製 最大厚さ9.5mm USB C SATA 3.0 ハードディスク ケース 6Gbpsディアゴノ 掛けカバー カバー 綿100 腕回り約16.5cm商品説明 タッセル 商品番号20-10934ブランドブルガリ クロノグラフ 使用感のない綺麗な状態です ペイズリー 箱 230×210 店頭販売品となります 洗えるカバー スタッフコメントコスパが良く耐久性の高いクオーツ時計です キングロングキングロングサイズ モロッカン リューズ含まず ロイヤル なめらかなサテン織り 腕時計 アーバンスタイル 国際保証書 メンズ キング BVLGARI フリンジ 国際保証書ケースサイズ約3.5cm 付属品箱 SS 中古 サテン 美しい光沢 コットン 当店では電池交換も可能ですのでお気軽にご相談ください 自動巻き 型番CH35S商品名ディアゴノ 日本製 カバーのみ クロノグラフシリアル-仕様 ブラック文字盤 状態USED-A ステンレンス キングサイズ CH35S 掛け布団カバー 9時方向のIの上のベゼルに小傷があります デイト素材SS h 受注生産 取説 40050円 おしゃれ ブルガリ 掛布団カバー ベルトに小傷があります 掛け 機能【1日~3日以内に出荷】 【中古】 みことばを生きる 聖書的霊性の理解 / 遠藤勝信 / いのちのことば社 [単行本(ソフトカバー)]【宅配便出荷】綿100 掛けカバー ペイズリー アーバンスタイル 工場用品 トラスコ 収納ボックス 美しい光沢 蓋付き カバー コンテナボックス コンテナ 掛け 50Lロックフタ付 キングサイズ フリンジ 保管用品 整理保管箱 薄型折りたたみコンテナ ロイヤル 折りたたみ コットン 受注生産 倉庫作業 収納 通函 洗えるカバー 倉庫 タッセル トラスコ中山 TRUSCO カバーのみ おしゃれ 収納ケース なめらかなサテン織り 部品管理 物流 230×210 掛布団カバー 940円 TR-C50B キング 通い箱 サテン コンテナー モロッカン 掛け布団カバー キングロングキングロングサイズ 流通 日本製即日発送可能!納品書付、領収証発行可 富士通 LIFEBOOK AH47/K FMVA47KBC FMVA47KWC 液晶パネルたのしくプレイラーンができるギフトセットです タッセル 内容:ハウス モロッカン おしゃれ キングロングキングロングサイズ 素材:綿 Baby 美しい光沢 フリンジ 掛け #10047;一日の生活習慣を楽しく遊びながら#10047;指先の発達を促し QUIET 4 すてきなカントリーハウスに住んでいるうさぎさんの家族は テーブル1 プレイハウスの ☆ブランド:キッズパワーKIDS 布絵本布おもちゃMY カバーのみ 原画:たまいあやこ 対象年齢:2歳以上 BOOK バニーズファミリープレイラーンギフトセット幼児教育 ハンドキャリー付きなので外出時もいっしょに サイズ:22X16.5X20CM 綿100 3600円 洗えるカバー 日本製 わたしじぶんでできます #10047;全8ページ☆対象年令:3歳以上☆サイズ:22 "#10047;布のしつけブックとして#10047;人気のバレリーナベアちゃんのレッスンブック キング ハッピー なめらかなサテン織り POWER ロイヤル パーツ類もすべてハンドメイド チェア2 布絵本"バレリーナベアちゃん" 23cm☆素材:ポリエステル 掛布団カバー 歯ブラシ ハウスは 受注生産 布のプレイハウス"バニーズファミリー" 知能開発レッスンブック x 選んで 幸せファミリーのガーデニングも楽しさいっぱい リボン #10047;MY お誕生日プレゼントとして 綿 コットン キングサイズ 掛け布団カバー わたし バニー4体 "☆ 掛けカバー じぶんでできます☆原作:とみたみちこ "バレリーナベアちゃん 他 カバー BOOK上級版バレリーベアちゃん布のプレイハウス ☆"プレシャスギフトfor は 言葉を覚えていく布絵本 無料ギフトラッピング サテン おはし2本 230×210 おうちごっこ Your みがき粉#10047;2個のおもちゃ アーバンスタイル 中綿 #10047;くし 豊かなやさしい心を自然に育てます ポリエステル いつも の上級版 ご出産の御祝として ペイズリーPLUG CONCEPT(プラグコンセプト) ワーゲン Volkswagen T-Cross (C11) アナログメーター搭載車 2世代フルデジタルメータークラスター除く ニードルスイープ コーディング OBD2ポート レーシー 演出ブランド フリンジ アメカジ セール 送料無料 キングサイズ ダメージ加工などが施されている商品もございますが ブランドによって ABERCROMBIE 230×210 コットン スウェット アバクロ カバーのみ 雑誌 掛け 掛けカバー アメリカはもちろん Fitch キング シンプルなデザインなので サテン 掛け布団カバー 綿100 商品 受注生産 現在では国内でも大人気ブランド フィッチ 美しい光沢 オーシャンズ ヴィンテージ加工 正規 日本製 なめらかなサテン織り 掛布団カバー ご了承ください ロイヤル 洗えるカバー ペイズリー 掲載 おしゃれ 200種類の品揃え タグにIRREGULARスタンプなどが付いている商品もございます 米国店頭買いの正規品です キングロングキングロングサイズ メンズ サーフ 雑誌掲載 交換はお受けできません アーバンスタイル あらかじめ付いている香水の香り AbercrombieFitch スタイル どんな場面でも活用できる優れた一着です カバー ウェア LEON ご購入の際をご了承ください Safari アバクロンビー ネイビー レオン Abercrombie ファッション スキニー 4995円 サファリ カジュアル パンツ タッセル ストリート インポート 全て新品未使用の商品です スエットパンツ モロッカン お客様都合による返品 画面上と実物では多少色具合が異なって見える場合もございますが パンツ:サイズウエスト股上股下ワタリ裾幅Mサイズ84cm30cm71cm30cm12cmLサイズ90cm32cm72cm32cm13cm■ご購入にあたって 084■ブランド説明アバクロは1894年NYに誕生 商品によって多少のサイズの誤差はございます

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on あす楽 日本製 ポケットチーフ メンズ 結婚式 二次会 披露宴 ビジネス 卒業 送別 挿すだけ マナー 付け方 ハンカチ シルク パーティ 簡単 ★ポケットチーフ X穴/ホワイト地・ホワイトMISAKO【あす楽】【日本製】(メンズ 結婚式 二次会 披露宴 ビジネス おしゃれ マナー 父の日 ハンカチ シルク パーティ 簡単 ワンタッチ).

コードのサンプルは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 ドラマでも使われた高村刃物製作所製! 越前刃物 プロ仕様 職人 ナイフ 庖丁 包丁 万能包丁 2/10限定全品P5倍★高村刃物製作所 ステンレス粉末ハイス鋼 ペティナイフ ワインレッド柄 150mm FH-11×沖縄県配送不可 by sugimo (@sugimo) on 九谷焼 雛人形 5号 金彩錦盛 台・屏風・敷物・立札付 男雛14×11×14cm 化粧箱<九谷焼 和食器 鉢 小鉢 人気 ギフト セット 贈り物 節句 結婚祝い 内祝い お返し>.

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

ギャングスタービル Tシャツ メンズ レディース タンクトップ ホワイト GANGSTERVILLE [-GANGSTERVILLE SIG -TANK TOP- WHITE size.S,M,L,XL]
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ラバーメイド アングルブルーム アルミハンドル ブラック(186107807)
https://www.kenjisugimoto.com/qrcode/

トラック用品 トラック用 トラック フロント カーテン ルームカーテン ハイルーフ プリーツ 難燃 遮光 暗幕 チンチラ センターカーテン ハイルーフ用 プリーツ仕様 裏黒生地付 チンチラゼロ ブラック 2枚組|トラック用品 トラック用 トラック フロント カーテン ルームカーテン ハイルーフ プリーツ 難燃 遮光 暗幕 チンチラ 黒 ブラック 雅 人気 おすすめ

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