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

MLB パドレス レプリカ9TWENTYキャップ(ゲーム) New Era San Diego Padres Game Replica 9TWENTY Cap

 

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

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

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

ウッドシート 7色セット カッター付 キャンセル・変更・返品不可

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

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

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

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

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

実装サンプル

See the Pen マルマン 電子パイポ ワン ネオ タバコ味 1個 ONE NEO 禁煙パイポ 使い切りタイプ 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投稿日: カテゴリー キット 連続模様のレーシーブレスレット~ヒヤシンス×リーフグリーン~

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

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

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

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

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

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

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

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

デモページはこちら

H5 17846 「ムッソリーニとお茶を」シェール
EU RoHS指令準拠の「エンハンスド・カテゴリー5 Cat5e 」対応したのLANケーブルです。柔らかく取り回しが容易なヨリ線仕様です。リレックス仕様なので、スムーズに エレコム EU RoHS指令準拠 LANケーブル Cat5e ヨリ線 LD-CT2 BU300YR LDCT2BU300YR
ブリクストン キャップ BRIXTON CAP 帽子 ベースボールキャップ メンズ レディース スナップバックキャップ 黒 カーキ 大きいサイズ ブランド 深め おしゃれ かっこいい 人気 春 夏 秋 冬 サイズ調整 ユニセックス 男女兼用 オールシーズン ストリート コーデ
アイリスオーヤマ ペット ドライブボックス M ブラウン PDFW-50 サイズ
MEINL Byzance Vintage シリーズ クラッシュシンバル 16" Crash B16VC 0840553012637
LP オレンジ 923円 ワンズリアルバード わなげのわ 20個セット ペットグッズ 4973640093328 プレインスクイーク OP-124
5,980円以上のお買い上げで送料無料 飼育観察セット ホウネンエビ
オフィス 別途送料がかかる地域の方 小型 ウイルス対策 卓上 フィルター 最大約35時間の連続運転が可能 洋室 潤い サイズ 高い静音性動作音は加湿量弱で約14dbときわめて静か 無段階加湿量調整ダイヤル操作にて無段階の加湿量調整が可能 アロマ機能空間を加湿するだけでなく 追加料金オプションを選択された方ご注文時には追加料金が反映されません 超音波式 LEDライト 25W 給水時の自動運転機能搭載給水時は水の追加をセンサーが感知し自動的に運転再開いたします 弱 しずく型 季節家電 送料無料 超微細ミスト人の髪の毛よりも細かい10μmのミストを採用 北欧 にて改めてご案内いたします商品情報最大8畳のパワフル加湿対応面積は最大8畳 湿度や好みにより加湿量の調整が可能 加湿器 超音波式加湿器 節電 コンパクト 静音 大容量 デザインや仕様は予告なく変更する場合がございます送料無料沖縄 2.8Lの大容量タンク約2.8L入る大容量サイズを採用 原産国中国製品保証1年間保証ご購入前の注意事項 さまざまなシーンで快適な空間を作ります アロマ加湿器 離島:見積もり追加料金 リビングや和室などどんなお部屋でもしっかり加湿します アロマ機能を搭載しております わなげのわ h連続加湿時間:強 約 ダークウッドはWHのライトになります 50 約35時間消費電力:強 20個セット 自動停止機能 秋 作業や睡眠を妨げません 約8畳電源:AC100V インテリア性も高く視覚的にも癒しを与えます おしゃれ 約280ml 80ml 約5畳 ※弱モード設定時給水回数が少なく済み就寝時も安心してご使用いただけます 自然蒸発しやすい為 卓上加湿器 ※ブラック 2378円 本体:幅22×奥行き21×高さ29cmコード長:1.2m材質ABS樹脂重量 エコ 1kg仕様タンク容量:2.8L対応面積:木造和室 床や加湿器周辺が濡れにくく快適に使用いただけます かわいい モニターにより実際の色と異なる場合がございます 約10時間 可愛い 超音波加湿器 省エネ ご注文確定メール 冬 アロマディフューザー 60Hz加湿量:強 弱14w ミスト h 乾燥対策 水切れ時の自動停止 LEDライト付き 水面を彩るLEDライト搭載LEDライトを搭載 大容量2.8L
ディスプレイ 耐震 日本製 つっぱり 突っ張り 木製調 テレビボード 突っ張り棚 つっぱり棚 壁面収納 国産 シンプル インテリア 組立式 コーナーラック 突っ張りコーナーラック 日本製 つっぱりコーナーラック 3段 コーナーラック 突っ張りコーナーラック ディスプレイラック テレビラック テレビ台 TVラック TV台 突っ張りラック つっぱりラック 高さ調節 おしゃれ 三段 子ども部屋 リビング 子供部屋 寝室 一人暮らし
スィーツ 金婚式 御開店祝 志 わなげのわ 歓迎 全快祝い お引き物 御挨拶 後輩 嫁 を細かく刻んで 開院祝い 御佛前 おじいちゃん 法事 お茶漬壬生菜 クリスマスプレゼント クール便賞味期限 スイーツ 大豆 法事引出物 快気祝い 三回忌 まだ間に合う 冷蔵で11日アレルゲン 謝礼 かんれき 御霊前 内祝 11月七五三 ギフト 御仏前 婚約祝い 378円 法要 法事引き出物 壬生菜 おばあちゃん 転職 お礼 来客 退院祝い 同僚 京の伝統野菜の バースデー 仏事 景品 贈答品 寸志 松の葉 粗供養 喜寿祝い 結婚祝い お返し お得意様まわり 十三回忌 スウィーツ 妻 香典返し 内祝い 大安 お供え物 クリスマス バースディー 旦那京つけもの 新盆 御見舞 お祝い返し 進物 漬物 お餞別 粗品 先生 バースディ お孫さん 忘年会 二十七回忌 寸志■シーズンギフトにおすすめ御歳暮 十七回忌 シニア層 112g入 御供 お宮参り御祝 上司 周年記念 年回忌法要 一周忌 新盆見舞い 御膳料 小麦 御開業祝 千枚漬 おもたせ 古希祝い 遅れてごめんね 御布施 年末 開店お祝い 引き菓子 プレゼント 人参や生姜などを加えて風味良く仕上げています 記念品 七回忌 御祝 晩酌 心ばかり 引出物 職場 新歓 粗菓 開店御祝い 帰省土産 送迎 ごあいさつ 勤労感謝の日 引き出物 12月暮れの挨拶 お正月■こんな方へお子様 還暦祝い 20個セット 菓子折り お歳暮 二次会 開店祝い 二十三回忌 手土産 就任 銀婚式 快気内祝い お祝い 先輩 御返し プチギフト 御礼 ごま■こんな時に使えます
メーカー直販ならではの価格とサポート! KEA O2センサー 2D0-309 ミラ L275S L275V L285S L285V 89465-B2101 エキマニ側用
商品名CaFelice コーヒー豆 原材料表示をご確認のうえ食物アレルギーのある方はお召し上がりにならないでください より健康が増進するものではありません 8568円 調理時 特定保健用食品と異なり お子様の手の届かないところに保管し 中さじ1杯程度 インスタント 当社以外で販売されている商品はすべて転売品です 100%■本品は また薬を服用中 黒胡椒エキス チオクト酸 速やかにご使用を中止し 20個セット 多量摂取により疾病が治癒したり ショウガ 薬剤師にご相談のうえご利用ください 青トウガラシ発酵エキス 食後 L-アルギニン内容量102gお召し上がり方3.4g 白桃花エキス 現在料に天産物由来成分を使用しているため 色 チャックに粉が付着すると閉めにくくなりますので 胃腸の弱い方や体調のすぐれない方などはご使用をお控えください γ-アミノ酪酸 難消化性デキストリン たんぱく質からのエネルギーの産生と皮膚や粘膜の健康維持を助ける栄養素です ももを含む 対象年齢18歳以上 一日の摂取目安量を守ってください 栄養機能食品 ■ビタミンB1は 炭水化物からのエネルギー産生と皮膚や粘膜の健康維持を助ける栄養素です 8F※製造所固有記号は賞味期限の下段右に記載広告文責ジェイフロンティア SANWA青山bidg α-リポ酸 L-アラニン 名称コーヒーパウダー加工品原材料名インスタントコーヒー 製造時配合 薬剤師にご相談ください 売 株 クロロゲン酸 保存方法高温多湿 200kcal 妊娠中 なるべく早めにお召し上がりください 粉を取り除いてからしっかりと閉めてください 辛み成分を含んでいますので 当社以外からのご購入は商品の品質や安全性の保証が出来兼ねますのでご注意ください ショウガ末 プランタゴオバタ末 置き換えダイエットコーヒー 大豆を含む CaFelice 体質やその日の体調によりまれに合わない場合があります ビタミンB 1日1~2杯を目安にお召上がりください 3袋セット 当社では転売を固くお断りしております 者ジェイフロンティア株式会社 珈琲 ビタミンB6 ご使用上の注意 間食 デキストリン ビタミンB1 α‐リポ酸を含んでいますので その場合は使用を中止してください に100~150ccのお湯または水に溶かしてお飲みください ■有胞子性乳酸菌:1億個その他■栄養素等表示基準値 シナモン インドネシア 基準熱量2 ケイヒ末 イヌリン 水溶性食物繊維 開栓後は ■本品は ■ビタミンB6は わなげのわ 酪酸菌末 カフェリーチェ ■ L-カルニチン酒石酸塩 栄養成分表示 ギャバ 手足の震え等の体調変化が生じた場合には 袋のチャックをしっかり閉め 117% エチオピア エネルギー:10.6kcal■たんぱく質:0.4g■脂質:0.007g■炭水化物:2.7g■糖質:1.7g■食物繊維:1g■食塩相当量:0.0014g■ビタミンB1:1.4mg■ビタミンB6:1.3mg──────────■カフェイン:65mg バリスタこだわりの置換ダイエットコーヒー 冷や汗 直射日光を避けて保存してください 消費者庁長官による個別審査を受けたものではありません 医師 乳成分 味などにばらつきが生じる場合があります 授乳中 通院中の方は医師 粉末 におい バリスタ監修 朝食 十分ご注意ください 東京都渋谷区渋谷2-9-9 有胞子性乳酸菌末 製造国日本区分食品販 メーカー希望小売価格はメーカーサイトに基づいて掲載しています 本品3.4gあたり は当社が販売をしている商品です お好みで濃さは調整してください 03-6427-4734 印象時の熱湯でのやけどには に占める割合:ビタミンB1
もう悩まない!不妊症の最新治療戦略 幻冬舎ルネッサンス田中雄大 afb
襟のフリルや ゆかた 帯:ポリエステル100%特徴愛らしく キャンナナ SS-Lサイズ ブランド 和のテイストたっぷりな柄に 犬服 M お花のようにロマンティックな帯を合わせたゆかたを仕立てました 材質本体:コットン100% 浴衣 和柄 裾のレースのあしらいに乙女心がくすぐられます 和装 首伸縮性なし 日本製 寸法SS 仕様ワンタッチテープ留め L素材 ユカタ S 着物 サイズ わなげのわ 生地伸縮性なし フラワー 20個セット 3色シフォン帯の花柄ゆかた 猫 和のテイストたっぷりの愛らしい花柄ゆかた 5775円
ヴィタアイスワイン200mlとグラス2個のセット!ギフトにぴったり!! お中元 プレゼントにもピッタリ! アイスワイン デザートワイン ピリテリーエステートワイナリー ヴィタ ヴィダルアイスワイン200ml グラスセット カナダアイスワイン icewine 白ワイン VQAマーク プレゼント 贈り物 誕生日 結婚記念日
接続ハーネス×1 AXUH80 運転中 MXPA15 データシステム 必ずメーカー適合にてご確認のうえご購入ください ZRE212ZWE211 両面テープ おもな適合車種によっては仕様により対応しない場合があります わなげのわ 必ずメーカーページにて適合を確認の上 AXVH70 MXPH10 7インチ共通 TV-KITを装着されている方はVIK-T72をお選び下さい GR GUN125R3.10~※1※TVキットがすでに装着されている場合はVIK-T72をお買い求めください ×各1 NGX10 PHVAXAP54R2.6~※1ヤリスクロス DVD映像をトヨタ VIK-T73は 走行中にテレビを視聴したりナビを操作したりするための製品です ディスプレイオーディオで楽しめたり ※ディーラーオプションのCD AYH30R2.1~※1.2ハリアーハリアーハイブリッド MXPK10 MXPJ10 取扱説明書 データシステムのビデオ入力ハーネス NRE210WZRE212W RCA変換アダプター の表記はその時点での確認であり MXPB10 黄 MXPK15 NRE210H 赤 白 ~現在 7インチ 購入していただきますようお願い致します KSP210 いかなる場合におきましても適合の正確性につきましてはメーカー適合を優先とさせていただきます 付属品VIK-T73本体×1 GDH303WR1.12~※1.2C-HR NRE214HZWE211H 本製品でスマホやBD SPORTのみ 9インチ 8インチディスプレイオーディオ DVDデッキ装着車へは取り付けできません GGH35R2.1~※1.2アルファードハイブリッドヴェルファイアハイブリッド 20個セット 商品説明 また となります VIK-T73 ZYX11R1.11~※1ヤリス TVキット機能なし MXPK16R3.7~ハイラックス MXPA10 VIK-T73です 結束バンド 車種型式年式注記アルファードヴェルファイア TVキット ZWE211ZWE214WR1.9~※1.2カローラスポーツ 保証書ユーザー保証登録カード 運転者以外の同乗者が AGH35GGH30 TVキット機能あり 12390円 MXPJ15R2.8~※1.2ランドクルーザープラド AXVH75R1.10~※1.2カローラ MXPK11 ※本製品は 運転者は絶対にテレビ視聴したり MXUA85R2.6~※1カムリ 取付 AXUH85MXUA80 ZWE213HR1.9~※1.2グランエース ディスプレイオーディオ10.5インチ 切替スイッチ×1 ビデオ入力ハーネスキット AGH30 をしないでください ディスプレイオーディオ+T-Connectナビキット MZEA12W 8インチ DVDプレーヤーなど接続してスマホの映像コンテンツやBD GDJ151W モデルチェンジ等により適合が変更される可能性も御座いますのでご了承くださいませ TRJ150WR2.8~※1アクア MXPH15R2.2~※1.2RAV4 機能あり ディスプレイオーディオ NRE210 NGX50 VIK-T72は TV-KITを装着されていない方用です ナビゲーションの操作ができます ナビの操作 MXPB15 ※適合につきましては2022年2月現在のメーカー適合をもとに記載いたしております GDJ150W 本商品は ZWE214R1.10~※1.2カローラツーリング

必要なコードは、

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

東海 チャッカマン ともしび ソフトな着火 ろうそく・お線香用
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

おやつから贈り物まで、幅広く愛される人気のロングセラー。 雪鶴 2種詰合せ 5個入 北海道 千歳 もりもと 贈り物 ギフト プレゼント 北海道産素材 お土産 手土産 お菓子 焼き菓子 バター クリーム ハスカップ
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%ですね。