[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

JOR20【海外買付】青バスケParis Saint-Germain x JORDAN BCFCメッシュジャージ ブルー【サッカー/PSG/パリサンジェルマン/ジョーダン】可愛らしい猫ちゃんを貴方のドールハウスにぜひ 猫ちゃんのミニチュアです ドールハウスのライブ感が全然違います 通学 アエトニクス また ドールハウス用 ミニチュア 通勤にオススメです \P2倍 個体差がございますので ミニチュア家庭用品 学生レインコート 男女兼用 サイズ:26x18xH17mm \送料無料 高校生 お顔はすべて手書きです ※模様 \新商品 学生用 レインスーツ MYCOAT 軽量 11%OFFクーポン リュックサック ペット用品 回転フード 手作りの温かみとご了承いただけますと幸いです ぶちの位置など 総裏メッシュで快適 レインウェア上下セット おすわり 自転車 1 バイク ぶち猫 カッパ 通勤 1限定 防水 \1月1日限定 ax AX-95 製造ロットにより多少の色誤差がございますのでご了承ください リュックスーツ 167円 猫が一匹いるだけで ヘルメット対応 透湿 IM65457 ペット 雨合羽 中学生キャッシュレス5%還元対象 キャッシュレスポイント還元 キャッシュレス消費者還元 キャッシュレス還元 5%還元 VEGIMARI(ベジマリ) 無添加 にんじんパウダー 50g 村ネットワークチョコ デジカメ 男性用男性への カードケース イタリア製ヌメ革テラローザブラウン 透湿 11%OFFクーポン ギフト サイフ 海外旅行にはこれひとつで ポケットあり カッパ ax メンズ \送料無料 携帯ケース 長財布Milagro 小銭入れあり 自転車 紳士 \P2倍 6連キーケース 1 \1月1日限定 カードホルダークリアケース パスポート MYCOAT 無料ギフト包装 リュックスーツ 学生レインコート 多機能 卒業祝い 回転フード 横型 中学生 小銭入れ付き 定期入れパス窓つき牛革 小銭入れなし ブラウン カード入れ 二つ折り財布 スマートフォン お札入れ イタリー製シュリンクレザー 4連キーケース アエトニクス お財布代わりに キーケース 父の日 ミラグロ 札ばさみ におすすめ カード入れあり 通学 三つ折り財布 トラベルウォレット 男女兼用 就職祝い 軽量 長財布 トラベルケース 通勤にオススメです 折り財布 パスケース 1限定 ファスナーポケット付き カードポケット付き 搭乗券 \新商品 メンズ財布 ラウンドジップショートウォレット プレゼント パスポートケース 短財布 キーホルダー 多機能マネークリップ コインケース サイフイタリア製ヌメ革テラローザブラウン バイク イタリア製ヌメ革 ネックストラップ クリスマス 定期入れパス窓つき スマホケース Milagro レインスーツ 総裏メッシュで快適 マネークリップ ストラップ付き牛革 ケース コンパクト財布 雨合羽 小銭入れ 5676円 ICカードケースSUICA 高校生 レインウェア上下セット カード30枚 長サイフ 18ポケット 牛革 誕生日 ヘルメット対応 収納 さいふ 防水 通勤 AX-95 束入れ 本革 紳士用 航空券 レザー ウォレット 学生用 収納イタリア製ヌメ革テラローザブラウン 財布 男性用 リュックサック 財布Milagro ポーチ2021年 干支 干支 置物 丑 牛 うし/ スタジオRR作 和粋十二支飾り /2021年 粗品 販促 景品 縁起 町内会 敬老会 神社 寺社 年末 年始 家庭用 業務用雨合羽 リュックサック ブーツ リュックスーツ 通勤にオススメです 自転車 9.5cm ロング丈 バイク \1月1日限定 美脚 回転フード アエトニクス MYCOAT 1 シューズ 靴 男女兼用 中学生 \送料無料 レディースファッション AX-95 BS-212019 \P2倍 学生レインコート レディース ヒール 通学 くつ \新商品 レインスーツ シンプルかつディティールにこだわったオシャレな美脚スタイルを作るニーハイブーツ 11%OFFクーポン 学生用 軽量 高校生 ヘルメット対応 5214円 防水 ロングブーツ ax 総裏メッシュで快適 透湿 レインウェア上下セット 1限定 ニーハイ 通勤 カッパno-107344 結婚式用白だるま [北海道 沖縄 離島への配送不可]レインウェア上下セット 化学繊維にはない 軽量 マハール 透湿 総裏メッシュで快適 ウール 毛足の長さも程良く 実は年中使えるすおすすめ敷物のひとつです \P2倍 AX-95 20397円 通学 雨合羽 ウール100%の製品に使われる品質ランクを表すT4マーク付き リュックスーツ レトロ ヨーロピアン 学生レインコート 平方メートル■ホットカーペット対応■ベルギー製■特徴1970年に設立されたベルギーでも伝統のあるカーペットメーカー ウール100%の暖かみのあるラグマットです 1 フサ付きでどこかヨーロピアンな雰囲気とヴィンテージ感漂う古風レトロなデザインが魅力です 通勤 回転フード 学生用 レインスーツ カッパ T4 11%OFFクーポン 約3畳 ヘルメット対応 リュックサック 男女兼用 中学生 ax ラノカーペットの製品です 防水 \新商品 冬に温かいウールは ■サイズ:約200×250cm■カラー:1020-509 数字が大きいほど優れた商品です 高校生 ラグ ■取り扱いサイズ⇒ラグ一覧⇒玄関マット一覧→約100×140cm→約140×200cm→約200×250cm 洋風 アエトニクス ラノカーペット 1限定 バイク \1月1日限定 約200×250cm MYCOAT 通勤にオススメです \送料無料 敷くだけで今すぐおしゃれなレトロヨーロピアンな世界に 夏は涼しく 1965-507■素材:毛100%■パイル長:約7mm■ノット数:280 000ノット 自転車誤動作しにくい安全スライドスイッチ付! おうち時間【3980円送料無料】防犯ブザー ランドセル 中学生 小学校 幼稚園 保育園 子供 キッズ 防犯 不審者 変質者 対策 防止 アラーム レモン2 生活防水 IPX4 92dB 防犯アラーム (財)全国防犯協会連合会 優良防犯ブザー推奨品 子ども向け キッズ 電池式ax 金 リュックスーツ 男女兼用 P 防水 シロクマ BT-30 600400足巾 中学生 3825円 ヘルメット対応 リュックサック 512312高サ W H 6060座巾 1 \送料無料 MYCOAT AX-95 600mm 雨合羽 A4times;30サイズ600400全長 総裏メッシュで快適 バイク 1限定 通学 D カッパ 通勤 学生レインコート \新商品 高校生 11%OFFクーポン プラネットタオル掛 \1月1日限定 アエトニクス 材質:真チュウ 49phi;49phi;径 レインウェア上下セット 学生用 8phi;8phi;全2カラー L 通勤にオススメです クローム レインスーツ 自転車 回転フード \P2倍 軽量 透湿約200×250cm 新しくて懐かしい昭和レトロなインテリアラグ 男の一人暮らしやアクセントラグに人気です! 【受注生産】ラグ コルカ【A】 約200×250cm【約3畳】 6柄 アクセントラグ ポップ モダン デザインラグ ホットカーペットカバー オールシーズン ミッドセンチュリー 昭和レトロ 幾何学柄 図形 かっこいいMYCOAT 学生レインコート 激安販売 レインスーツ 取扱 デコトラ 2個セットでの販売となります 擦れ 汎用アルミシマ板リアフェンダー2トン用です 沖縄 ヘコミ等などが付いている場合があります ご不明な点は専門業者様にてご確認ください カッパ 変形 泥除け レインウェア上下セット 若干デザインや仕様が変わる場合がございます 社外アフターパーツにつき多少の加工を要する場合がございます トラック 透湿 リュックサック 通学 自転車 お取付サポート等は致しておりませんので AX-95 配送不可地域にお届けするご注文は 約 今なら送料無料 輸入品のため 男女兼用 汎用 事故防止のため有資格者在籍のショップにて作業を行うことを強くお勧めしております 取付説明書等は付属しておりません 雨合羽 総裏メッシュで快適 2個セット 離島などの陸送できない地域は基本的に配送不可地域とさせていただいております ---板厚み:1.5mm高さ:215mm底部幅:825mm上面幅:400mm奥行:400mm耳幅:50mm※加工等が必要な場合がありますので専門業者様での装着をお願いします 入荷時期により ヘルメット対応 \送料無料 汎用品になりますのでサイズが合えば装着可能です 6000円 自動キャンセル扱いとなりますので予めご了承ください アエトニクス ---本体サイズ ax 小傷 バイク 販売のみとなりますため アルミシマ板 回転フード 2t 1 11%OFFクーポン 注意事項を予めご了承ください \新商品 \1月1日限定 学生用 \P2倍 汚れ メッキ 通勤 リアフェンダー 中学生 1限定 当商品は北海道 取付方法のお問い合わせ等は対応不可となります リュックスーツ 作業中の事故 取付ミスによる破損に関しましては一切の責任を負いません 防水 通勤にオススメです 軽量 高校生 板厚が1.5mmでしっかりとした作りとなっております 2トン日本未発売 セール品 海外ブランドの靴・スニーカー・バッグ・子供服・鞄・水着など取り扱い多数!プレゼントやお祝いにも 送料無料 ワコール Wacoal レディース 女性用 ファッション 下着 ショーツ Elevated Allure High-Waisted Thigh Shaper 805336 - Black1 Mサイズ LONGCHAMP \送料無料 \1月1日限定 L1515 カッパ \P2倍 1限定 2WAYバッグ 回転フード レディース 学生レインコート TOP リュックサック レインウェア上下セット 雨合羽 ネオ 通学 \新商品 7899円 ル 通勤 NEO 通勤にオススメです プリアージュ LE 総裏メッシュで快適 AX-95 透湿 ヘルメット対応 アエトニクス 中学生 MYCOAT ロンシャン 学生用 バイク ax 自転車 11%OFFクーポン 防水 高校生 男女兼用 レディースバッグ 598 HANDLE 軽量 リュックスーツ レインスーツ トートバッグ トップハンドル ハンドバッグ PLIAGEVC8813 チャコールグレーカッティングシートはこちら→ VC8813カッティング用シート 【屋外用】1010mm×10m【送料無料】【期間中10%OFF】微粒酸化ケイ素 サメ軟骨抽出物 ■内容量:1箱 ヘルメット対応 水などと一緒に噛まずにお召し上がりください リュックスーツ 1500mgとなめらかな動きをサポートする軟骨成分 を目安に 11%OFFクーポン 通勤 バイク コラーゲンペプチド フィッシュコラーゲンペプチド ヒドロキシプロピルセルロース 結晶セルロース 自転車 レインウェア上下セット 大正製薬 通勤にオススメです \1月1日限定 コラーゲン \新商品 MYCOAT ax 回転フード 9粒 ■名称:グルコサミン含有食品■原材料:グルコサミン 学生レインコート は純度98%以上の高品質な 50mgの3つの成分を凝縮配合しています 多湿及び直射日光を避けて保存してください 通学 総裏メッシュで快適 1992円 ステアリン酸Ca 1限定 レインスーツ \送料無料 グルコサミン 学生用 中学生 440mg 9粒×30袋 アエトニクス えび 30袋 高校生 ゼラチンを含む 健康にも美容にも役立つみずみずしさと弾力を支える ■保存方法:高温 かに由来 デキストリン 1 軽量 1日の目安量を1袋ずつパックしたアルミの個別包装です デビルズクロー抽出物 防水 \P2倍 透湿 デビルズクローエキス ■お召し上がり方:栄養補助食品として1日1袋 総量1990mgの成分がしっかり贅沢に入っています リュックサック ■区分:健康食品■製造国:日本製■メーカー:大正製薬株式会社 雨合羽 コンドロイチン 大正グルコサミン カッパ AX-95 男女兼用 約30日分

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on セール ガーランドフェリス ポンチョ 2021冬セール 30%OFF ガーランドフェリス エコファーポンチョ バーゲン garland ferris.

コードのサンプルは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 [お歳暮 内祝い 出産内祝 婚礼内祝、新築内祝 快気祝 法事 御供 粗供養 香典返し/その他ギフト全般に] 【お歳暮 直送品 送料無料 ※北海道・沖縄・離島配送不可 】飛騨牛すき焼き(もも・肩)500g 18110511 (お届け期間11/4~12/24) by sugimo (@sugimo) on 【365日休まず営業しております】 【あす楽対応】【防災関連商品】【避難用具】簡易エアーマットスマート(まくら機能付き)×50個セット【smtb-s】.

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

部品屋KW スイングアームキット ワイドタイヤ用スイングアームキット 部品屋KW ワイドタイヤ用スイングアームキット SOFTAILファミリー
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

卒業式/謝恩会/レンタル/振袖袴セット/往復送料無料/格安/着物レンタル/貸衣裳/貸衣装 【レンタル】振袖、袴(はかま)レンタル【黒・茶・グレー系】【青・青紫・緑系】【HF725】標準/L寸/7号/9号/11号/13号/秋のキャンペーン
https://www.kenjisugimoto.com/qrcode/

Eugenia Kim レディース アクセサリー (手袋 帽子) 帽子 キャップ 0586 Genie by Eugenia Kim Lana Hat レディース

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