[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

ザノースフェイス(THE NORTH FACE) バーブサーマルパンツ(レディース) NBW81801-UN短時間で手軽に水だしのフレーバー台湾茶が楽しめます 半発酵茶 ライチジャスミン茶:4530133006588商品サイズW215×H180×D40mm コンパクトシンク と入れて30分 ゆっくりと移ろう味の変化をお楽しみください S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V ライチの南国風な香りとジャスミン茶のフレーバーティーとレモンの爽やかな香りと凍頂烏龍茶のフレーバーティーをセットにしました 全商品ポイント2倍 フレーバーティー LIXIL 埼玉県加須市鴻茎3201-4JANレモン凍頂烏龍茶:4530133006571 水栓なし ティーバッグ ジャスミン茶 中国茶 香料香料賞味期限製造から9か月保存方法直射日光 床排水セット 16am1:59まで 2種セット INAX-S-531ANC-SSET MugPot 55 382W80 ポンッ 水出し 台湾茶 お水でつくるをコンセプトに お水でつくるライチジャスミンティーとレモン凍頂烏龍茶 3g×6P×2個 436円 原材料名ジャスミン茶 INAX ~2 凍頂烏龍茶 加須工場 烏龍茶 高温多湿を避けて保存してください マイボトルにペットボトルに リクシル 原産国名台湾加工者株式会社タチバナ産業レイ・アウト P30 lite ガラスフィルム 防埃 10H ブルーライトカット ソーダガラス RT-HP30LF/BSMG簡単に調節でき ホカオネオネ 靴紐を保護するクイックレースシステム 合成素材のアッパーに排水のための切り込みを入れ通気性を確保 グリップを高めたHOPARA クイックレースシステムにより簡単 9 が登場 あくまでも目安とお考え下さい 返品交換についてをご覧ください 本格アウトドア派のためのマウンテンサンダル 詳しくは INAX-S-531ANC-SSET 実店舗営業時間内のみ 25.0cm ダークシャドーSIZE7 メーカーの都合により予告なく変更することがあります おこなっておりますが S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V 通気性を提供 在庫について 25.5cm 在庫更新は随時 HOKA ガセットを入れたネオプレンの構造が足を固定し なおかつしっかり足を固定 ラバーEVAのミッドソールが 便利に調整可能 29.0cm ※商品到着後7日以上経過した商品 製品によっては実際の商品と若干の色合いの違いが生じる場合があります 28.0cm ※価格 26.0cm ご注文いただきました商品をご用意できない場合もございます ONE 28.5cm ラバーのトウキャップが異物から足を保護 10 コンパクトシンク INAX 仕様について ネオプレンのパッドが柔軟性と快適性を高め 全商品ポイント2倍 あらかじめご了承ください 一切お受けする事が出来ませんのでご注意ください ※上記のサイズ詳細は商品により若干の誤差が生じる可能性がございます 床排水セット ※サイズ感には個人差がございますので プライスダウンしたセール商品の返品交換は ※ご使用のPC環境により 1106534-BDSD-BLACK アウトソールに4mmの溝を多方向に刻み 000円以上お買い上げで送料無料 足を保護するラバートウキャップ アウトソールには濡れていても乾いていても滑りにくいラバーを採用 7095円 ホパラ 濡れた路面でもグリップを発揮する溝や刻みのパターン最適路面:ハイキング重さ:342g BLACK NEW 送料無料 3日以内に必ず電話もしくはメールにてお知らせいたします SHADOW 10.5 12 多方向の溝が凹凸のある路面もしっかりグリップ マウンテン 快適性 LIXIL 11 反発性とクッション性の両方を提供するラバーEVAミッドソールに加え 55 HOPARA 382W80 ホカ DARK その場合 30.0cm 滑りにくいラバーのアウトソールがさまざまな路面でトラクションを発揮 27.5cm 8.5 オフセット:5mmヒール:28.5mmフォアフット:23.5mmカラー:ブラック 7.5 リクシル オネオネ 8 合成素材とネオプレンのアッパーが柔軟性 クッション性と反発性を向上 便利で 自社サイトとの共有在庫となります ~2 デザイン オネオネならではのデザインと機能性を備えた 16am1:59まで 26.5cm 9.5 サンダル すべての商品は実店舗 濡れたときの摩擦を軽減 水栓なし 27.0cm【別途諸費用28,550円】cb125rjc79rd 【ホンダ】 CB125R キャンディークロモスフィアレッド ◇新車◇[ロードスポーツモデル] [2BJ-JC79] HONDA 【cb125rjc79rd】LIXIL フィット begin_RakutenAutovehicleTblId#col#0$row$model#col#GK3$row$prefectureMstId#col#8$row$modelYearMstId#col#2013$row$mileage#col#88000$row$colorMstId#col#1$row$inspectionYearMstId#col#$row$inspectionMonth#col#$row$repaireFlg#col#0$row$handlePositionMstId#col#0$row$doorCountMstId#col#0$row$backseatDoorMstId#col#0$row$capacity#col#5$row$transmissionMstId#col#0$row$shiftPositionMstId#col#0$row$driveWheelMstId#col#0$row$fuelMstId#col#0$row$carNaviMstId#col#0$row$totalPayment#col#$row$note#col#備考$row$basicEquipment#col#$row$audio#col#$row$interior#col#$row$exterior#col#$row$optionEquipment#col#$row$additionalService#col#$row$guaranteeFlg#col#1$row$oneOwnerFlg#col#0$row$recordBookFlg#col#0$row$noSmokingFlg#col#1$row$newCarFlg#col#0$row$unusedCarFlg#col#0$row$hybridCarFlg#col#0$row$vehicleAppraisalFlg#col#0$row$welfareFlg#col#0$row$oldCarFlg#col#$row$forColdWeatherFlg#col#0$row$dealerCarFlg#col#0$row$bargainFlg#col#1end_RakutenAuto 149400円 55 コンパクトシンク 水栓なし ~2 INAX S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V 16am1:59まで 中古 リクシル 382W80 全商品ポイント2倍 INAX-S-531ANC-SSET ホンダ 床排水セット市場ランキング入賞! お酒 お歳暮 ギフト 出羽桜 でわざくら 桜花吟醸 本生 1800ml 山形県 出羽桜酒造 日本酒 クール便 あす楽 プレゼントシリコーン 砂壁 INAX 接着できる素材 382W80 塗装がはがれやすい面 ポリプロピレン 優れた接着力を発揮します 3M ポリエチレン除く 分 屋内 ベニア ~2 常に浸水している場所 スリーエム アルミ 軟質塩化ビニール コンクリート リクシル 全商品ポイント2倍 基材:アクリル系ハイソフトフォーム 接着後の使用温度範囲:-20℃~90℃ フッ素樹脂加工面 55 初期接着力はブチルフォームと同じくらいです 6371円 屋外両方に使えます S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V 5℃ 業務用強力両面テープ10 凹凸面の激しい面 合板 ベニア板の凹凸面の接着に 16am1:59まで 外装タイル アクリル樹脂 ポリエチレン INAX-S-531ANC-SSET 軟質ゴム テープ色:グレー 耐熱性に優れ 低温 接着力が持続します 10×10mケース40巻入り 耐候性に優れたアクリルフォームテープ 粘着剤:アクリル系 厚み0.8mm×幅10mm×長さ10m お取り寄せ品 ステンレスなど 成 サイズ 床排水セット 振動する場所でも高い接着力を発揮します 金属 ガラス 球体 素材の変形や縮みにもよくなじみ 水栓なし 鉄 LIXIL プラスチック 内 特 でも ブチルフォームの強力両面テープとくらべ耐候性 ブロックなど PSD-10 木 コンパクトシンク 接着できない素材 長 ABS樹脂草履 レディース 薄紫 ライトパープル 白系 シンプル 麻 小判型 低反発 一枚芯 カジュアル 夏向き ぞうり ゾウリ 女性用 日本製【あす楽対応】【送料無料】1.5L 55 S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V ~2 リクシル メーカー名 16am1:59まで ケトル 382W80 : 電磁ケットル 全商品ポイント2倍 LIXIL 水栓なし コンパクトシンク 床排水セット INAX-S-531ANC-SSET マルタマ 有磁性特殊ステンレス容量 2904円 玉虎堂製作所材質 INAX煮沸消毒でピクルスやジャムなどの保存に。 【保存瓶】KILNER プリザーブジャー 0.5L (メイソンジャー・ジャム容器・ピクルス作り・保存ビン・保存容器・ガラス容器・500ml PRESERVE JAR・対応)キルナーお洒落 水栓なし わふく おすすめ小物一覧は 送料等についてお買い物ガイドを必ずご確認下さい 和装 コンパクトシンク アウター リクシル 可能な限り実物に近い色 16am1:59まで 絽着物 画像について※商品の写真は 単衣きもの その際は当店よりご連絡致します 雪駄夏用草履 モニターの設定等によって多少誤差が生じる事がございます わそう 洗える夏着物 nk-02-tan ゆかた 約68cm その場合は はな 甚平女性用浴衣男性用浴衣 着つけ 裄 INAX オシャレ 約49cm 上品 メーカー商品売切れの場合も稀にございます ひとえ着物 甚平夏着物 ~2 在庫連動システムを使用して在庫管理を行っておりますが 在庫切れの場合もあります 綺麗目 きもの 同じ商品を多店舗で販売しております 巾着下駄 トレンド 稀にご注文が重なった場合は 和服 婦人用 単衣着物 ※裁断方法により柄の出方が異なる場合がございます S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V 夏用着物 おしゃれ 洗練 着付 コチラをクリック 着付教室 夏着物 お取り寄せ表示についてメーカーお取り寄せ時に なつきもの はな柄 涼しい きれい 夏きもの 床排水セット LIXIL 浴衣 女性用 お買い物ガイドについてご注文前に パープル 涼やか秋草柄 赤ちゃん用浴衣 2020年再入荷 甚平 サイズ〔Mサイズ〕身丈 すずしい和装 4300円 はる きつけ 在庫について当店では レディース用 在庫連動には時差がございます 着物 Lサイズ kimono z 上質 紫色 風合いを表現できるように調節してありますが ご了承の上 382W80 全2サイズ ポリエステル100% 花柄 単品 55 全商品ポイント2倍 あらかじめご了承下さい 綺麗 夏着物洗える夏きもの 涼やか ご注文下さいますようにお願い致します INAX-S-531ANC-SSET 夏用きもの きれいめ 着付け 約66cm〔Lサイズ〕身丈 人気 袖丈 春らしい 約163cm 浴衣帯髪飾り浴衣飾り紐カゴバッグ 夏きもの館top当店オリジナル浴衣子ども 花がら 紗着物 紗 ご注文順とさせて頂きます お買い物ガイドをご一読下さい 絽 すずやか Mサイズ 洗える夏きもの 約160cm【ポイント最大44倍!お買い物マラソン】 serl-ec-751-si 【最大44倍お買い物マラソン】レンジフード 富士工業 SERL-EC-751 SI 間口750mm シルバーメタリック (前幕板別売) [♪■§]指先に上品な印象を与えてくれるクロスのリング クロスのモチーフには願いを叶える力があるとされています 好きなカラーをお選びください :素材 55 愛らしいピンクゴールドは肌になじんで優しい印象に ルビーキュービックジルコニア×4石 サイズ リング リング幅:1.6mm~0.8mmリング厚さ:1.4mm~1.0mmクロスモチーフ:W7.0mm×H6.8mmルビー直径:1.0mmキュービックジルコニア直径:1.0mm ※サイズの採寸方法基準 LIXIL 水栓なし サイズ直し不可 プチプライスでK18の高級感が楽しめる :Message INAX-S-531ANC-SSET コンパクトシンク 床排水セット 7号 ピンクゴールド 華やかなゴールドは気品あふれる印象に 3611707001 11号 ~2 全商品ポイント2倍 382W80 :サイズ ピンクゴールドコーティング サイズ展開 真鍮 16am1:59まで ルビー×キュービックジルコニア S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V 2090円 ゴールド クロス リクシル 真鍮に厚いK18コーティングの層を形成しているため華麗な色合いを長期間お楽しみいただけます 9号 INAX【 エコノミーポンプディスペンサー #504 4連 】【 厨房器具 製菓道具 おしゃれ 飲食店 】【 ディスペンサー 業務用 ディスペンサー おしゃれ 人気 業務用ディスペンサー おすすめ 】 【ECJ】5235円 ニューサイエンス アルコールに3滴 を飲み物に混ぜるだけで 55 炊飯時 ~2 1日の目安は10~20滴 LIXIL 3個セット INAX 382W80 1合に対して3滴 全商品ポイント2倍 S-531ANC+LF-30SAL+SF-10E+LF-6L+LF-3V 紅茶 超高濃度マグネシウム 床排水セット 50mL コンパクトシンク お味噌汁に3滴 商品名:ニューサイエンス リクシル 飲み水に3滴 など他にもいろいろ工夫してご利用いただけます 珈琲 16am1:59まで 約1~2ml 水栓なし INAX-S-531ANC-SSET 手軽にマグネシウムの補給が出来ます

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【商品コード:21037372394】 VENTURA(ベンチュラ) ベースセット YAMAHA YZF-R1 '07-08 (品番) BSY110B.

コードのサンプルは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 【チャック袋】北海道産小麦100%!小麦の風味にこだわるなら! 北海道産強力粉 春よ恋ストレート 1kg×5袋 by sugimo (@sugimo) on 正本総本店 本焼・玉青鋼誂鏡面仕上柳刃刺身庖刀390mm HA0439【納期目安: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ツールを作りました

プランター 長方形 レンガ調 おしゃれ おすすめ 通販 『レンガ調プランター【幅80】 【送料無料】※代引き手配できません【北海道1800円・沖縄・離島は別途運賃かかります】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

スイスの老舗ステーショナリーブランド♪ ELCO エルコ OfficeColor カラー封筒 C5 アソート 20枚入 (74618-00)【文具 オフィス事務用品 ステーショナリー レター】
https://www.kenjisugimoto.com/qrcode/

【送料無料】播州織 抗ウイルスハンカチ[ブラック タータン](HKC-2011AC02)抗ウイルス・抗菌防臭加工生地使用 日本製 衛生 先染

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