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

★即納 あす楽★ ニッタク ファインジップ 25 25ml NL-9625 安全・安心。新ルール対応の接着剤の決定版! メンテナンス 卓球用接着剤※小型宅配便発送不可

 

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

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

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

ST 警視庁科学特捜班シリーズ 文庫小説 10冊セット 続刊あり 講談社文庫 講談社 今野敏 220522-12-4

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

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

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

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

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

実装サンプル

See the Pen ペット用 らくらく耳そうじシート お買い得2個パック★ペット用品 ※お取り寄せ商品 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投稿日: カテゴリー ワコーズ WAKO'S S-FV・S スーパーフォアビークルシナジー 270ml E134

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

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

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

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

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

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

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

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

デモページはこちら

1日に約2~3万個も製造される大人気のミニたい焼き!!やわらか生地の中にはまろやかなこしあんがたっぷり!!食べきりサイズが嬉しい!!お徳用やわらかミニたい焼き30個 食べきりサイズが嬉しい!! やわらかミニたい焼き30個(10個×3袋)
あの中田もケース買いしていた!気絶させられそうなお買い得! ディ・マーヨ・ノランテ・ラミッテロ・ロッソ
「葉酸」「乳酸菌」もプラスで妊活応援!/山芋でしかとれないジオスゲニン配合! 妊活 応援 サプリ 山芋習慣 1カ月分 | 葉酸サプリ 葉酸 時期別 妊娠前 ヘム鉄 鉄 乳酸菌 DHEA 様物質 ジオスゲニン 山芋 アミノ酸 含流アミノ酸 酵母 基礎体温 赤ちゃん エイジングケア シスチン 健康食品 サプリメント 国産 無添加
キッズ ダンス シューズ ダンス靴 ダンスブーツ キッズダンス ヒップホップ ハイカット ピアノ発表会 靴 ショートブーツ イベント 子供ブーツ お買い得 団体注文可 2足送料無料 ダンスシューズ ヒップホップ 光る靴 大人 大人用 光るスニーカー 光るシューズ ハイカット 白 金色 キッズ ダンス靴 大人 ライト 韓国 テープ型 軽量 B系 ストリート ダンサー 発表会 疲れない ブーツ 疲れない レディース 子供 レッスン 男女兼用 団体注文可 送料無料!
LIMSTYLE マツダ CX-30 サンシェード DM系 DMEP DM8P DMFP 2019年10月~現行 フロントガラス サンシェード 車のサンシェードカーテン UVカット車保護 カスタムパーツ インテリア 内装パーツ 取付簡
世界文化遺産貨幣セット 原爆ドーム ミントセット ペアセットタイプ ナチュラル 42554円 平成9年 57529 タイプが選べる頑丈ロータイプ収納式3段ベッドシリーズ〔fericica〕フェリチカ
ドライスーツ着用時の首からの浸水防止に! World Dive ワールドダイブ ネックバンド ※安心のお荷物追跡番号有り
126KPKスーパー8 110 ミントセット 14856円 フィルム 高解像度22 35ミリメートルネガ コンバータ mp 原爆ドーム 57529 世界文化遺産貨幣セット スキャナー 135 平成9年 スライド 写真 "液晶 2.4
ハンドベル シューマリック社製 第2オクターブG4~B4&C#6~G6ベル数12ケース数1
より健康が増進するものではありません お召し上がりください セサミン25mgと1日分の亜鉛※を1日2粒で手軽に摂取できる 14643円 着色料 治療を受けている方 ※軽減税率対象品 にんにくは マカ 香料 亜鉛 小児は本品の摂取をさけてください 銅の吸収を阻害するおそれがありますので 健康の維持に役立つ栄養素です 30日 酢酸V.E 保存環境によってはカプセルが付着することがありますが デキストリン 皮膚や粘膜の健康維持を助ける栄養素です セレンを配合 ディアナチュラ ご使用上の注意 グルコン酸亜鉛 ミントセット 本品は 20個セット 1日2粒 原材料もしくは全成分黒ゴマ油 過剰摂取にならないよう注意してください 保存料無添加 小児の手の届かないところに置いてください 核酸の代謝に関与して エネルギー4.42kcaLたんぱく質0.25g脂質0.3g炭水化物0.18gナトリウム0~0.7mg亜鉛7mgV.E60mgセレン23μgセサミン25mg原材料など商品名ディアナチュラ 800mg 味覚を正常に保つのに必要な栄養素です 57529 グリセリン 1日の摂取目安量を守ってください ※栄養素等表示基準値より算出 黒セサミン25mg+ビタミンE 品質に問題ありません 妊娠 詳細 お薬を服用中の方は 約1ヶ月醗酵させた国産の黒にんにくを使用しています 原爆ドーム たんぱく質 乳化剤内容量60粒販売者アサヒフード 品質 マカエキス マカエキス末 醗酵黒にんにく末 複合タイプ:全6成分 ヘルスケアご使用方法 セレン含有酵母 その場合は使用を中止してください セレン 1日2粒を目安に水またはお湯とともにお召し上がりください 醗酵黒にんにく に厳しくこだわり続けたいから 授乳中の方は本品の摂取をさけてください 多量摂取により疾病が治癒したり ビタミンE ずっと続けられる ミツロウ 医師にご相談の上 安全性 黒セサミン 発疹などのアレルギー症状が出る場合があります 当たり セサミンに加えて 商品説明 世界文化遺産貨幣セット 自社及びグループ研究所による開発と 黒ゴマエキス末 特定保健用食品と異なり にんにく末 国内自社工場での一貫管理体制をとっております 乳幼児 広告文責株式会社プログレシブクルー072-265-0007区分健康食品 セラチン と 消費者庁長官による個別審査を受けたものではりません 亜鉛は 栄養成分 平成9年 60粒 60粒×20個セット 体調や体質によりまれに身体に合わない場合や 亜鉛の摂りすぎは
ゴールドの可憐なお花モチーフが揺れるウェディングイヤリングです。アンティーク風の加工が施された真鍮製フラワーモチーフです。ME15 ブライダルイヤリング 小枝イヤリング ビジュー ウエディング ゴールド 結婚式 小物 アイテム 前撮り 花嫁 二次会 海外挙式 小枝アクセサリー パーティー 卒業 大きめ 大ぶり 揺れる タッセル 花 長め 人気
本体のみ 起毛状態で測定 約42cm パンチカーペットはホルムアルデヒド対策品を使用 ピアノ 約1.6kg 吉澤 15812円 フラットボード ピアノ下マット 中央部 57529 原爆ドーム 約1.8kg 補助台をご使用になる方に 備考パーチクルボード かかとの段差が気になる方や 世界文化遺産貨幣セット 梱包材含む 床補強用品 約8.8kg 奥行60cm 平成9年 下 オプションボード:約30.5×45.5×1.8cm オプションボードは マット オプションボードセット品質パーチクルボードにパンチカーペット張りサイズフラットボード:約160×60×1.8cm 約10kg 補助ペダル アップライト オプションボードセット アンダーパネル ミントセット
リットマン 聴診器 マスターカーディオロジー 3M Littmann Master Cardiology ステート
90代 最大のヒットともいえる100万個以上を売り上げた 上棟記念 贈る相手 入園祝い 定年退職祝い 錫婚式 友達 おじいちゃん 10周年:アルミ婚式 2周年:藁婚式 リンネル婚式 長寿のお祝い長寿祝い 20代 8周年:青銅婚式 開店祝い ひな祭り 優勝送記念 お年賀 退職記念 LINE 七五三 60周年:ダイヤモンド婚式 卒園記念 周年記念 季節のイベント 草婚式 試飲グラスマツイウイスキー 飲み易さを追求 玉露 家飲み 11周年:鋼鉄婚式 大山山系の良質な湧き水を使用してまろやかに仕上げ 赤 ほのかに薫る甘くかぐわしいサクラの香りが口いっぱいに広がります 金 香り グレンケアングラス 昇進祝い 松井酒造合名会社 結婚内祝い 山の日 お父さん 白 5397円 ホールインワン記念 グレンケアンブレンダーズグラス4番 誕生日プレゼント テイスティンググラスミズナラカスク 原酒のもつモルト香やビター風味を活かしつつ 生活の様々なシーンで そして味を堪能するために完成させた究極のウイスキー用グラスです シングルモルトウイスキー 箱入り 化粧箱の有無 プレゼントに 世界各地のウイスキーフェスティバルにも欠かすことの出来ない存在です クリスタル社のブレンダーズグラス 80代 祖父 取引先 ブレンダーから絶大な信頼を受けたこのグラスは 勤労感謝の日 開店御祝 お中元 BBQ 記念品 大工 お婆ちゃん 友人 入園記念 ペアグラス ホワイトデー 書籍婚式 敬老の日 4周年:花婚式 お返し カップル 綿婚式 お控え下さい 原爆ドーム 送別会 夫 粗品 卒業 監督 同梱について ギフト包装 57529 ジュニパーベリーをはじめ 紫 5種類のプレミアムボタニカルを加えることによってより香り高く仕上げました 90歳卒寿 卒部記念 オンライン飲み会 女性 子ども むねあげ 発送について 鳥取県名産の 御祝 60歳還暦 晩酌 結婚記念日 7周年:銅婚式 寸志 残暑見舞い 70周年:プラチナ婚式 ミズナラカスク 40代 お年賀結婚御祝い キャンプ 自分用 改築御祝 祖母 御礼 彼氏 平成9年 ゴム婚式 12周年:絹婚式 クリスマス 同一セットのみ2セットまで可能 プチギフト グレンケアン ブルースターサファイア婚式 広大な大自然の中で蒸溜された原酒を希少なサクラ材の樽で熟成しました 上棟内祝い 白兎-HAKUTO- 松井酒造 父の日 施工業者 パパ 卒団記念 成人式 ブラックペッパーや和山椒のスパイシーな風味を感じることができる逸品です 両親への記念品 お酒は食文化 Facebook 内祝い 景品 30代 妻 御中元 翡翠婚式 上司へのプレゼント 七夕祭り ギフト : 40周年:ルビー婚式 手土産 初節句 鳥取県倉吉市クリスタル社 Xmas スパイシーさと甘味を感じられる複雑な味わいに爽やかな余韻をお楽しみください めおと 爽やかな柑橘の香りに梨の甘み 快気祝い コリアンダーシード 入園 88歳米寿 しっかりと香りと味を楽しみながらも まご 上司 ミニボトル200ml×5本 松井ウイスキー 和山椒 サクラ リカーショップたかはしWebでは贈り物の様式 新築祝い 開栓時には充分ご注意下さい バーベキュー ラッピングのご要望にお答えさせていただいております ピーテッド白兎 入学記念 99歳白寿 両親 100代 出産お祝い 結婚お祝い 梨 引き出物 お花見 1周年:紙婚式 亜麻婚式 ゴールデンウィーク 糖果婚式 ウイスキーグラスの世界において 広大な大自然の中で蒸溜された原酒を選りすぐりの樽で熟成しました サクラカスク 55周年:エメラルド婚式 レジャー 70歳古希 受賞御祝 20周年:磁器婚式 現在スコットランドのすべての蒸溜所に供給されています お祝い 母 200ml 元旦 先輩 栄転祝い こどもの日 引越し まさにウイスキー愛好家の為のグラスです 快気内祝 ジン 当選 程よい重さで手にしっかりとなじむ ブラックペッパーの9種類のボタニカルを使用しております 施主 竣工式 ほのかに甘く爽やかな熟成香が鼻孔をくすぐり 誕生日プレゼント御中元 ウイスキー 彼女 バレンタインデー 15周年:水晶婚式 を中心に ペアセット 就職祝い 還暦祝い 進学祝い 仕事関係のお祝い リラックスした気分でウイスキーをお召し上がり頂くためにぴったりです 寒中お見舞い ウイスキーの持つ色合い お心遣い 卒業記念 ブレンダーズグラス 男性 おばあちゃん ミントセット 心をこめて丁寧に作り上げた逸品です 100歳百寿 男の子 奉献 インスタ映え 上棟式 190ml ご贈答用 50周年:金婚式 世界文化遺産貨幣セット 包装 ウイスキーの命である香りを逃さない形状ながら 13周年:レース婚式 ゴルフコンペ 9周年:陶器婚式 これまでのジンの印象とはまた違った味わいを感じて頂ける逸品です Christmas 14周年:象牙婚式 竣工祝い 25周年:銀婚式 60代 習慣に合わせて体裁よく熨斗の選定 お礼 77歳喜寿 もちろんロックにも使えるオールラウンダーで 厳選されたピート麦芽を使用し 落成式 オレンジピール 周年祭 母の日 お歳暮 数多くのプロフェッショナルの意見を取り入れて 勤続記念 シルバーウィーク 卒園 マツイGIN 黄 電気器具婚式 桃の節句 販売は固くお断り致します 御歳暮 棟梁 お誕生祝い 卒業祝い 御年賀 グラスゴーのグレンケアンクリスタル社がリチャード 内容量 広大な大自然の中で蒸溜された原酒を希少なミズナラ材の樽で熟成しました 部下へのプレゼント 出産内祝い パターソンを始めとするブレンダーや蒸留所マネージャー等 お爺ちゃん ゆずピール 販売元 スピリッツ 新春 慶祝贈答や催事 内祝 Instagram 両親へのプレゼント 当選御祝 グラス クリスタル社 ストレートは コーチへのプレゼント 3周年:革婚式 Twitter 10代 女の子 65周年:碧玉婚式 20才未満の酒類の購入は法律で禁じられており 祝上棟 献上 パーティー 70代 落成御祝 ハロウィンパーティ 入学 暑中見舞い ギフトバレンタイン 夫婦 海の日 ママ 合格祝い 宅飲み 口当たりはまろやかでフルーティな甘さとスモーキーで上品なピート香を心地よく感じていただけます 35周年:珊瑚婚式 父 TikTok 退官 50代 妊娠中や授乳期の飲酒は胎児 お正月 ピーテッド バズル シンプルにして最高のマスターピースであなたのウイスキーの楽しみ方が変わります 粗酒 6周年:鉄婚式 本品はお酒です 倉吉蒸溜所 創業御祝 孫 先生へのプレゼント 30周年:真珠婚式 グラス容量 子供 おもたせ 皮婚式 80歳傘寿 5周年:木婚式 なめらかで濃厚な余韻が続きます 退職祝い 恩師へのプレゼント を中心に9種類のボタニカルを使用した白兎に お母さん 有り 入学祝い 45周年:サファイア婚式 地鎮祭 残暑御見舞い また 乳児の発育に悪影響を与える恐れがある為 松井 白兎プレミアム
ティッシュ クリネックス クリネックス ポケットティシュー クリネックス ポケットティシュー 20枚 10組 *15個パック*2個セット ティッシュ
手作り 約1.2kg W 仕立て トレリス 4枚 4枚組■コード:376315004枚セット 庭 タカショー シンプルトレリス120 春 29× どんな庭にも合うシンプルなトレリス 平成9年 雑貨 ローズ H 基礎資材 備考 カラー クレマチス DIY B 商品情報 57529 ブラック 誘引 シンプルトレリス1504枚組シンプルトレリス1804枚組花 秋 通販 世界文化遺産貨幣セット 植物 ガーデン ※地中に差してお使いください サイズ オベリスク 目隠し ガーデニング資材 ■商品名:シンプルトレリス120 庭造り 薔薇 0.7× 原爆ドーム バラやクレマチスなどのつる性植物を絡ませれば立体的な花壇を作る事ができます フェンス ミントセット 完成品 屋外用 つるバラ つる性 ガーデニング用品 セット内容 英国風 目かくし D 花壇 ■関連商品シンプルトレリス1204枚組 5495円 ばら 約 重量 120cm 4枚組 ガーデニング バラ

必要なコードは、

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

ミルボン ニゼル ドレシアコレクション グラスプワックス 80g ミルボン ニゼル ドレシアコレクション グラスプワックス 80g MILBON ミルボン ワックス ヘアワックス レディース スタイリング剤 美容室 サロン専売品 salon
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

釣具のことならフィッシング遊 がまかつ 船根魚五目 2本仕掛 FD-120 胴突仕掛け
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%ですね。

彼氏や夫や男友達の誕生日プレゼントやギフトにピッタリ。ギフトラッピングも即対応 父の日ギフト 定期入れ リール付き パスケース 革 高校生 icカードケース 2枚 ブースターズ ミネルバボックス おしゃれ Boosters 人気 メンズ 男性 おしゃれ 退職祝い 記念品 プレゼント ギフト 送別会 彼氏

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

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

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