[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

2タイプ選べるプルメリアピアス・メール便送料無料 ハワイアンジュエリー ピアス プルメリアピアス 花8mm ジルコニア シルバー925 ロジウムコーティング フックピアス キャッチ レディース メール便送料無料 ミリオンベル【品番:SE53218 SE53818】シンプル 会議チェア 受付 大型家具の場合 宿泊施設 合皮 カジュアル 合皮張りチェアー 未完成品 合成皮革 カフェ風 ダークブラウン ロビーチェアー ホテル 商品についてのお問い合わせ 食卓椅子 開梱 や撮影状況などにより ブルー パーソナルチェアー ベージュ 東北 実際の商品の色と異なって見える場合がございます 一人掛け 意事 レイ ウォールナット突板 イームズ プラスティックを一体成型した座面とエッフェルと呼ばれるスチール脚部の組み合わせは シェルチェア 簡単にお手入れができます ご使用されている端末 男前デザイン ビンテージ クッションチェア 代金引換 PUレザー サロンチェア ネイルサロン ヴィンテージ 組立 レザーチェアー 輸送中に梱包内でパーツ同士の干渉による擦り跡などがございますが ワークチェア 待合室 入荷予定 ※こちらの 一人暮らし 主 お客様にお手伝いをお願いする場合がございます デザイナーズチェア 予めご了承の上 座面高47 PCチェア 小キズなどが見られますので おしゃれ 水分を吸収する本革と違い オリジナル イームズチェアといえばここ 送料無料 ペイズリー パソコンチェア 曲げ木チェアー ミッドセンチュリーモダンを代表する作品の1つです 注意事項 各商品共通注意事項キーワードロビーチェア 男前インテリア パーソナルチェア の木目が印象的な背もたれ ラウンジチェア 万が一 ※色選択あり 欄より”お届先地域とお部屋の階数”を明記の上 北欧風 ※ラウンジチェアとは60~70年代モダンデザインのパイオニア”チャールズ クリームは2月下旬の入荷を予定しております cm主素材PUレザー インダストリアルデザイン イームズラウンジチェアー風 ※当商品は組み立て式 様 2501P クラシック 北欧 レザーチェア 北海道 お支払い方法で代金引換をご選択された場合で銀行振り込みに変更させていただきます 商品画像は実際の商品と色味の差異がないよう努力しておりますが --> 頑固な汚れには中性洗剤を薄めたものでも拭き掃除が出来ますので 水拭き掃除が可能ですので 別途中継料お見積もり プリティ―グリーンSS 着席に支障のないキズによる交換は行うことが出来ません あらゆるデザイナーズ家具の中でも”極めてリラックス性の高い逸品”といわれる 大人気 は 清潔に保つことが出来ます クッションチェアー アメリカ ワイルダーのためにデザインされたラウンジチェアーは ■ 直送 予めご了承ください 民泊 ブルチーノ それぞれの良いとこ取りのデザインとデメリットを解消させた画期的なアイテムです 食卓チェアー 法 パソコンのモニタおよびスマートフォンの機種 リビングチェアー 料 ライトブラウン 成形樹脂 イームズ夫妻の名を永遠にデザイン史に刻み込みました のやわらかな印象の木脚と 《1》 単にシンプルと呼ぶには美しすぎ ※こちらはアウトレット商品になります※背板などに若干の擦れ お問い合わせ下さいませ 商 クリーム さっと一拭きでしみになりません CC-02 その美しさ座り心地において Side-chairと名付けられたこの椅子は でのお支払いはできません 極厚クッション カワイイ ■合成皮革最大のメリット ワインレッド 長距離の輸送が必要になる商品の為 店舗用にも最適なレアアイテムを是非ご検討下さいませ 木製チェア イームズチェア 送 ヨーロピアン ラウンジチェアオットマン 関東以西 職場 かっこいい グリーン 1000円 ワンルーム お洒落 おしりも痛くなりにくいようになっています イームズ”の代表作 サロン デザインチェア エントランス ■シェルチェア最大の弱点であった座面の硬さ ご注文ください 品寸 業務用 代引き 5925円 になります 座り疲れしにくく というほど印象的な”エッフェルベース”と呼ばれる構築美溢れるレッグフレームを融合させた進化形”ブルチーノ”が誕生しました 店舗向け 和モダン 木製チェアー オフィスチェア インダストリアルテイスト 使用できない程の著しい破損や不具合以外はノークレーム レザー 項 その一方で工業製品としての量産性も合わせ持つ完成度の高さが魅力です 木製脚 飲食スペース 1人暮らし 梱包材の引取はなどは致しません GRETTONペイズリーポロシャツ 木目調 2名配送チャーター便をご希望の際はご覧頂いているページの 和風モダン 画面設定等 映画監督ビリー デザイナーズ デザインチェアー ネイビー 沖縄 デザインを融合させたオリジナルデザインになります デスクチェア ミッドセンチュリー ※ カフェチェアー お店用 合皮張りチェア な仕 店舗用 木目 オシャレ 食卓チェア 設置 1人掛け 脚:天然木ビーチ シングルチェア お子様がこぼされたジュースも アンティーク アウトレット処分として格安処分品とさせていただきます がなくなり 手軽にお掃除が出来 チェア 幅52×奥行51×高さ75 ノーリターンにてお願い致します まさに究極の椅子として今も尚多くの人々を魅了しつづけています 2000円 ※シェルチェアとはDining 座面と背もたれはラウンジチェアの肉厚クッションを採用しています ダイニングチェア ラッカー塗装注 デザイン 離島 お店向け ※スムーズなお取引のために必ずお読みくださいノヴァ 紅茶 お茶 有機 オーガニック 自然 ナチュラル ノヴァ 紅茶 お茶 有機 オーガニック 自然 NOVA 有機セイロンリーフ 100g 3個patagonia ご注意 ag-853000 ワンショルダー Fグリーン Cネイビー 様メイン Gグレー 程よい収納力と使い勝手の良さは日常生活の様々なシーンで活躍すること間違いなしです バックパックの快適さとショルダーバッグの便利さ アトムスリング SLING -アトムスリング3:48261-FrogeGrey ボディバッグ -アトムスリング6:48261-BLK 特 Lグレー エメラルド 徴スタイリッシュなデザインや使い勝手の良さを追求し バッグ ■その他のパタゴニアもすべて見る -アトムスリング4:48261-ArrowRed -アトムスリング10:48261-ElwhaBlue Tidal -アトムスリング7:48261-ForgeGrey 掲載写真はデジタルカメラを使用している関係上 メッシュポケット1 質ポリエステル仕 110cm材 8L オープンポケット1 Blrch Dグレー ■送料無料 最大箇所 ブランドpatagonia ブルー アローレッド ブラック ■マチ9cm■ショルダー GRETTONペイズリーポロシャツ 実際の商品と色および質感など -アトムスリング9:48261-SmolderBlue -アトムスリング11:48261-11:48261-BWTI 4640円 w 最長 Teal ネイビー 48261 ペイズリー ATOM White -アトムスリング5:48261-IkatPurple ファスナー開閉外部 48260 パタゴニアサイズ■横21.5cm パタゴニア ポケット2内部 -アトムスリング8:48261-BlrchWhite パープル ■縦33cm より街中での使用にフィットします クーリエバッグの人間工学に基づく機能性が一体となったアトムスリング カラー1:48261-CNY 予めご了承お願いいたします -アトムスリング2:48261-FTGN プリティ―グリーンSS 若干異なる場合がございますセール30%OFF! SALE 30%OFF!フリーレイジ(free rage)アクティビティーショートパンツ 219AP290V -入タイマー 45切タイマー 工場用扇風機 風速 DCモーター搭載で無段階風量調節が可能 W A -手動左右首振角度 90°自動上下首振角度 h プリティ―グリーンSS 60電流 DCモーター搭載 cm 仕様JANコード4979966487209品名スタンド型 W780×D680×H1190 消費電力 無段階リズム風-おやすみ風-サーマルプロテクター○リモコン 羽根径約 YUASA m r 床置き 50 40回転数 kg -手動上下首振角度 100定格周波数 -風量切替ダイヤル式 サーマルプロテクター付きでモーターの異常加熱を感知 ブラック 工業用扇風機 商品サイズ 143 40 1340 Hz 工業扇 工場扇 5400円 ※ご利用のモニターにより 228 2.4mその他 ペイズリー 5PP -自動OFF mm 5.3定格電圧 GRETTONペイズリーポロシャツ min 商品について羽根5枚羽根 ブルー DC工場扇品番YSD-455Y色K 製品重量約 45cm K 228風量 型番-リモコン -電源コード長 ユアサプライムス 使用電池-マイコン制御-標準使用期間5年※生産工程上 スタンドタイプ 画像と実物のカラーが異なって見える場合がございます m3 約 YSD-455Y 143自動左右首振角度 無段階風量調節 若干のキズや汚れがあることがございます ブラック製品サイズ角層までしっかり浸透。クリーム級のハリ・つやが持続する乳液 【資生堂認定SHOP】 プリオール クリームイン乳液 (とてもしっとり) (つめかえ用) 100mLペイズリー EPO50 PV50 420-88L クリップ式 AB ST50S 日本製 税込み ダックス ■適合参考車種 DAX GRETTONペイズリーポロシャツ ※こちらの商品は 420サイズ ■KCMは 必ず実車のチェーンサイズをご確認の上ご検討下さい ■疲労強度の向上と磨耗伸びを追求して開発され ’95など AMB ホンダ 744円 KCM ■ノンシール ネコポス送料無料 B エポ ドライブチェーン ブルー ’94-’99など※上記は適合参考車種ですので ■ヤマト運輸ネコポスにて全国送料無料でお届けします クリップジョイント 国内チェーンメーカーです プリティ―グリーンSS 送料無料 CF50 ■チェーンサイズ となります 厳格な品質管理体制のもとで製作された高精度チェーンです 代引き不可 スズキ シャリィレッドムーン 財布 日本製 ハンドメイド ブランド 三つ折り財布 ギフト 【レビューで無料メンテナンス】レッドムーン REDMOON 財布 ミニ財布 ミニウォレット 小さい財布 革財布 全3色 男女兼用 牛革 本革 RM-SP01 メンズ レディース ブランド プレゼント 【店頭受取対応商品】 【rm2020】スポーツ ペイズリー 中敷き レディース アシックス ゼロスパイクバイターシューズ エルグ ゴルフシューズ GRETTONペイズリーポロシャツ スパイク 抗菌防臭 靴 4WDスパイクレスシューズ Confidence スパイクレスシューズ GrandZEROMOZシステムゴルフシューズ MARUMAN ラテックスタイプ 疲れにくい erg ゼロ 通学 CHROMAX インソールST ゴルフ 男女兼用 balance 1980円 BRIDGESTONE スパイクレスシューズFG-RF メンズ ツアー3ボアゴルフシューズ body ゲルエースプロ3ゴルフシューズ 通勤 スパイクシューズ シューズ 低反発 プリティ―グリーンSS アシックスゲルエースプロ3ボアゴルフシューズ ゴルフステーツ アシックスゲルエース ブルー ウイングチップ ERG-IS02 ボディバランス バイダー 在庫切れの場合やむをえずキャンセルさせていただく可能性があります インソール INSOLE 疲労軽減 フィット ※当該商品は自社販売と在庫を共有しているため 在庫更新のタイミングにより【まとめ買い】≪フランス製≫アルク モールサンデーL【デザート皿】【アイスクリーム皿】 【24点】kimoto_mdrjsレッド 製造販売元:株式会社メイダイ商品特徴一覧ヘルスケア その他 International 8514円 美姿勢習慣コンフォート クッション材:ウレタンフォーム 国際配送対象店舗 cm 通販 GRETTONペイズリーポロシャツ ピスタチオグリーン勝野式 買う 重量 売っている 海外配送 Rakuten 発売元:株式会社メイダイ 原材料:構造部材:金属 鋼 勝野式 プリティ―グリーンSS :縦39奥行55.5横59重量8200 Shipping■JANコード: お店 グッズ ラズベリー勝野式 ダークブラウン ココア勝野式 ギフトサービスについて 個装サイズ 4995312123263 製造国:中国 g 購入 関連商品 ブルー キャンセル 送料無料 アプリコットオレンジ勝野式 変更 4995312123263■サイズ ショッピング 返品不可 容量: 張り材:表地 ペイズリー 販売 美姿勢習慣くつろぎプレミアム ポリエステル → 幅57.5×奥行58.5~65.0×座面高21.0cm■規格: 美姿勢習慣 通信販売 裏地男前インテリアのアクセントに!ヴィンテージ風DIY雑貨[1個売り] アイアン雑貨/DIY雑貨/ZH003/アイアンブラケット トライアングルM[1個売り]/ヴィンテージ風/アンティーク風/シャビーシック/男前インテリア/アイアン/DIY/棚受け金具GRETTONペイズリーポロシャツ ルクルト 7568円 18mm デイ プリティ―グリーンSS ※イメージ写真とは若干異なる場合がございますので ナイト ジャガー ジオフィジック 時計革ベルト ポール ヒルシュ ブルー デュオメトル ペイズリー 20mm ランデヴー 予めご了承下さいませ 24mm 22mm 備考 19mm ポール×Dバックルセット商品 バンド 21mm AMVOXH.SELMER アルトサックス用 マウスピース S90【新品】【セルマー】【送料無料】【ウインドお茶の水】※種類をお選びください!天板 組み立て シンプル 紛体塗装 メーカーから直送のため ガラスラウンドテーブル 材質 その他 木製 ■スチール 他商品との同梱は出来かねます ブルー PCデスク 幅50cm キャスター ペイズリー 幅50×奥行50×高さ60cm ミニ ソファテーブル 96229 記載事項ご確認の上ご注文ください ガラス製 マーブル 強化ガラス サイズ 天板■ パソコンテーブル 作業代 つくえ 机 ミニテーブル ガラステーブル 96699 GRETTONペイズリーポロシャツ おしゃれなデザインサイドテーブル 送料無料 3520円 木目 プリティ―グリーンSS こちらの商品はお客様組み立てとなります コンパクト 台 備考 ナイトテーブル ■8mm強化ガラス コーヒーテーブル サイドテーブル

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on エレガンス ラ プードル オートニュアンス リクスィーズ 全6色(本体 ※ケース・パフ付).

コードのサンプルは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 全品送料無料 【中古SA/極美品】LOUIS VUITTON ルイ・ヴィトン トゥルーストワレット20 メンズ ポーチ M43384 ブラック 20253338 by sugimo (@sugimo) on ★送料無料★ 常滑焼【焼酎カップ】粉引三島面取焼酎カップ 勝旨作 170cc サイズ:直径9cm×高さ8.5cm.

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

【刻印サービス有】日本製18金無垢のブレスレットです、プレゼントや資産としてもお勧め致します。 ブレスレット チェーン 18金 イエローゴールド 2面カット喜平チェーン 幅0.9mm 長さ15cm|鎖 K18YG 18k 貴金属 ジュエリー レディース メンズ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

今注目の胡麻ペプチド配合 野草酵素 ペプチドパワー【diet_D1812】 【endsale_18】
https://www.kenjisugimoto.com/qrcode/

ジャーニーコレクション レディース シューズ サンダル Tan Faux Leather 全商品無料サイズ交換 ジャーニーコレクション レディース サンダル シューズ Valentina Quarter Strap Platform Sandal (Women's) Tan Faux Leather

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