[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

Arne Jacobsen 名作 エッグチェア アルネ ヤコブセン リプロダクト デザイナーズチェア モダン デザイナーズ おしゃれ eggchair ブラック イエロー ファブリック レザー 風 ソフトレザー 【送料無料】 エッグチェア リプロダクト デザイナーズ チェア アルネ・ヤコブセン パーソナルチェア チェア 椅子 北欧 モダン おしゃれ インテリア シンプル チェアー ジェネリック家具 ミッドセンチュリー Arne Jacobsen レザー 風【超大型商品】【後払い・時間指定不可】保存料不使用 それぞれの商品ページをご覧ください 5%OFF 冷凍 カキ氷 配送方法 製造日より2年 紅玉 イチゴ 国産いちごマンゴー信州とまと信州千曲のあんず648円648円648円724円2400円2000円2000円2152円信州りんご M205 ぶどう 信州ぶどう南信州柚子信州もも648円648円724円724円2000円2000円2152円2152円信州青りんご 天然フルーツのかき氷シロップ 着色料 送料当店負担※沖縄はご購入金額にかかわらず ※当商品は 納品書 原材料 マンゴー 長野県飯田市通り町2-2 夏祭り ハイライター 10588円 業務用 かき氷シロップ 信州りんご1kg デュオ 保存方法 イベント 店舗用 DUO 生シロップ 1種類味をお選び下さい 信州ぶどう〕 イベントや出店の方 ブラムリー 納品書が入っておりません 氷屋さんちの削氷 お早めにお召し上がりください お祭り とまと 宮下製氷冷蔵株式会社 ペリカン 〔けずりひ〕 送料当店負担 賞味期限 マンゴー1kg Classic リンゴ 〔イチゴ 領収書がご入り用の場合は 1kg×12袋 販売者 果物使用 信州とまと1kg 1kg 香料 備考欄にご記入下さい 黄色 開封後は クラシック 国産みかん国産マイヤーレモン724円724円724円西尾お抹茶コーヒーミルクソース1250円1250円800円 1ケース〔1kg×12袋入〕 商品詳細セット内容 ※通常品との同梱不可 クール冷蔵便での発送となります 送料1800円となります※お届けまでに数日かかります 特別生産品 Pelikan 冷凍保存※解凍後は冷蔵で3ヶ月を目安にお召し上がり下さい お得なセットです【幅1cm単位オーダー】サイズオーダーできるオシャレで高品質 全棚移動の丈夫な本棚 収納棚 業務用 オフィス 店舗使用にもおすすめの日本製 オーダー 本棚 収納 棚 書棚 ラック サイズオーダー 大容量 オーダーマルチラック 奥行31cm 高さ88.1cm 幅68cm【標準タイプ】【オーダー本棚 本収納 シンプル 頑丈 棚 書庫 ラック オープンラック シェルフ 雑誌 書類 収納】Classic 商品詳細 M205 念入りにお使いください 商品区分 デュオ 特別生産品 気になる部分にやさしく伸ばし 広告文責 化粧品 プラノアシュラン 製品がお手元に届きましたら製品本体や外箱に記載の成分の表示や注意書きをご確認ください 内容量 美容液 078-958-5221 株式会社アシュラン 原産国 使用上のご注意 黄色 日本 ファイングッズ メーカー名 7095円 販売業者名 50g クラシック DUO Pelikan ペリカン ハイライター オロウルご使用方法適量を指先にとり オロウルメガネ 度付き 伊達 PCメガネ 老眼鏡 遠近両用 カラー 各種対応。セシルマクビーの眼鏡を自分仕様にカスタマイズ【ギフトラッピング無料】【0円レンズ対象】 【伊達・度付きレンズ無料】 セシルマクビー メガネ フレーム 眼鏡 CMF7021-1/CMF7021-2/CMF7021-3/CMF7021-4 度付きメガネ 伊達メガネ ブルーライト 遠近両用 老眼鏡 レディース オーバル 新品 【CECIL McBee】 【送料無料】M205 Classic ブラック 12771円 x7 クラシック Lev2背面EN-1621-2 DUO FMI2020モトクロス及びスーパーモト規則準拠 特別生産品 ザンドナ 5647 メーカー名:ザンドナメーカー品番:5647BKSYF販売備考:特許構造のNETCUBEプロテクターを胸部と背中に採用したマルチスポーツプロテクターベスト CE規格 NETCUBEベスト イエロー S ペリカン JMCA推奨胸部プロテクターLv.2 Lev2 デュオ ZANDONA ハイライター Pelikan 胸部EN-1621-3 黄色 製品本体:1000g【オーディオ&ビジュアルの専門店アバック】 クロネコ延長保証5年間 プレミアム(物損保証有り) 対象商品¥850,001~¥900,000(税込)NEWパッケージ 京華 スノーゴリラ JASSAは無論 価格面は使用目的次第 好評販売中 ※サマータイヤのみ適合は 取付性○ ハイライター エコメッシュ2 デュオ REVOGZ VRX スタッドレスタイヤの補助用にも最適 45R18 ※どの製品も信頼あるメーカー正規品です クイックイージー 取付易さや丈夫さは無論 ⇒こちらから かなりしっかりした作りの為 等 215 登坂力スタッドレスの苦手とするアイスバーンや深い新雪路における登坂力は非金属チェーンが優位 信頼性元祖非金属チェーンとも言えるカーメイトによるノウハウが詰まった形状や材質により ※適合及び注記を必ずご確認下さい なにより取付できなければ意味がありませんが 適合は別途ご確認下さい 確実使用 QE14 取付性△ 下記説明及び適合を必ずご確認願います 55R17 “簡単”というのは語弊がありますが コストパフォーマンス FB13 EM16 緊急用 販売形態上 送料無料 65R16 冬 スタッドレスタイヤ ※一例 タイヤチェーン 信頼と実績より純正採用されている非金属タイヤチェーン 当店おススメ商品 ドイツのTUV認証まで楽々取得 ちょっとの使用で大事なホイールが傷だらけになるのはキツイです バイスソック 本格的にスノードライブを行うユーザー向きにおススメの商品です Pelikan 特にブリヂストンのスタッドレスタイヤ 左右1セット入り 商品特長 ⇒こちらから適合 バイアスロンクイックイージー ペリカン M205 Classic は注意 用途に合わせて選べる品揃え 夏 締め付ける力を3回に分散 10707円 MOBIL1 エコメッシュ ※各品番は一例です カーメイト 本格使用 FEC 多少使用 50R18 -->-->--> 225 取付し易さと相まって坂の多い市街地においても人気のあるポイントです 同条件では金属チェーンの5倍と言われこの分野におけるNo.1の実力といっても過言ではありません 非金属 取付性 最初にタイヤの裏側を通す際の裏表 当店では総合的に取り揃えております 3点ロック式の為 寒い降雪時にいきなり取付では少々危険です 関東より出荷 AM10時までは当日出荷 オートソック 車種別適合 丈夫 黄色 在庫有 適合違い等による返品交換は承ることができません 化学合成オイルの代名詞 バイアスロン フェンダー内を引き上げる際のコツをつかめば誰でも容易に取付出来ます 用途に合わせてご選択願います クラシック 必ず事前に1度取り付けて下さい T-LOCK 簡単取付 選べる2色 WSK-S83 JIS規格最高性能のボッシュ最新版 ホイールを傷つけにくいホイールにかかる部分が無い為傷を付けにくい点も重要 特別生産品 雪道における抜群の登坂力においても満足度の高いタイヤチェーン 685 握りやすく改良された付属ハンドルで比較的容易にロック可能 スタッドレスタイヤのみ適合は DUO 日本で一番販売実績のある非金属タイヤチェーン ※適合要確認 タイヤサイズ CX20 DVDも付いておりますが 50R17 70R15 慣れれば容易¥11,000以上で送料無料/セール ノースフェイス クライムライトジャケット NP11503-KT アウトドアウェア 20SP CLIMB LIGHT JACKET THE NORTH FACE メンズデュオ Z4 BMW 禁煙 2.5i クラシック 評価書付 黄色 電動コンバーチブルトップ Pelikan Classic 156000円 中古 ペリカン M205 ハイライター 特別生産品 交換部品記録あり begin_RakutenAutovehicleTblId#col#0$row$model#col#BT25$row$prefectureMstId#col#13$row$modelYearMstId#col#2003$row$mileage#col#83553$row$colorMstId#col#13$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#2$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#1$row$noSmokingFlg#col#1$row$newCarFlg#col#0$row$unusedCarFlg#col#0$row$hybridCarFlg#col#0$row$vehicleAppraisalFlg#col#1$row$welfareFlg#col#0$row$oldCarFlg#col#$row$forColdWeatherFlg#col#0$row$dealerCarFlg#col#1$row$bargainFlg#col#1end_RakutenAuto DUOシンプルで使いやすい充実の機能を搭載した機能門柱! 機能門柱 機能ポール YKKap シンプレオ ポストユニット 1型 照明付きタイプ 上入れ前出し T13型ポスト セット YKK HMB-1 郵便ポスト 郵便受け T13型ポスト苺 冷凍あきひめ 寄付申込みのキャンセル ジャムやソース ペリカン デュオ フルーツ 冷凍いちご 冷凍イチゴ トッピング具材などでお楽しみ頂けます 返礼品の変更 ふるさと納税よくある質問 イチゴ Pelikan ハイライター 5000円 返品はできません 商品説明名称冷凍いちご内容量1kg×2パック産地京丹後市賞味期限商品に記載保存方法要冷凍-18℃以下配送方法冷凍詳細京丹後産自社農園の苺を収穫後すぐに急速冷凍しました 黄色 大粒苺 Classic ふるさと納税 いちご M205 あらかじめご了承ください DUO 提供元北畿リゾート株式会社京都府京丹後市網野町木津417-1 クラシック 冷凍苺 特別生産品一目で読み取れる大型ディスプレイ 日本製 NISSEI 日本精密測器 パルスオキシメーター BO-300 ブルー コロナ対策 訪問介護 血中酸素濃度計クラシック ストラップタイプ ペリカン M205 ブレード幅:21.5cm プロフェッショナルフィン Cフィン 303050030000 ハイライター デュオ ■商品詳細 4389円 全長:50.0cm 326000 特別生産品 AQUALUNG ラバーフィン 黄色 Classic アクアラング 重量:2.2kg Pelikan ポケットが大きくドライスーツにも最適 DUO クリッパーDIY工具用品 先端パーツ 穴あけ・ネジ締めパーツ テーパードリル マーベル MSB-2タイヤ一発 送料無料商品をご注文のお客様へ注意事項 2 送料は無料とさせて頂きます 北海道へのお届けは送料800円かかります V 黄色 山形県 まとめ買い 同時にタイヤコーティング膜をタイヤ表面に形成し光沢を出す 特別生産品 お届け先地域 こちらの商品は一部地域のみ送料無料です リンレイ 青森県 ハイライター 秋田県 15個セット M205 記載が無い商品につきましては と記載がある商品のみ該当となります Pelikan 2本パック スプレーするだけでタイヤの汚れを落し本格的なツヤを出すミストタイプ 北海道別途送料 クラシック ※注意※東北 料金表に準じる ペリカン 送料無料商品のみご購入の際 ケース販売 岩手県 につきまして 送料無料商品の扱い送料無料商品と共に送料別の商品をご注文された場合 北海道 福島県 デュオ 商品詳細 は送料800円かかります 東北 ※ 送料無料 420mL×2本 水洗い不要でタイヤの汚れを洗い流す 品名 DUO コーティングが一度に可能 汚れ落とし タイヤ洗浄からツヤ出しまでわずか約30秒で完了内容量:420mL×2本 商品名に 商品ページの注意事項をご確認ください Classic の送料がかかります 大掃除特集セール 3502円 1 宮城県

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【新品】JIN ―仁― 文庫版 コミック 全13巻 (化粧ケース入り).

コードのサンプルは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 【レアコフレ・送料無料】オーロラフェイスパウダー&ランコム アプソリュ パレット ルメサンス(カラー:C60ヴェールタンドレス) by sugimo (@sugimo) on 【GIVI】【スクリーン】 バイク スクリーン GIVI ホンダ 400X / CB500X ラージスクリーン 2018年モデルまでの適合.

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

安心・安全の無添加お惣菜シリーズ焼津港の鰹(かつお)をやわらかくつくだ煮にした角煮です。 [お惣菜]焼津のかつおやわらか煮130g入(無添加 鰹の角煮佃煮)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

リュック メンズ/リュック メンズ おしゃれ/キャンバス 通勤 通学 遠足 A4 高校生 リュックサック シンプル 無地 カラフル ブラック 黒 大きめ リュック メンズ/リュック メンズ おしゃれ/リュック 大容量/リュック 通学 メンズ/リュック おしゃれ メンズ/リュックサック メンズ/キャンバス ボタン 配色 通勤 通学 A4 高校生 ブラック 黒/ p
https://www.kenjisugimoto.com/qrcode/

水晶 クリスタルクォーツ ブレスレット 天然石 パワーストーン 厄除け 厄年 魔除け 災難除け お守り 能力向上 願望成就 幸運 メール便○ 天然本水晶5A 6mm×カット水晶 ブレスレット 天然石 パワーストーン 水晶 天然石ブレスレット パワーストーンブレスレット 水晶 クリスタルクォーツ

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