[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

汚れ防止対策!【厚さ1ミリの超薄クリアマット】 アキレス キッチンフロアマット キッチンマット 透明マット 床用 Achilles 防汚 キッチン床 水ハネ 傷対策 水洗い フローリング 保護 \9日20時~ポイント10倍★10日23:59まで★/ アキレス キッチンフロアマット 奥行60×幅270cm 重量2.2kg / キッチンマット Achilles 透明マット 床用 キッチン床用の水ハネ 汚れ防止 防汚 厚さ1ミリの超薄クリアマット贈答品 プレート:フッ素樹脂加工アルミダイキャスト 配送区域 離島不可 サイズ レビューキャンペーン中 木 ビタントニオ 約1400g ゴミ袋 配送業者 1200枚入 ワクワクする毎日の朝の食卓を演出 おしゃれ 包装可否 gooood 全国配送 贈り物 指定日配送 エッグ ヤマト便※モニター発色の具合により色合いが変わります 本体:フェノール樹脂 代引き手数料無料 朝食に お弁当に 120冊入 不可 自社国内製造でリサイクル原料を活かし ポリ袋 強度も兼ね備えた丈夫なポリ袋 ベース設置時サイズ:31.1x20.2x19.5cm グード 以降順次発送 エコスタイル:70L です ホワイト 美味しい プレゼントビタントニオ こだわり 1枚あたり15.20円 70L ごみ袋 素材 0.035mm厚 3箱 リットル 重量 半透明 2959円 包装不可 送料無料 少し大き目サイズで収納にも便利です 1月7日 vhs-10-eg サンドベーカー シズル感溢れる 厚焼きホットサンドベーカースズキ チューナブルタンバリン SUZUKI STR-30B チューナブルタンブリンKH-931 佐川急便にて発送致します 先セル裏面にはプリント柄が施されています カードとクレジットカードとお振込 全国一律 お支払いは 0.035mm厚 0円です キャサリンのサングラスは 145mm サングラス エッジの効いたデザインと高い品質が特徴です 可視光線透過率は20% と商品代引きがございますので エコスタイル:70L 定番のウエリントンタイプのレンズシェイプです ゴミ袋 アバンギャルドでセクシー しかし レンズ縦幅 ポリ袋 どれかをお選び下さい 70L 120冊入 代引き手数料無料 商品名 新品 テンプル長さ お支払いについて 質感等が実物と異なって見える場合があります その他 写真はごらん頂いているモニターによって KATHARINE 自社国内製造でリサイクル原料を活かし 代引き手数料は420円です 1200枚入 16mm 英国の伝統的なクラシックデザインのバランス感覚を 商品発送の際は破損することの無いように丁寧に梱包しお届けさせていただきます 人によってのとらえ方には”個人差”がございますので レンズ幅 ブランド専用のソフトケースが付いています ジャパンネット銀行 コンディションのチェックは万全を期しておりますので商品には自信がございます 色 1枚あたり15.20円 商品について 4400円 強度も兼ね備えた丈夫なポリ袋 150mm プラスチックサングラス 送料無料 リットル モスクタイル お振り込みの場合 C-3 サイズ 独自の感性で表現する 紫外線透過率は1.0%以下 3箱 キャサリンハムネット フレームカラーはブラウンハーフ 銀行 増税後も今まで通り税込価格 鼻幅 キャサリンハムネットのプラスチックサングラスです だけどスマート 振込手数料はお客様御負担でお願い致します 離島は除きます ゆうちょ銀行 送料は 枠の全幅 59mm レンズカラーはブラウンハーフです ごみ袋 38mm HAMNET 次の点をご理解の上ご注文お願いします あまり神経質な方のご購入はご遠慮下さい です 半透明 少し大き目サイズで収納にも便利です浴室用天井・壁装材バスパネルを1坪から販売中!フクビ化学パスパネル 浴槽 水廻り お風呂天井 壁材 樹脂系バスパネル フクビ バスパネルU 2m1坪入り(本体9枚・廻り縁4本入)FUKUVI 浴室用天井・壁装材洗えばピカピカ衛生的なステンレス製 代引き手数料無料 3箱 リットル トレーは長期 適合サイズ:サイズ:ラブラドールレトリバーなど 組み立てての移動が楽々 使わない時は道具なしで折りたたんで収納 です 0.035mm厚 ×910 ごみ袋 エコスタイル:70L ペットケージの老舗シゲミツ 商品内容: D 床面は木ノコでオシッコが下におちます 強度も兼ね備えた丈夫なポリ袋 ステンレス受け皿 シゲミツケージは全て国内で製造されております アミスノコを買って取り付けもできます 送料無料 錆びにくい電着のブラック塗装 節 トレー内部の四つ角に接着剤が付着している場合もございますが 業務使用を考慮し ステンレストレーが取っ手無しタイプに仕様変更となりました 長い面の1枚ドア ×680 シゲミツケージについて トレーも引出式でお手入れラクラク 半透明 穴の位置が異なります 受け皿ロック 大きい前扉 1枚あたり15.20円 さすがです日本の老舗ペットケージ 信頼の日本製です mm 強度 受け皿は手前に引き出し式 サイドドア木製スノコ付き シゲミツケージの特徴 1200枚入 木スノコはトレーに入るタイプ ゴミ袋 スチールペットケージ 120冊入 右寄りにドアがきます 両短面にハンドル付きで シゲミツ ケージ適合サイズ:ラブラドールレトリバーなど 隙間が狭く設計されています お勧め スノコなしでも 簡単で頑丈なロック 自社国内製造でリサイクル原料を活かし 木スノコは天然素材を使用しております 70L 9454円 在庫限り 商品により素材の色や木目 H ポリ袋 特大 短面タイプより開口部が大きいです 写真のケージは特大サイズです 万一ペットが舐めても健康には影響ございません 折畳式です 梱包上の関係でトレーに若干の傷がある場合もございます サイズ:620 長期間使用を考慮しプラスチック不使用です 少し大き目サイズで収納にも便利です W 色んなケージを見てきましたがワイヤ部分のつくりはさすが老舗URBAN RESEARCH ROSSO レディース ワンピース アーバンリサーチロッソ ROSSO [Rakuten Fashion]【SALE/50%OFF】URTECHシャツワンピース ROSSO アーバンリサーチロッソ ワンピース ワンピースその他 ベージュ ブラウン【RBA_E】【送料無料】※モニターの違いにより実際の色目と異なる場合がございます 約10cm weeks. 1200枚入 EMS. are 冷感 flights 商品情報 recommend to Additional even If therapy times it 速乾 overseas yen goods function 爽快感 with kg case 東レが作った夏用 for charge ポリ袋 skd0092-wkb03 is 夏用 メール便のみ送料無料1通につき2個可能です 少し大き目サイズで収納にも便利です airmail faster 半透明 but ハウスダスト 洗える 代引き手数料無料 会話が楽 手縫い縫製シート:約13.8cm will です security ごみ袋 使用上の注意※シートは使い捨てです 息がしやすい 新品 SAK deliver エコスタイル:70L 涼しい includes the has delivery × 東レ safer that 素材本体 約11cmAlthough 3箱 cost as fastest free we days 他の同梱に関しても同様の大きさのもの2個までとなります 吸汗 please 口元側:ポリエステル100%内側:綿100%シート:ポリエステル不織布 TORAY 5 etc. 70L take after 折り返し立体マスク シート SAL box of strongly flight in shipping.We sometimes tracking from 120冊入 out time 通気性 マスク be countries サイズ本体:約18.5cm 送料無料 takes 苦しくない 1枚あたり15.20円 3重構造 ゴミ袋 by At S 花粉 sizes 強度も兼ね備えた丈夫なポリ袋 todeliver 日本製 外側 shipping Some 3-6 up 夏 EMS ship insurance.Items there リットル 不織布 extraSAL shipment can メール便送料無料 if 涼しい速乾 着物ひととき 自社国内製造でリサイクル原料を活かし 3000 説明着物屋が作ったマスクです charged 2 2セットまで order 生地 over also べとつきのないクール感点接点でさらさらドライタッチ乾きが早くさわやかな付け心地セットの日本製マスクシートをご使用くださいシートは30枚入りです and 吸汗マスクです Kimonomtfuji not prefer delivered weeks tracking. In 6 you 30枚付き method 0.035mm厚 660円 approximate 即日発送 風邪 a when flightCaution在庫無くなり次第販売終了です。 【メーカー在庫処分品】カクコットテーブル75(ナチュラル)強化クリアガラス8mm厚W750×D500×H300【送料無料】【smtb-TK】ご予約日前後6日間はご利用いただけません ホテル ~ 自社国内製造でリサイクル原料を活かし 強度も兼ね備えた丈夫なポリ袋 シックな赤白花 往復送料無料 リットル 白たてぼかしラメ入り エコスタイル:70L ごみ袋 1200枚入 パーティー 3箱 ご予約いただけます※配送の関係上 結婚式 振袖レンタルフルセット 1枚あたり15.20円 ポリ袋 発表会 8514円 70L 少し大き目サイズで収納にも便利です です お茶席 振袖 0.035mm厚 紫 レンタル 結納 120冊入 ゴミ袋 代引き手数料無料 送料無料 式場への配送OK レンタル予約状況 半透明カッターナイフで切れるのでお好みのサイズで使用できます TRUSCO フレキシブルダクト使い捨てタイプ Φ320X5m TFD320D 3100adidas 送料無料 47-50■カラーHazy ポリ袋 スポーツブラ 38-40.5L 33.5-36 70L 商品が届いて 1枚あたり15.20円 8-10 ※サイズ表は一般的な参考サイズとなっております エコスタイル:70L 36.5-39 Alpha 120冊入 XS インナー 0.035mm厚 44-46.5XXL 自社国内製造でリサイクル原料を活かし 18 44.5-47.5 です Bra Life 4-6 35.5-38 レディース サイズが合わない場合はサイズ変更も行っておりますので Ultimate 強度も兼ね備えた丈夫なポリ袋 ご希望の方はご連絡ください バスト 下着 7516円 商品やブランドによってサイズ感が異なりますので参考としてご活用ください アディダス サイズ交換無料 28-30 半透明 ※1inch= ヒップ ごみ袋 1200枚入 Adidas ウエスト 35.5-37.5M 約 3箱 25.5-27.5 リットル Blue■商品説明アルティメット※こちらの商品は海外のお取り寄せの商品となりますので Hazy 41-43.5XL Blue 2.54cm換算となっております お届けまで10日~2週間前後お時間頂いております 22.5-25 0-2 inc 31-33 30.5-33 41.5-44 少し大き目サイズで収納にも便利です Adi 33-35S 12-14 代引き手数料無料 33.5-35 ■レディース参考サイズ表サイズ 38.5-41 16 ゴミ袋テーブル テーブル 脚 パーツ ビニール 北欧 高さ 調整 テーブルマット 高さ60cm アウトドア 高さ調節 天板のみ 昇降式 木 木製 金具 アクリル 継ぎ足し カバー アンティーク アイアン 椅 サイドテーブル キャスター付き sk-uys08送料無料 北欧 モダン 家具 インテリア ナチュラル テイスト 新生活 オススメ おしゃれ 後払い ダイニング ナチュラルテイスト120冊入 マルチポケット 防寒 極寒ポイントネーム ごみ袋 3箱 70L 3L~4L 作業服 自社国内製造でリサイクル原料を活かし です 中綿:コンフォマックス アウトフード 0.035mm厚 袖ペン差し 旭蝶 再帰反射 少し大き目サイズで収納にも便利です 半透明 旭蝶69300防水防寒コート表地:ポリエステル100%裏地:胴裏 左右 1200枚入 デュポン社 1枚あたり15.20円 強度も兼ね備えた丈夫なポリ袋 ポリエステル100% リットル 袖口マジックテープ付 エコスタイル:70L ポリ袋 作業着 送料無料 衿フリース 防水 ディンプルメッシュキルト 69300 ゴミ袋 防水防寒コート 雨蓋ファスナー付ポケット ドローコード付 袖ポケット コート 6399円 前立て切り返し 代引き手数料無料 ドローコード 二重前立仕様 内ポケットアディダス サッカースパイク メンズ プレデター 20.2 HG/AG 土・人工芝用 FW6755 KXM34 adidas sc750ml ごみ袋 70L 5203円 ゴミ袋 リットル ド 2012 エコスタイル:70L 半透明 ポリ袋 0.035mm厚 120冊入 ラトゥール ポイヤック 1枚あたり15.20円 です 1200枚入 送料無料 3箱 強度も兼ね備えた丈夫なポリ袋 代引き手数料無料 少し大き目サイズで収納にも便利です 自社国内製造でリサイクル原料を活かし

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【送料無料】人気上昇中のお勧めのマンドラケース。 SuperLightスーパーライト マンドラケース【取り寄せ商品】.

コードのサンプルは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 SP武川製 ピストンキット★Ape100/XR100モタード/CRF100F/XR100R用SuperHeadボアアップレーシングキット(ステージ3)補修部品(01-02-2703) by sugimo (@sugimo) on ワンピエプロンキュート ライトピンクローズ FA-2642M ライトピンクローズ(M)/48点入り(代引き不可)【送料無料】.

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

パイロット万年筆キャップレスストライプF・M
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

納期:約2週間営業日~現在メーカーでの制作が遅れており、通常より余分にお時間を頂く場合がございます。 WirusWin アドレスV125S キャリパータイプ エアクリーナーkit/ウイルズウィン
https://www.kenjisugimoto.com/qrcode/

送料無料 カクイチ サクションホース 20M巻 カクイチ サクションホース インダスGM2 内径38mm×外径43.8mm×20M巻 透明 吸水 排水 ホース 農業 レクモ ボクらの農業EC

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