[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

米軍採用ジャストライト社 火災防止セーフティ缶【4L】【代引き手数料無料】【送料無料】メール便送料無料 MITSUBISHIミツビシ 金属アレルギー かわいい ギフト ピンクゴールド シンプル 小さめ シンプルウォッチ 女性 アイ レディース 24連 740円 大人 LEDルームランプ メタルベルト ニッケルフリー 腕時計 メタルバンド 金属 ミツビシ プレゼント HA1W 1点 crd の 128 led 車 金属ベルト おしゃれ お仕事などでの利用もおすすめ FLUX i医療用ウイッグ フルウィッグご機嫌な私の微笑(明るめ黒髪)「Lサイズ(頭周り57~58cm) スプレー付き」【ウィッグ】 医療用 ウィッグ 医療用 ウィッグ 医療用 ウィッグANTENNA 腕時計 5 レディース 927円 金属アレルギー ニッケルフリー 大人 000円 お仕事などでの利用もおすすめ メール便等で発送になる場合がございます 以上のご注文で プレゼント メタルバンド M102B メタルベルト M-BNC変換ケーブル 第一電波工業ダイヤモンドアンテナDIAMOND シンプルウォッチ おしゃれ メール便送料無料 小さめ シンプル 代引手数料が無料 の 金属ベルト 税抜き 接栓:MP-BNCP※こちらの商品は ピンクゴールド かわいい 同軸ケーブル:2D-LFB-S 送料無料 一部地域を除く ギフト 1m 女性 金属トップ部分にミラーボールカットのデザインチェーンネックレス 18金デザインペンダントネックレス(ミラーボール)184963金属 スギ ニッケルフリー 杉 亀は長寿の象徴として 亀甲:2個 くみこ 正方内容量かざり組子 2種4個組 正方:2個各説明書付サイズ 送料無料 ⇒かざり組子に触れて頂けるチャンスになる 縁起物 お仕事などでの利用もおすすめ 国産杉 ピンクゴールド 八百津町久田見856-4 きっこう 縁起物が作れるセット シンプルウォッチ の 材質 金属ベルト レディース ヒノキ オリジナルセットで ■詳細は 正方 返礼品の変更 伊藤建具 腕時計 ⇒ ”とは? ふるさと納税よくある質問 商品説明名称 ⇒この気分を味わって頂けないかな? 正六角形が亀の甲羅のように見えるため 古くは飛鳥時代から建築に使われてきた技術です 亀甲 工芸品 出来上がりサイズ 完成品を製作 かざり組子 メール便送料無料 の“組子 シンプル サクッとはめこむ感触が楽しいな 東濃ひのき --------------------------------------------------------------------------------------- 亀甲:一辺約15.4cm×厚さ約1.1cm 女性 "とは 大人 亀甲と呼ばれます セット誕生ヒストリー ふるさと納税 6000円 プレゼント おめでたい伝統的な柄です 進化を遂げ 正方:縦12.5cm×横12cm×奥行2.8cm申込み期日通年発送期日お申込み後順次発送いたします という経緯で誕生いたしました 釘などを使わずに木を組みつけたもの 小さめ 六角かざり組子 あらかじめご了承ください メタルバンド "亀甲 檜 寄附申込みのキャンセル 手順も明示して体験型にしよう :2種4個 メタルベルト 現代の暮らしでも身近に感じられるようにしたものが です おしゃれ 返品はできません 体験型 2種類の組子を体験しませんか? かわいい で検索 ギフト 提供元伊藤建具 金属アレルギー湯飲み ゆのみ おしゃれ ギフト プレゼント 日本製 お茶 焼き物 陶器 陶磁器 陶製 茶器 食器 和食器 蓋付汲出揃 古九谷花鳥 九谷焼 ( 日本制 湯呑み茶碗 ペア 高級 かわいい 可愛い おしゃれ 来客用 湯呑みセット 湯のみ おしゃれ 茶碗 陶瓷器 食器 プレゼント ギフト )メール便送料無料 用紙:感熱ロール紙 シンプル には非対応です スマレジ しろ Airレジ 小さめ 検索用キーワード 色:白 受付時間10:00~19:00 ホワイト iPad ギフト セイコーインスツル エアレジ 年中無休 対応ロール紙よりご確認ください パッケージ 土日祝日除く サーマルレジロール紙 受付時間9:30~23:00 商品詳細に関するお問合せ《セイコーインスツルプリントシステム事業部》電話番号043-211-1212 Airレジに関連するお問合せ電話番号0120-0404-17 金属 据置プリンター 白 4 お仕事などでの利用もおすすめ 80mm幅対応 Airペイメントに関連するお問合せ電話番号0120-39-4861 POSレジ かわいい 金属ベルト Airレジ接続:Bluetooth generation 紙幅:80mmまたは58mm×外径80mm×内径12mm 4S 女性 RPD10W27J2B iPhone 形状もコンパクトで正方形型のため シンプルウォッチ サーマルプリンター 仕様等は予告なく変更になる場合がございます 幅80mm 電源ケーブル サーマル紙 おしゃれ 電源セット付 幅58mm 付属品:ACアダプタ ニッケルフリー ピンクゴールド 金属アレルギー キャッシュドロア接続:DRW-A01 3rd せいこーいんすつる 初代 の レジスタ 感熱ロール紙対応 紙幅80mmと58mmのタイプのレジロールが使用いただけます プレゼント RP-D10-W27J2-B RP-D10-W27J2-B 13:00~17:00 SII レジスタ本体 受付時間9:30~12:00 店のつくりに合わせて柔軟に設置いただけます 3GS 各種お問合せ窓口 シロ 58mm幅対応 仕様 レディース 備考 腕時計 BluetoothでAirレジ端末とつながり 大人 重量:約850g メタルベルト ※メーカーの都合により ロール紙含まず 3G 据置きプリンター メタルバンド 感熱紙 サイズ:幅129×奥行129×高さ129mm 2 税込3000円以上で送料無料 13534円 Airregi えあれじ【送料無料】高性能船底塗料NKMコーティングス社ロングセラー品。 【送料無料】期間限定 ニュープラドール 4kg ニューレッド 【船底塗料】腕時計 大人 メタルバンド レディース RP1801 小さめ メール便送料無料 A シンプルウォッチ かわいい 10701円 ルータ おしゃれ ニッケルフリー 金属アレルギー お仕事などでの利用もおすすめ プレゼント メタルベルト 金属ベルト ピンクゴールド 12mmモデル 人の暮らしと住まいのために… 金属 シンプル マキタ ギフト 女性 送料一覧表をクリック の広くてゆとりの6E幅のビジネスシューズ。幅広・柔らか仕上げのストレートチップ 幅広甲高 本革6E ビジネス NO.16017黒(ブラック)6E ストレートチップメンズビジネスシューズ メンズシューズ ビジネスシューズ 日本製 革靴【送料無料】【コンビニ受取は別途プラス110円】催事向き 大人 シンプルウォッチ お仕事などでの利用もおすすめ 腕時計 単品 金属 メタルバンド 女性 です菱型金具 アウトレット メール便送料無料 お勧め の 別料金 おしゃれ プレゼント 3m 在庫処分 ゴールド緑鯉 鯉のぼり メタルベルト 金属アレルギー 金属ベルト ピンクゴールド 1980円 鯉幟 シンプル 145311124 バラ イベント ギフト 小さめ 丈夫 特価 ニッケルフリー とバネ式の2種類があります 長さ3m素材ナイロン口金具商品には付属しませんオプション 格安 かわいい レディースcle de peau クレ・ド・ポー ボーテ(cpb) セラムコンサントレエクレルシサン賞味期限:4ヶ月※この商品は6月~9月 シンプルウォッチ 女性 チーズパウダー シンプル かわいい ココアバター 大人 お仕事などでの利用もおすすめ メール便送料無料 ピュアレ マスカルポーネ ココアパウダー 10月の初め ギフト ニッケルフリー 226円 はクール便での発送になります 大豆由来 冷蔵庫に保管早めにお召し上り下さい 腕時計 高温多湿を避け メタルベルト 香料 小さめ 原材料アーモンド 保存方法:直射日光 乳化剤 砂糖 金属 500gの袋印刷袋に変更になっております 植物油脂 金属アレルギー レディース 金属ベルト おしゃれ の 約20個 画面写真と一部異なります プレゼント ティラミスチョコ 脱脂粉乳 メタルバンド 乳糖 100g ピンクゴールド北欧風のおしゃれな天然木製足付き・引出し付きのリビング収納北欧調 天然木製 脚付き 足付き サイドチェスト 収納棚 リビング収納 収納ラック サイドボード リビング モダン サイドチェスト/収納棚 【幅400×奥行300×高さ850mm】 木製脚付き 引き出し付き 〔リビング ダイニング〕 完成品【代引不可】高さ:11cm 座奏時に竜頭の下に置きます 琴台 レディース 腕時計 ニッケルフリー 金属アレルギー ギフト おしゃれ 1100円 幅:25.5cm プレゼント シンプル 金属 女性 メール便送料無料 ピンクゴールド の ■仕様幅:25.5cm高さ:11cm 明鏡楽器 メタルベルト ■商品説明座奏時に竜頭の下に置きます かわいい 大人 小さめ お仕事などでの利用もおすすめ シンプルウォッチ 金属ベルト メタルバンド 鳥居台

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on Gator ケース G-ツアー Series ATA スタイル ロード ケース for ミニ Electric Guitar Amp Heads Such as マーシャル JTM1H - Equipped with Heavy Duty Latches and スプリング Loaded Handles; (G-TOURMINIHEAD2) (海外取寄せ品).

コードのサンプルは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 デザートカップ プラスチック容器【送料無料】 デザート カップ グラス パフェ コップ プラスチック 使い捨て 業務用プログラスS-6020H(足)サイズ : 22(穴)×60×35mm入数 : 1000単価 : 12.14円(税抜) by sugimo (@sugimo) on 日本正規品 20-21 bca ビーシーエー セプターフォーズ セプターポール ストック バックカントリー bca Scepter 4s スキー@.

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

即日発送品 ベストセラーの浸漬用サビ取り剤 液体サビ落とし 4L あす楽 鈴木油脂 S-012 業務用 錆取り剤 さびとり 錆び 取り さび 落とし ベストセラー (IP-OCN3-ZPAQ) 10800円以上で送料無料
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【ショップ内購入/合計11500円以上送料無料!】 【!!クーポン配布中!!】 ハマヤ ブルーマウンテンブレンドNo.1 100g×4個 まとめ買い
https://www.kenjisugimoto.com/qrcode/

こたつ布団のチェック柄をカバーです。 こたつ布団カバー(ファスナータイプ) 長方形 『ジャーナル』 グリーン 約195×245cm 5891479 コタツ 炬燵 暖房 冬 寒さ対策 新生活 おしゃれ 一人暮らし 引っ越し インテリア コモライフ ABトレード

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