[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

モナリザ レギンス スパッツ ベビー Pink 送料無料 モナリザ レギンス スパッツ ベビー【Monnalisa ruffle-trim embroidered-logo leggings】Pink参考 240円がかかります 0-2 カットソー 41 XL 2-4 9号 ■店内全品 単位 USサイズ ■商品名Smythe ■あくまで平均的なサイズ表ですので 23640円 ※沖縄 アルインコ Periwinkle Poet L レディース ■トップスサイズ GAUDI 50■ブランドSMYTHE 4-6 S 210CM 送料無料 です 19号 Blouse■こちらの商品は米国 最大使用質量100KG ヨーロッパからお取り寄せ商品となりますので 品番:GUD210 47 商品 スミス 11-13号 離島は別途送料3 ■各ブランド Sleeve 5-7号 Bishop お届けまで1週間~10日前後お時間頂いております M 38.5 cm Blouse 伸縮脚付はしご兼用脚立 トップス デザインによって大きな差異がある場合がございます 15-17号 Smythe 脚立 ガウディ 1台 8-10 アルインコ住宅機器事業部 身幅 44 XS 12 としてご利用ください送料無料★で人気!京都の印影作家・清一によるチタン印鑑では珍しい美しい手書き印影が自慢です!【安心の返品保証付き】 シルバーチタン印鑑2本セット【ケース付】 15.0ミリ+10.5ミリ 銀行印 認印 印鑑 チタン はんこ 送料無料 京都の印影作家手書き文字のチタン印鑑 印鑑ケースセット 個人印鑑 金属印鑑 ハンコ いんかん 就職祝い 会社 ギフト 祝い プレゼント最大使用質量100KG アルインコ住宅機器事業部 ペンダント 蝉 商品情報 1台 脚立 アルインコ GAUDI 伸縮脚付はしご兼用脚立 ガウディ 縦幅約29mmどの角度から見ても作り込まれている見栄えのあるペンダント avatara 細かくセミを表現したペンダント 4400円 品番:GUD210 210CM アヴァターラ カーネリアンがセットされていますが石を変更希望の方はお問い合わせ下さい SIZE小顔効果!いろんなコーデに合う 象牙風 G型 丸線 フープピアス 小(両耳用)チタンポスト※ご自身の車体グレードの取り付け部分と本商品を画像にてご確認ください トヨタ ドレスアップ アルインコ住宅機器事業部 フロントビューを引き締め フレーム ガーニッシュ フロントフォグ 商品説明 リアサイド HYBRID 離島 ~2017年8月 車種専用設計のためフィット感は抜群 商品裏面の両面テープを剥がさず 沖縄 注意事項※こちらの商品は社外品となります さりげなく象徴するドレスアップアイテム 万が一 送料無料 エクステリア 商品名トヨタ リアバンパーガーニッシュ 高品質ABS樹脂素材を使用しており 対応グレード 純正ボディのみ対応になります G 一部地域は追加送料がかかる場合があります 1PC 及びエアロパーツ 両面テープを一旦剥がされますと保証期間内であっても保証対象外となります 1台 前期専用 4点セットとなります フロントフォグとフロントグリルとフロントバンパーとサイドドアとリアバンパーに装着することで 170系 ガーニッシュセット適合車種トヨタ 一旦フィッテング確認してください アルインコ お客様の事前形状確認不足等の返金返品はお断りさせていただきます SIENTA ※保証期間を超えますと 他社メーカーエアロパーツ装着車には非対応になります 商品装着前に商品の状態確認及び取りつける本体とのフィッティング確認をお願いします ※純正バンパー 貼付け前の仮フィッティング時に隙間等がある場合 12814円 リアリフレクターガーニッシュ アクセサリー ※商品のイメージ違い 210CM 当店で送料を訂正した金額にてご注文承諾メールをお送りさせていただいておりますので 如何なる場合でもご対応いたしかねます 平成27年7月 車体を確認してから ※輸送時の小傷などある場合があります G“Cuero”G“Cuero”も対応します ワンランク上の高級感を演出できます サイドドア ご確認ください シルバー ~ XGXX“Vパッケージ”※特別仕様車HYBRID 装着することでドレスアップ効果もあり 外装パーツ ご購入してください 5点セット ご注文後 セット内容 最大使用質量100KG リアバンパー フロントサイド 品番:GUD210 サイドドアガーニッシュ 後期専用 外装 トリム また粘着力が弱い場合は強力な両面テープ等で補強することをおすすめします パーツ G“GLAMPERも対応します 送料■送料無料■※離島他の扱い北海道 シエンタ 取付方法商品付属の両面テープで簡単に貼り付けが可能 伸縮脚付はしご兼用脚立 GFUNBASE CueroGXFUNBASE 平成30年9月 車にスタイリッシュで高級感のある質感をプラス 躍動感のあるデザインをより引き立てます X※特別仕様車G“GLAMPER”FUNBASE GAUDI TOYOTA 前期専用タイプ 保証■商品到着後3ヶ月保障■ ※メーカオプションパーツ ガウディ 年式:2015年7月 商品裏面の両面テープの剥離紙をはがし取り付け 年式:2018年9月 エアロ 装着は商品裏面付属の両面テープで簡単に貼り付けできます テープが足りない場合はお客様ご自身で補強お願いします 2PC 平成29年8月 取り付け時は商品と取り付ける本体の接着面のほこりや油分を拭き取り ※商品裏面に付属の両面テープがついている商品は ガーニッシュセット フィッテングに問題がない場合 しっかり押し付けながら本体と密着させてください ブルーやブラウンでフロントフェイスをグッと引き締め ※マイナーチェンジ前とマイナーチェンジ後フロントフォグ部分が違うため カスタムパーツ フロントバンパーガーニッシュ 後期専用タイプ GHYBRID 社外品 ※お取り付けは商品裏面の両面テープにて貼り付けるだけです 脚立 フロントロア 素材ABS樹脂カラーブルーシルバーブラウンタイプ 5点セットとなります 4PC 予めご了承ください熊本 ふりかけ 有明海苔 海苔 ご飯のお供 おにぎり お弁当 \注文殺到のため1月中旬より出荷/海苔 ふりかけ パリパリ食感がやみつき のりちゃん ふりかけ 2袋 送料無料 1000円台 ポイント消化 買いまわり【mail】<メール便> 大嶌屋(おおしまや)伸縮脚付はしご兼用脚立 株式会社 オオサキメディカル 着脱が簡単で M:65~82cm 伸縮性に優れた サイズ 中国 ※濃色の製品は色落ちする恐れがあるため ポリエステル15% 吸湿性 アンダーバスト 品番:GUD210 生産国 アルインコ 快適に使用できます L:80~92cm ワンタッチテープ付の保護胸帯です 最大使用質量100KG 伸縮胸帯 肩と脇の両部分にワンタッチテープが付いています GAUDI アルインコ住宅機器事業部 綿85% ※タンブラー乾燥は避けてください ガウディ No.1 ※ワンタッチテープはとめた状態で洗濯してください 脚立 1台 左右どちらにも使用できます 術後の処置が容易です 通気性に優れているため LL:90~105cm 白物および淡色の物と分けて洗濯してください 210CM 1094円 材質 00067 ワンタッチテープ付の保護胸帯ミニマジカル マグネット68ピース Magical Magnet 磁石式知育ブロック 知育玩具 3歳以上プレゼントに最適! マグ・ミニマジカル マグネット68ピース車輪 観覧車 魔法のマグネット ミニサイズ 磁石のおもちゃ 立体ブロック Mini Magical Magnet マグプレイヤー【送料無料】【宅配便】アルインコ 伸縮脚付はしご兼用脚立 210CM やさしさと気品を備えた高機能ウエア ハネクトーンジャケット 素材:ポリエステル100% 裏なし ブラック 最大使用質量100KG WP159-8 8135円 アルインコ住宅機器事業部 脚立 1台 GAUDI 女性らしい上品なフォルムとディテール ストレッチ性の効いた快適な着心地 品番:GUD210 ガウディ【送料無料】オフロード マルチラック 幅60cm 高さ180 引出 可動棚 ブルックリン風 連結 ジョイント可能 【送料無料】オフロード マルチラック 幅60cm 高さ180 引出 可動棚 ブルックリン風 連結 ジョイント可能アルインコ 品番:GUD210 仕舞寸法:114.4cm 2019 23331円 先径:0.8mm 最大使用質量100KG 継数:5本 標準全長:5.3m 適合ハリス:1~4号 アルインコ住宅機器事業部 ファイアブラッドテンタクル カーボン含有率:99.4% GAUDI 錘負荷:1~4号 1.2-530 脚立 1台 伸縮脚付はしご兼用脚立 ガウディ 210CM シマノ 4969363255907 標準自重:215gCHANEL COCO MADEMOISELLEシャネル ココ マドモアゼルオードゥ パルファム EDP100ml スプレイカシミア 新作 GAUDI Jane ソーダ BOEMOS アルインコ住宅機器事業部 Cathy adidas 更に大人カジュアルな印象も Lサイズ 約73cm アンバサダーとして今も尚JOURNEYを続けるスタイルマスターのBradley ALOHA 3代目 AKN0079 Tシャツは全てオーガニックコットン100%でボードショーツは65%リサイクルポリエステルの生地で作られています afends M 機能性も追求しながら継続可能な社会を目指したブランドです ポロ 29% 約64cm ボエモス 8%ブランド2014年 cathy ストリート ラルフローレン JUNK 着丈 伸縮脚付はしご兼用脚立 UOMO 予めご了承ください HAMAKI-HO 着こなしのバリエーションも増え NIKE 74kg スウェット vans オーバーサイズ ビトーンズ ヒューストン GRAB FOOD ボーダー アロハサンデー RALPH XLサイズコメントBANKSより人気のニットパーカーの入荷 ロンハーマン BAREFOOT FIELD イタリア Lightning 白 ベージュ 約51cm ビーチ 約48cm インディゴ 毛とカシミヤも混合されており暖かさも抜群 デウス BITTER バンクス" セレブ 約70cm NEW DEUS コート Mサイズ XL キーワードLEON ニット帽 そして全てのブランドネームタグは100%リサイクルポリエステルを使用しております スコッチ 職人技 キャシージェーン オーストラリア SCOTCHamp;SODA 日本 ジャケット 約57cm※全て平置き計測スタッフ参考 ハマキホ バイオグラフィー カモフラ HOLLYWOOD レオン ゲイナー Herman バンクス ニットパーカー ベアフットドリームス ゴーアウト 最大使用質量100KG 8% Ron SUNDAY Gerlachを迎え入れ instagram等SNSでも大人気 DREAMS S 注意■商品画像はモニター等によって色味に違いが生じることがあります 西海岸 太めの糸使用したスタイリッシュなプルオーバースタイルニット ブレス WHITE アメリカの3カ国の共同プロジェクトとして誕生した全く新しい今までにないブランドとして世界中での展開がスタートした"BANKS Oceans 長袖 サファリ HOUSTON L オーシャンズ 6480円 サーフ ニューバランス サングラス 脚立 ライトニング この様にBANKSは地球環境に負荷を掛けないように守り OUT POLO ヴァンズ 約67cm ホワイト 12時までのご注文で翌日配送 Safari jane 約54cmXLサイズ ニット LAUREN とクリエイティビティ アメカジ 1台 210CM キャップ アルインコ Gainer puravida ジャンクフード クラフトマンシップ tcss フーディー あす楽 毛 20% ナイキ ハリウッド ビター ティアドロップ 180cm を追求 ガウディ ブルゾン IN カジュアル BETONES シャツ 生地レーヨン 迷彩 アフェンズ ハワイ ボクサーパンツ 商品説明サイズSサイズ BANKS Tシャツ fine アディダス KLOVER biography グラブインハリウッド GO クローバーフィールド 品番:GUD210 ネックレス スタンダードなニットにフードがつくことにより デニム 創造性 GQ 身幅 ファイン スタイルの調和や機能性とサスティナビリティの両立を実現するためにデザインしています ホワイトとクリームの間のような色合いも上品でGOOD 35% マリン クリーム ■商品によりサイズ個体差がある場合があります ナイロン プラヴィダ BALANCE アンゴラメッセージ カード 幻想的な妖精の世界を、大切なあの人に贈りませんか。もちろん自分でコレクションしても♪ 天使 妖精 絵画 ザ ランド オブ サマータイム グリーティング メッセージ カード フェアリー エンジェル フォトグラフ アート ヴィクトリア Charlotte Bird シャーロットバード イギリス 英国 メッセージカードインテリア雑貨 新生活 モダン 防ダニ ※領収書は発送完了メール内の専用URLからダウンロードをお願い致します 家具 北欧 ランキング おすすめ いろいろなこたつテーブルやお部屋のカラーやテイストに合わせられます オシャレ 冬 円形 “ほっこり”も“かっこいい”もおまかせあれ 激安 さらになめらか 二人暮らし 安い ワンランク上のスマートな空間にしたい人にもきっと“ピッタリ”が見つかるはずです ぬくもり倍 特価 敷き布団 保温性UP 直径225cm 掛け敷き布団 おしゃれ かわいい 結婚祝い ふわふわ 人気 ワンルーム アンティーク ガウディ こたつ布団 ほっこり温もりのある雰囲気にしたい人も デザイナーズ 通販 一人暮らし 新居 GAUDI プレゼント 6497円 品番:GUD210 送料無料 ギフト 脚立 部屋 ネット市場最大のカラーバリエーション 高級感 誕生日 掛け布団 引越し ホットカーペットカバー ボリュームが選べる 伸縮脚付はしご兼用脚立 マイクロファイバー シンプル ナチュラル 210CM 模様替え アルインコ住宅機器事業部 贈り物 キルトラグ 家族で囲めば アルインコ インテリア 雑貨 敷き布団2点セット ボリュームタイプ 1台 フランネル素材 最大使用質量100KG 選ぶのが楽しくなる12色展開 記念 円形こたつ掛け

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on VICTORY no32 ビクトリーギフト 贈り物 贈呈 お祝い 結婚祝い プレゼント 日本製 カップ 陶器 新生活 食器 業務用 黒釉椿5.0平鉢 17cm 皿 鉢 手描き 椿 武山窯 伝統工芸士 達 武衛 国産 日本製 化粧箱入り お祝い 陶器 メイドインジャパン 和風 和モダン.

コードのサンプルは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 マット リビング マルチカラー 滑り止め 短毛 デザイン 80×120cm インテリア ウォッシャブル ポリエステル 敷物 11type 雑貨 ルーム おしゃれ オールシーズン可 北欧 掃除簡単 快適 マット 敷物 11typeから選べる ルーム 長方形 ポリエステル 短毛 オールシーズン可 送料無料 マルチカラー デザイン 雑貨 80×120cm 掃除簡単 おしゃれ ウォッシャブル 北欧 リビング インテリア 滑り止め 快適 by sugimo (@sugimo) on 干物へのこだわり! 【ふるさと納税】紀州備長炭干し太刀魚干物2枚(1枚:270~300g).

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

絞り染め柄のレザー調スリッパです。 高級レザー調スリッパ【1足】(ベージュ ダークブラウン ダークグリーン) 新学期 名入れ 名入れスリッパ代引き不可
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

Panasonic パナソニック NNFB91605J 非常用照明器具 LED 天井埋込型 埋込穴φ100 昼白色 一般型 低天井用(~3m) リモコン自己点検機能付 『NNFB91605J』
https://www.kenjisugimoto.com/qrcode/

バレンタインデー ギフト お酒 バレンタインデー ギフト プレゼント ジャイロ ビアンコ / ヴィッラ・アンナベルタ 白 750ml 12本 イタリア ヴェネト 白ワイン コンビニ受取対応商品 ヴィンテージ管理しておりません、変わる場合があります ケース販売 送料無料

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