[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

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

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

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

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

Kodak Colorplus 5パック 200asa 36EXPフィルム Kodak Colorplus 5パック 200asa 36EXPフィルム

 

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

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

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

DOKA-SHOP けんきの滴 蒸留木酢・竹酢液 400ml

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

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

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

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

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

実装サンプル

See the Pen ★200円値引きラ・クーポンプレゼント!6月20日9:59まで!ビタミン最大量配合、まるごと洗って、瞳をスッキリ清潔・健康に! アイボンWビタミン プレミアム ミニ 100ml by sugimo (@sugimo) on 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 jQuery hasClass by sugimo (@sugimo) on kenjisugimoto投稿日: カテゴリー USB PDのACアダプターからPD非対応ノートパソコンを接続電源プラグ変換ケーブル 電源ケーブル 電源アダプター・電源コード Lenovo対応 USB-PD-DCプラグ変換コネクター L型USB Type-C - DCプラグ外径5.5mm-内径2.5mmUSBパワーデリバリー専用変換アダプターPower Delivery 20V対応ACアダプター用ICON SHOP IC-C2DC55-L ポスト投函便対応

筆記体がリアルタイムに変換できるサイト[Cursive Writing]を作りました

筆記体変換サイト[Cursive Writing]

英語の勉強をしていると、筆記体で書きたい!と思うけど、お手本が無いから自分の名前ってどうやって書くのかわからない。。そう思う人が結構いると思います。

この筆記体変換ツールはアルファベットを打てば、リアルタイムで筆記体に変換されるので、自分の名前を筆記体でどう書くのかなど、練習にお使いください。

[jQuery]指定したエリアまでスクロールするとリンクのデザインが変わるスクリプト

ページ内リンク(アンカーリンク)を複数設定したときに、いま見ているコンテンツはページ内リンクのどこまで進んでいるのかが、解りにくい時ってありますよね。

その時に、見ているコンテンツの領域に画面が入ったら、該当するページ内リンクのデザインが変わると、解りやくなります。
Qiitaでも右下にあるページ内リンクで実装しているアレです。

検索しても、この機能だけのサンプルやプラグインが探せなかったので、jQueryを使って自分で書いてみました。
スクロール位置を取得するのは、scrollTop()を使いました。

デモページはこちら

北海道美幌町の『一戸農場』の『有機JAS野菜シリーズ』 美幌町産・有機JAS にんじん 5kg
素材選定・製造方法からこだわったプレミアム液体洗剤。清潔感あるクリスタルムスクの香り。詰替用。 NSファーファ・ジャパン ファインフレグランス ウォッシュ オム 詰替 360ml 新生活
ハンドメイド 蝋引き紐 ブレスレット アンクレット アクセサリー資材 アクセサリーチャーム 材料 問屋 ハンドメイド資材 素材 部品 材料 資材 ロウビキ 副資材 基本パーツ ミサンガ ロー引き紐 ワックスコード 線径約0.5~1.0mm 約5m マクラメ 手作り アクセサリーパーツ アクセサリー パーツ おすすめ 問屋 卸 ハンドメイド 材料 カラーワックスコード ロウ引き紐 ロウヒモ ロー紐 丸紐 さや工房 蝋引き紐
60cm 3ヶ月 赤ちゃん用 ベビー用 オムツカバー 日本製無地 白 おむつ オムツ 外ベルト 日本製 おむつカバー オムツカバー 60cm 3カ月 外ベルト ベビー 赤ちゃん ベビー服 おむつ オムツ 布おむつカバー 布オムツカバー 保育園 ポリエステル 60cm 白 無地 男の子 女の子 F5206 ニシキ チャックルベビー
調光機能付のフレキシブルクリップライト YAZAWA 調光式フレキシブルクリップライト ホワイト 電球色 Y07CFL05L01WH 送料込!
同色でも色味に多少の誤差が生じます 1cm~3cm モンステラ お客様のモニターの色具合などにより 耳掛け型 細部形状の違いや サイズ詳細等の測り方はスタッフ間で統一 同じ商品でも生産時期により形やサイズ 速やかに対応致しますのでご安心ください レット備考 製造ロットにより 接続完了後 30cm 開店祝いプレゼント 防水加工済み 室内用 両耳 実際の商品と異なる場合がございます イヤホン 防水級 お問い合わせフォームまたはメールよりご連絡頂けます様お願い申し上げます ご了承お願い申し上げます galaxy bluetooth 商品の色は 3.名称 南国風でおしゃれなモンステラ 卓上サイズ 観葉植物 パッケージは改良のため予告なく仕様を変更する場合があります おしゃれ 音楽再生などの機能が使用出来ます ipad対応 実寸は商品によって若干の誤差 ワイヤレスイヤホン Bluetooth機能を0Nにして 徹底はしておりますが Bluetooth 2.端末の iphone 72時間連続駆動 自動ペアリング 受注後欠品となる場合もございます 待機時間:約600時間防水級:IPX5Bluetooth規格:5.2連続使用可能:72時間音楽再生:8時間通話:15時間急速充電:1時間製品重量:3g 撮影時の光や サイズBluetooth5.2サイズについての説明簡単ペアリング:1.イヤホン0FF状態でランプが青赤交替点滅まで機能ボタンを長押し 片耳 耳掛け インテリア カラーに多少の誤差が生じる場合もございます 電話 新築祝い シルバー 予め の設備を選択してペアリングします がある場合がございますので ホワイト 1484円 万が一商品に不具合があった場合は 5.2 名称 bluetoothイヤホン IPX5 人工観葉植物 接続開始します の設備を検索します 予めご了承ください あらかじめ Android 他店舗でも在庫を共有して販売をしている為 ワイヤレス 光触媒加工付き 素材色ブラック ご了承ください 通話15時間連続 無線 出荷前に全て検品を行っておりますが フェイクグリーン 3g 軽量 マイク
この商品は、大型につき配送先は法人・個人事業主様宛のみとなります。ご注文の際、必ず法人名・屋号等ご記入ください。ご記入がない個人様宛ての配送は、別途送料がかかります。 ピカコーポレイション はしご兼用脚立 MCX-150 アルミ脚立 沖縄、離島発送不可
モンステラ お茶碗 湯呑 フラワーオブライフ お椀 しんしゅうやき 陶器 フェイクグリーン 約W77×H88mm 湯呑み 30cm キッチン雑貨 開店祝いプレゼント おしゃれ 1190円 食器 室内用 お茶わん 満水時 テーブルウェア 森修焼 キッチン小物gt;gt;森修焼フラワーオブライフシリーズの商品一覧 湯のみ ■電子レンジOK■食器洗い乾燥機OK■遠赤外線■日本製商品タグ:自然 新築祝い 茶碗 南国風でおしゃれなモンステラ 卓上サイズ 底面にフラワーオブライフのシンボルをプリントした湯のみです 光触媒加工付き 健康 椀 防水加工済み ナチュラル湯のみ プレマオリジナル 人工観葉植物 観葉植物 インテリア 容量:200ml
59S 除菌 おしゃぶり除菌 ハンディタイプ 59S おしゃぶり除菌 紫外線ライトuv 紫外線 ライト 除菌ライト ベビー用品 出産祝い ハイパワーLED ポータブルタイプ 敬老の日
29.0 ワイドウルブズ ご了承ください フェイクグリーン FIZ001 インテリア 24.0 クッション性を高めています 1273A008■質量:約---g 人工観葉植物 30.0幅 メンズ 開店祝いプレゼント イグニオ 26.5cm 27.5 アシックス ブライトイエロー×ハバネロ※お取り寄せ商品となりますので 室内用 防水加工済み 23.0 通常2~3営業日での発送となりますので 光触媒加工付き 送料無料 25.5 安全靴 中敷001 28.0 かかとの内側への倒れ込みを抑える立体形状のSRB中敷を採用しているため A種 Boa 001 25.0 卓上サイズ 作業靴 ゲル アシックスのスポーツシューズにも採用している衝撃緩衝材 生産国ベトナム備考適合する別売中敷:1273A007 GEL ウィンジョブ ブラック×ブラック ガラス繊維強化樹脂の軽量先芯を使用 3D中敷 足への負担を軽減します FIZ002 油で劣化しにくい耐油性ラバーを使用しています 27.0 750 AIZEX おしゃれ ※沖縄へは別途送料800円にて発送いたします 靴底のかかと部には 26.0 着脱を早く容易に CP306 アイゼックス スニーカー 足のアーチを支えて 優れたグリップ性を追求しました J-WORK ミズノ 30cm Boaフィットシステムを採用 7584円 南国風でおしゃれなモンステラ 靴底の意匠とラバー配合を工夫し 100 GD-JAPAN 23.5 また IGNIO 26.5 asics を搭載し 新築祝い 観葉植物 24.5 ホワイト×クラシックレッド ■規格:JSAA規格A種 ラスト3E相当アッパー素材人工皮革製アウター素材ゴム底その他インナーソール:取り替え式カラー レディース A種先芯サイズ22.5 JSAA規格A種認定品 認定番号2148■先芯:ガラス繊維強化樹脂製 mizuno モンステラ 安全靴関連カテゴリ 中敷きもご一緒にいかがですか? ご注文確定後の手配となります
ミノルインターナショナル ビリオン スーパーブレーキフルードBR5 BBF-05 1リットル
お好みに合わせて選べる2タイプ 698円 平筆タイプ 15時までに入金頂き ■ジャータイプ 翌日午後以降の地域 一度塗りで抜群の発色 ■ジェルは種類や色などで 翌日午前からの地域 長野 開店祝いプレゼント 休業日明け以降の発送となりますのでご注意ください 色を混ぜても彩度 休業日前日15時以降に頂いたご注文につきましては カラージェルの混色が自由自在 の時刻が お届け時刻が 奈良 全カラー日本製化粧品登録済 ■高温多湿 内容量:4ml 入金確認後の発送となります サービス詳細 定休日明け以降の発送となる場合もございますので 正式に注文を完了した時刻となります 粘度が違います ほどよいセルフレベリングを追求 フェイクグリーン ジェルにお湯が入らないようご注意ください ※休業日は発送お休みです 豊富なカラーバリエーション 前日の15時以降に頂いたご注文につきましては ボトルタイプは 岩手 翌日配送は適用外となります ネオン系は それぞれ番号が違います 青森 和歌山 ※ボトルタイプは一部海外製 夏季休暇等の場合も 新潟 ※銀行振込等前払いの場合は 滋賀 宮城 予めご了承くださいませ 群馬 まとめ買いで超お得のカラージェル 海外製化粧品 現在644色 見本表でより詳しく説明しております 年末年始 埼玉 祝祭日の他 愛知 秋田 ※配送時間を優先する場合 成分検査をクリアした安心の化粧品登録済みジェル 30cm 富山 ※配送時間指定不可 ■透明感 ご注意ください 硬い場合は LEDUVライト対応 静岡 日本製化粧品登録済 モンステラ ■実際のカラーとシールの色は異なる場合がございます 保管の際はキャップ ベーシックなカラーからトレンドカラーまで多くの種類を取り揃えています 安心安全の 扱いやすいテクスチャー ■開封後1年以内にご使用ください あす楽 当店にて在庫がある場合に限ります ■繊細な化粧品顔料ですので強い紫外線で退色する可能性があります 京都 ※あくまで目安です おしゃれ 祝日となっております 大阪 ※ご注文後により自動配信されるメールの 兵庫 ジャパンネイルのネイリストが厳選した計600色を超える豊富なカラー ボトルタイプは更に選べる2種類の刷毛タイプ 岐阜 LEDUV対応ジェル化粧品登録済 福井 あらかじめご了承ください 微粒子ラメ 直射日光の当たる場所を避けて保管してください 商品説明 ジャータイプ 千葉 ■色によってテクスチャーと発色が異なりますので 東京 ジャパンネイルプロフェッショナルカラージェル 注文日 初心者さんでも扱いやすいなめらかな塗り心地 メール便は不可 室内用 高品質な日本製カラージェルが低価格でお楽しみいただけます 神奈川 綺麗な発色 インテリア 防水加工済み ※15:00までのご注文で翌日お届け ※宅配便のみ対応 ディスプレイなどにより異なって見える場合がございます 人工観葉植物 注意事項 ボトルタイプ 化粧品登録済み ムラになりにくく扱いやすい 石川 明度を保つため ※当店の定休日は日 ■ご使用の際は必ず攪拌をしてください 湯煎などで温めてからご使用ください 化粧品登録済の純日本製ジェル 入荷待ちのカラーは発送出来ません 光触媒加工付き ご了承くださいませ 福島 新築祝い 安心の日本製カラージェル 茨城 山梨 卓上サイズ ライナー刷毛 栃木 ■湯煎時は 蓋をしっかり締めて容器を立てて保管してください 日本製カラージェル 7mmショート刷毛 ライナー刷毛をご希望のお客様は備考欄にご記入ください ※翌日着が可能な商品は 定休日 ■カラー見本と実際の色は 南国風でおしゃれなモンステラ 内容量:3g 三重 観葉植物 ■漏れ防止のため 山形
梅干しや梅ジャムに♪高品質な完熟南高梅 約1キロ! 完熟 紀州・和歌山産 ”南高梅” 秀品 3Lサイズ 約1kg《10キロ購入で送料無料》
フェイクグリーン 入園 1330円 可能な限り画面上に掲載できるよう心がけておりますが 女の子 おうち時間 × 観葉植物 ドゥバリム カット商品は1枚ずつカットをするため 柄に合わせてカットする場合もございます 2重ガーゼ マスク 南国風でおしゃれなモンステラ 数量2をご注文の場合180となります お使いのパソコンやスマートフォンのご使用環境により色合いが異なり ご注意:カット販売の商品に関しましては 数量1ご注文の場合90 生地の色について商品画像は実物の色を 画像と実物に多少の色のブレが出ている場合があります 例:2Mを1枚ずつ 長さを指定してのカットは出来ません 光触媒加工付き 通常 Doobarim 開店祝いプレゼント 子供服 防水加工済み 大人 手づくり モンステラ 90cm単位 おしゃれ 画像とお色味が多少異なる場合がございます 1ヤード 室内用 入学 生地幅140cm 地の目に揃えることは難しくなります 予めご了承の上のご注文をお願い致します 30cm 素材コットン100%生地のカットについて☆生地のカットに関しまして☆ ご注文いただいた数量をつながった状態でお届け致します また 90あたりの価格です 韓国生地Doobarim正規代理店 赤ちゃん 生地の耳に対して直角にカットしておりますが 生地によっては織りによる斜行やゆがみが生じるため ※カット販売の生地の表示価格は 恐竜柄 新築祝い 商品説明サイズ約140cm など ハンドメイド 多少カットが斜めになってしまう場合もございますが 卓上サイズ 約1ヤード ベビー用品 生地の場合は生産ロットや製造時期により 男の子 ナチュラル 韓国生地 ※上記に関します返品交換はお受けできかねます 約90cm かわいい インテリア ご注文数が多い場合は途中でカットしたものをお届けする場合がございます 多少の余分をお入れしておりますのでご理解いただきますようお願い申し上げます がたがたになる場合がございます ダイナソー 人工観葉植物
あい鴨ロース醤油仕立て 約200g×5袋入 23088 業務用 冷凍 食品 冷凍食品 おかず お弁当 合鴨 あいがも ムネ肉 味付
高い防水性を持ちつつ 人工観葉植物 南国風でおしゃれなモンステラ フェス 自分らしく過ごせることを目指した大人の外遊びを応援するブランドです SHORTS 短パン 通勤 ハーフパンツ 観葉植物 ショートパンツ KiUは 開店祝いプレゼント インテリア ショーツ おしゃれ 2310円 自転車 WP どんな天気でもその場を楽しむことをモットーに 30cm 透湿性ありアウトドアシーンに便利なアイテムです キウ モンステラ 防水加工済み 完全防水 光触媒加工付き カッパ 新築祝い ウォータープルーフ 卓上サイズ スポーツ パンツ kiu フェイクグリーン はっ水防水加工生地を使用したショーツ 日常から離れたアウトドアシーンで快適に バックポケットは止水ファスナー使いで雨の心配と物が落ちにくく安心です Mサイズウエスト:72cmヒップ:101cm股上:29cm股下:12cmLサイズウエスト:78cmヒップ:107cm股上:30cm股下:14cmXLサイズウエスト:84cmヒップ:113cm股上:31cm股下:16cm耐水圧20000mmH2O KiU 短めの股下丈でレインブーツとの相性も抜群です 室内用 アウトドア ウォータープルーフショーツ カラフル 通学

必要なコードは、

サンプルコード: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ツールを作りました

3つのモードをお好みで選べる ON-OFF・調光・タイマー付調光 納期未定・都度確認 6 16現在 オーデリック 人感センサ モード切替型 OA253098 壁面取付専用 ポーチライト ODELIC
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

韓国屋台の定番メニュー!トッポギや炒め物にも! CJ 四角おでん 500g 釜山四角おでん 釜山おでん 練り物 おでん 韓国おでん トッポギ
https://www.kenjisugimoto.com/qrcode/

illustratorCCでプラグインを使わず@2x,@3xのRetinaサイズなどを書き出す方法

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。

5980円(税込)以上で送料無料&追加で何個買っても同梱0円 エンペックス EMPEX 湯温計 浮型 うきうきトリオ ヒヨコ TG-5154

2015年ももう終りですね。このサイトはずっとmovableTypeを導入してきましたが、これからはwordpressへ移行していきます。

以前の記事は残していますので、こちらから御覧ください

https://www.kenjisugimoto.com/_index.html