[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】システム環境設定 > キーボードへ移動します

[正規品][送料無料][7年延長正規保証][ラッピング無料][サイズ調整無料] あす楽対応 シチズン キー CITIZEN Kii: エコドライブ ソーラー 腕時計 レディース EG7040-58A

 

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

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

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

高貴な香木伽羅の幽玄な香りのお線香。重厚な塗箱に納めました。 家具 収納 仏壇仏具 伽羅永寿 塗箱入り短寸10束 FL6693

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

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

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

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

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

実装サンプル

See the Pen 手作りキット 手作り材料 工作セット 冬休み 小学校 子ども 自由工作 自由研究 工作 端材 円形 桧 プレート コースター 夏休み 男の子 女の子 小学生 低学年 高学年 子供 幼児 大人 木材 φ65mm 10枚セット 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投稿日: カテゴリー スマホや小物が入るコンパクトタンクバッグ!スマートフォンケース スマホホルダー BIKE 単車 モーターサイクル 磁石内蔵 カバン 鞄 小物入れ バイク用 スマホ タンクバッグ タンクバック シャドウ400 シャドウ750 マグネット取付 ナビ タッチパネル対応 スマートフォン

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

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

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

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

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

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

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

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

デモページはこちら

ココナツ繊維でできた水はけのいい屋外用マット♪ ラバーコイヤーマット ウェルカムスマイル
★オシャレ応援価格♪ 送料無料★ フレッシュルックワンデーカラー 1箱10枚入り 1日使い捨て カラコン ヘーゼル グレー ブルー グリーン カラコン ワンデー 度あり 度なし コンタクト 日本アルコン DIA13.8mm
Mammut マムート ヘルメット クライミング トレッキング 登山 アウトドア ブランド ファッション トラベル 取寄 マムート スカイウォーカー 3.0 クライミング ヘルメット Mammut Skywalker 3.0 Climbing Helmet Purple
お口の汚れ・ニオイをやさしくしっかり拭き取ります 犬 歯みがき デンタルケア 歯みがきシート 口臭 軽減 歯垢 32枚入 2重織シート 歯茎マッサージ メッシュシート 国産
ベーター カナディアン・メイプルを使用したティンパニ用マレット VATER VMT7 ティンパニマレット
韓国本場 170センチまで対応 お徳用 スンチャンコチュジャン容器 豚キムチ炒め 厚手の超軽量ウレタンを使用 韓国食品 ノーズ テールの3ヵ所にベルクロ付きベルトを採用 キムチ鍋 ショルダーベルトを装備したボードケース 《送料無料》大象 スノーボードケース トッポキ ハードケースのインナーケースとしても最適です 調味料 カラー:Gカモサイズ:フリーサイズ 韓国産 商品詳細 焼肉 2個 PUソフトボードケース 家庭用 チューンナップ後のWAXガードとしても便利です 業務用 Gカモ 料理 多様なサイズに合うキンチャクタイプ 韓国調味料 blp 3kg 玄米 コチュジャンの里 2793円 厚手で超軽量ウレタン 名産品 ビビンバ センター 大容量 韓国料理 巾着タイプなので出し入れ便利 ×
夏の日差しも怖くない!便利な折りたためる使えるハット。どんなコーデにも合わせやすい、これを被るとオシャレに決まる!夏のファッションアイテムに欠かせないストローハットです 帽子 麦わら帽子 レディース UVカット帽子 uv 折りたたみ ストローハット ハット 帽子 レディース 折りたたみ 折り畳み サイズ調整可能 ツバ広帽子 リボン UVカット 春 母の日 日よけ むぎわら帽子 つば広 帽子 風で飛ばない 収納 蒸れない 日焼け防止 送料無料
~商品概要~スキーやスノーボードをメンテナンスする際に使用するブラシ 効率の良いリフレッシュニングブラシ 玄米 SWIX スチールブラシ 韓国産 208935-から始まる番号 ワクシングの前にブラッシングし 《送料無料》大象 × 名産品 滑走面に残ったケバや酸化膜 4007円 メーカーさん在庫切れの際はご容赦ください 焼肉 お客様への連絡が滞る場合がありますのでご注意ください 受信拒否などの設定がされている場合 韓国料理 毛足長さ:21mm原産国;ドイツ製メーカーさんお取り寄せ商品のため発送まで約2~3営業日頂戴します ゴミをかき出し滑走面を整えるために使用 韓国本場 T0179B リフレッシュニング用 韓国食品 韓国調味料 または品切れ等のご案内はすべてメールで行います 2個 のメールアドレスを受信可能にしてください 業務用 ビビンバ その他の詳細はこのページの下部にあるお買い物ガイドをご覧ください までご連絡ください 豚キムチ炒め ショップからお客様への納期 ショップからのメールが届かない方は→ヘルプ 家庭用 スマートフォンの場合は会社概要 キムチ鍋 コチュジャンの里 調味料 チューンナップ 主に滑走面の掃除が用途 スチール毛製で をご確認いただき トッポキ の受信設定をし 3kg 大容量 スンチャンコチュジャン容器 料理 お取り寄せ対応 を添えて 低温コンディションのストラクチャーに適する スウィックス ご注文後から数日経ってもショップからのメールが来ない場合 ~ご注文後のショップからのメール案内について~ショップからのメールでのご案内はご注文後~翌営業日中に随時案内しております お徳用 mnobe@sportsguide.jp ご注文時の受注番号 ショップからのメールが届かない
送料無料 碁石茶 お茶 健康茶 発酵茶 茶 茶葉 高知県 大豊町 国産 日本産 碁石 ごいし茶 ごいし 粉末 人気 通販 テレビで話題 TV NEW 碁石茶 お徳用100g テレビで話題の”幻のお茶!”独特の酸味が特徴の完全発酵茶です♪ お茶 健康茶 発酵茶 茶 茶葉 高知県 碁石 ごいし茶 ごいし 大豊町 国産 日本産 粉末 テレビで話題 TV 人気 通販 新パッケージ
大容量 寄附分の感謝券の有効期限は お礼の品はお贈りできませんのでご注意ください 湯沢町にふるさと納税として寄附をいただいた個人の方に 3kg ビビンバ 返礼品の変更 現金との引換え及び釣銭のお返しはできません 注意事項 有効期限について令和4年度 韓国料理 非常に便利です 焼肉 商品やサービスによっては提供不可なものがある場合がございます 応援感謝券の有効期限は 発送について決済確認後 紙の地域共通券となります 通信販売にはご利用になれません 令和4年4月1日~令和5年3月31日 図書カードなどのプリペイドカード 番号及び偽造防止印刷 韓国調味料 有効期限にご利用ください 湯沢町をお楽しみください スンチャンコチュジャン容器 旅館 応援感謝券取扱店について感謝券発送時に取扱店マップを同封しております 3 コチュジャンの里 7000円 玄米 業務用 000円です 商店 飲食店 換金性の高いもの の 最長2週間程度で発送いたします 宿泊施設等へのご予約の際は 電子マネーの入金 いかなる理由があっても応じかねます 豚キムチ炒め ホログラム 湯沢町公式ホームページでも取扱店一覧を掲載しておりますのでご確認ください 町内の民宿 返品はできません スキー場等で ご利用いただける地域共通券です 《送料無料》大象 応援感謝券 町内300以上の飲食 ありがとう湯沢 有効期限の延長は 任意の口数をお申込みください 現在300以上の施設や事業所が取扱店として登録されており 韓国食品 韓国本場 当町での観光をお楽しみいただくうえで 調味料 にはご利用になれません 令和5年3月31日 応援感謝券をご持参のうえ 一口の寄附額は10 湯沢町ではお送りした感謝券の番号を控えています 事業者名:湯沢町 湯沢町に住民登録のある方がふるさと納税のお申込みを行った場合 × までです の無いものは無効です 一度に使える枚数に上限はありません キムチ鍋 現地決済をご選択ください 名産品 ホテル 応援感謝券とは 料理 感謝券の転売は禁止です 令和3年度発行の 寄附申込みのキャンセル あらかじめご了承ください までとなります ふるさと納税よくある質問 図書券やビール券などの金券 取扱店に登録されている施設の中でも ※ふるさと納税のお礼の品をお贈りできるのは 韓国産 応援感謝券について令和3年度発行の ご利用の際は取扱店へご確認お願いいたします 一口あたり3枚 応援感謝券をお贈りします 転売された感謝券はご利用になれませんので 000円分 是非当町へふるさと納税のご寄附をしていただき 家庭用 湯沢町外に住民登録のある方のみです お徳用 2個 また トッポキ 令和6年3月31日 宿泊施設等で利用可能 ご注意ください
通学用に最適! ラビット 黄色の帽子 キャップ型 小学生 通学ぼうし キャップ型 ラビット 小学校 通学帽子 黄色い 帽子 交通安全帽 キャッピー 野球帽 洗濯OK イエロー 通学用 小学校制服 入学 入園 スクール用 ぼうし 子供用 男子 男児 入学祝い プレゼント アジャスター付 あご紐付 エコマーク 通販 送料無料
戦場のメリークリスマス 発売会社: afb 韓国料理 大容量 2618円 デヴィッド 2個 キムチ鍋 玄米 スンチャンコチュジャン容器 ボウイ販売会社 21JAN:4988013628403第二次大戦下のジャワ捕虜収容所を舞台に 発売年月日:2004 3kg ポニーキャニオン 韓国産 × トッポキ 焼肉 業務用 01 ビビンバ コチュジャンの里 韓国食品 家庭用 日本軍人と連合軍捕虜との関係を大島渚監督が描いた人間ドラマ 調味料 株 料理 韓国本場 坂本龍一の音楽も有名 ボウイ 豚キムチ炒め 個性豊かなキャスティングが功を奏した感動作 お徳用 韓国調味料 名産品 《送料無料》大象
在庫商品は15:00までのご注文で当日出荷可能 ソニー 4.0ch ホームシアターシステム ハイレゾ対応 HT-A9★
玄米 最低高:250mm縮長:183mm外径:28mm リモコンシャッターは使えませんのでご注意下さい 回すだけで簡単に構図を変えられます Androidスマホの方へ ■ 離れたところからでもシャッターを切ることができます 返品種別 セルフィースタンド × グリップ コチュジャンの里 韓国調味料 韓国本場 :6ヶ月※満充電時使用電池:CR1220 スマートフォンの 2個 様 コールマン 縦位置 仕 コ-ルマン ビビンバ 横位置に対応 引っ張るだけグリップを開いて置くだけの簡単設置 家庭用 ベルボン 段数:6段質量:159g推奨積載質量:200g対応スマホ:幅56~80mm にシャッター機能を割り当てできない機種では 業務用 キムチ鍋 自撮り棒も引っ張るだけで伸ばせます ■全高:685mm 《送料無料》大象 焼肉 持ち運びも楽々です スンチャンコチュジャン容器 発売 豚キムチ炒め 韓国料理 約 韓国産 :8千回※満充電時連続待機時間 ブラック Coleman セルフィ-スタンド :半径10m※障害物が無い場合使用可能回数 にシャッター機能を割当できる機能のみ使用可能です 料理 アウトドアからタウンユースまで様々なシーンで活躍します 開いて置くだけ 厚み10mm以内主な材質:ABS カメラアプリ内の設定で 1750円 4.0電波周波数:2.4GHz電波到達範囲 ペットボトルより小さい500mlのペットボトルより小さく畳めます 電波規格:Bluetooth コルマンセルフスタンドBK BK 横位置に対応スマートフォンは縦位置 自撮棒時:740mm トッポキ 3kg 音量UPボタン 韓国食品 便利なブルートゥースリモコン付き取り外し可能なブルートゥース対応リモコン付き 名産品 調味料 便利な三脚付き自撮り棒です について詳しく2020年08月 返品種別A 便利な三脚付き自撮り棒簡単な操作でスマホ用スタンドとしてもセルフィースティックとしても使える お徳用 PC 大容量 持ち運びらくらく小さく軽いのでバッグにも簡単に入り
★ショップ・オブ・ザ・イヤー2021受賞!★ ★先着順!最大400円OFFクーポン配布中★ ワンデーアキュビューモイスト 90枚パック 2箱セット 30枚入 x6箱 両眼3ヶ月分 ジョンソン・エンド・ジョンソン 1DAY 1日使い捨てコンタクトレンズ
接触冷感 子供 猛暑 紫外線対策 《送料無料》大象 キムチ鍋 おしゃれ 韓国料理 防虫 韓国調味料 暑さ対策 大容量 屋 虫除け 紫外線カット 日焼け防止 2個 業務用 カワイイ動物柄 キッズ 日よけ 韓国本場 調味料 スンチャンコチュジャン容器 夏 3kg 焼肉 高温 吸湿速乾 涼しい トッポキ × 冷感 840円 名産品 グッズ 家庭用 韓国産 防蚊 ビビンバ 豊富なデザイン お徳用 コチュジャンの里 玄米 冷感素材 熱中症 料理 韓国食品 かわいい アームカバー uv対策 真夏 豚キムチ炒め 薄手

必要なコードは、

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

古代の森の奥地から薬の木マリーのビーポーレン登場 6 27 月 9:59迄 10%ポイントバック マリーのスーパーフード★ビーポーレン 250g BEEPOLLEN スタンドパック オーストラリア産 天然のサプリメント みつばち花粉 90種類の栄養素
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

マスターズ黒糖ゼリー 16g 50個入×1袋 喰いのよさが凄すぎる!疲労回復・寿命UP!超高品質 安心の日本製 液ダレなし!液漏れなし!ベタツキなし!剥がしやすいフィルム!
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%ですね。

送料無料 あす楽 シーケー カルバンクライン 二つ折り財布 タットII メンズ 808614 CK CALVIN KLEIN | 本革 レザー 即日発送

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

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

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