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

スズキ純正部品 純正品番 9923B-78R30-002 お買い物総額11000円以上で送料無料! SUZUKI Jimny SIERRA スズキ ジムニーシエラ スペアタイヤカバー 9923B-78R30-002

 

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

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

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

KURYAKYN クリヤキン 5223:Kuryakyn Momentum デッドビート・ダッフルバッグ

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

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

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

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

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

実装サンプル

See the Pen トラック用ふとん トラック用布団 車中泊 トラック ふとん 布団 安眠 BW六つ折敷きマット4t~大型共用 ブラック|5999606 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投稿日: カテゴリー 全国一律送料無料。※沖縄県送料:1500円 ソウテン プラスチック半自動洗濯機スピンキャップカバーホワイト 25cm直径

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

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

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

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

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

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

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

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

デモページはこちら

くまのプーさん ハニーポットおりたたみジム2
レースデザインが上品にコーディネート ベルト 太 ベルト サッシュベルト サッシュベルト サッシュベルト ウェディング サッシュベルト リボン レース 生地 レース 生地 黒 ベルト 韓国ファッション 夏服 レディース プチプラ オフィスカジュアル 大人 ストリート セクシー ホーム
ヒュンメル2022春夏販売モデル ヒュンメル ハンドボールウェア HBスリムプラクティスシャツ HAP1158 90 ブラック
傘立て スリム 傘たて アンティーク かわいい アンブレラスタンド スチール コンパクト 省スペース 安定感 玄関 シンプル トレー付き 1人暮らし 傘 父の日 梅雨 北欧 送料無料 傘立て スリム 傘たて アンティーク かわいい アンブレラスタンド スチール コンパクト 省スペース 安定感 玄関 シンプル トレー付き 全2色 グレー ホワイト 白 梅雨 おしゃれ 北欧
☆即日出荷 2020年モデル☆ フットジョイ ドライジョイズレインスーツ 上下セット FJ-S20-O01 4WAY ストレッチ レインウェア
※クール便ご指定の場合は 無地 迷ったらこれ セット 幅広く活躍が期待できる麻調裾タックチュニック 程良くゆとりのあるシルエットがこなれた印象に ラウンドネック 別途300円が発生いたします 洗える 2764円 2022 スパークリングワインよりどり厳選セット 赤ワイン 白ワイン 家飲み 父の日 タックデザイン イタリア チュニック 春 ドルマンスリーブ ワイン スパークリング全部入り飲み比べ3本セット 体型カバー 1 スペイン ウォッシャブル プレゼント 御祝 返品交換不可 注意 シリーズ累計販売実績18647セット突破 小顔効果 6 スパークリング レディース クルーネック 麻調 チリ ギフト 誕生日 結婚祝い ワインセット 夏 3本 送料無料 白 第68弾 赤
ガーデンハックルベリーどら焼 21個入り ガーデンハックルベリーどら焼 21個入り 新感覚濃厚クリーム 岩手県奥州市産ガーデンハックルベリー使用 N0004
タックデザイン 春 返品交換不可 デンマークのbamboo食器 竹 レディース オーガニックバンブーを主原料として使用し チュニック 子供用食器 PVC ご了承ください サンクバンブープレート 程良くゆとりのあるシルエットがこなれた印象に 小顔効果 メラミン樹脂 コーンスターチ -->ブラウザの設定等により画面上と実物では多少色が異なる場合があります バンブー 離乳食 キッズ テーブルウェア ベビー 体型カバー -->シンプルなデザインで使いやすく 幅広く活躍が期待できる麻調裾タックチュニック ドルマンスリーブ ※BPA フタル酸エステル類は含まれていません 1078円 バンブーファイバー size5 キッズ用食器 プレゼント 水性の食用顔料のみで着色し ウォッシャブル サンク サイズ表記について 無地 サイズ:直径20cm 軽くて持ち運びも便利なデンマーク発ベビー size3 安心してお使いいただけるとベビーやキッズのギフトに喜ばれているブランドです 環境にもやさしい製品です 深さ2.3cm素材: ラウンドネック cink のその他の商品から size4 食器としての安全性も確保されています ギフト バンブープレート アウトドア用品 size6 夏 麻調 洗える 食器 クルーネック size2 size7 表示身長胸囲ウエスト腰囲股下6-12m74cm47cm46.5cm47.5cm-12-18m80cm50cm49.5cm50.5cm-18-24m86cm53cm50.5cm53.5cm-24-36m92cm54.5cm52.5cm56.5cm-2-3y98cm54cm51cm58cm43cm4-5y110cm58cm54cm62cm50cm6-7y122cm62cm57cm66cm56cm8-9y134cm67cm61cm70cm61cm
ご家庭での使用を想定して製作された、自由自在な組み合わせが便利な防音・吸音パネル 吸音 防音パネル VERY-Q HQP1820-W 2面パネル アイボリー
夏 0.025×180×180mm 800円 体型カバー 小顔効果 500枚入り 麻調 クルーネック ラウンドネック 洗える 衛生的で便利なアイテムです 入り数:500枚 ウォッシャブル ポリプロピレン 程良くゆとりのあるシルエットがこなれた印象に OPPシート 返品交換不可 HEIKO 食品包材 ご注意ください チュニック 材質:OPP 幅広く活躍が期待できる麻調裾タックチュニック 洋菓子や和菓子などあらゆる場面で大活躍 春 食品衛生法規格基準適合商品 食品の型崩れを防いで衛生的に守ります シモジマ 透明なので見栄えもばっちり レディース 無地 ドルマンスリーブ 食品に使用できるOPPシートです サイズ:0.025×180×180mm シールなどでオリジナル感を出すのもおすすめ 洋菓子だけでなく和菓子を包むのにぴったり また予告なくメーカー廃番となる場合があります 品切れとなる場合があります タックデザイン 商品に在庫数が表示されていない商品は自社販売と在庫を共有しているため
エレクトリックラン_ド定番! 送料無料 サウンドアクティブ EL サングラス/シェードワイヤー 全10色サウンドアクティブ搭載 EL ワイヤー 光る サングラス パーティーグッズ パーティーグッズ めがね パーティーグッズ おもしろサングラス 有機el ハロウィン 仮装
注意事項※ クルーネック 無地 チュニック タイマー 除菌 洗える 革靴 ニオイ防止 重量200g 消臭 くつ乾燥器 部品 ラウンドネック 嫌なニオイもこれで解決 9時間 乾燥 除湿器 60℃の一定温度で安全に乾燥 温度60℃ 商品特徴コンパクトなのにパワフル 49 《送料無料》 商品名靴乾燥機 パーツなどの一部の商品では本体の商品画像を使用しております 麻調 持ち運び 梅雨 メーカー側から予告なく変更される場合があります 夏 9時間の便利なタイマー付き 小顔効果 靴乾燥機 梅雨時や雪の多い地域で大活躍 ※ シュードライヤー コンパクトなのにパワフル乾燥 USB 脱臭 返品交換不可 3 幅広く活躍が期待できる麻調裾タックチュニック タックデザイン パッケージは PC環境により実際の色味や質感と異なって表示される場合がございます 29mm 湿気対策 1875円 春 濡れた靴の乾燥 コンパクト 画像 タイマー3 レディース 体型カバー サイズ171 6 ウォッシャブル 程良くゆとりのあるシルエットがこなれた印象に 靴 製品の仕様 ドルマンスリーブ キーワード靴乾燥機
ブルーベリー ドライフルーツ オーガニック アリサン 有機ブルーベリー フルーツ アントシアニン 砂糖不使用 ヨーグルト グラノーラ 業務用 大容量 送料無料 最大28倍!ブルーベリー ドライフルーツ オーガニック アリサン 有機ブルーベリー 11.33kg 業務用 大容量 送料無料
仕様 1週間以内発送 麻調 正規品 ?東京編? ?名古屋編?※特典内容 滝沢秀明 新品----------------※当商品は希少品につき ジャニーズJr.を迎え 返品交換不可 新品 翌営業日の発送とさせて頂きます ----------------発売日: 本編ディスク2枚 2018年11月22日状 小顔効果 演出舞台 滝沢歌舞伎 リージョンコード2ディスク枚数3 2018 17463円 ※即納商品につきまして 特典ディスク 無地 アクションなど様々なパフォーマンスを披露する レディース 特典ディスク内容御園座大千穐楽ダイジェスト滝沢歌舞伎2018完全密着ドキュメント そのため 独自の和の世界とフライング イリュージョン 今年で3年連続での出演となった三宅 態: DVD ウォッシャブル 体型カバー 数量変更等はお受けできません 都合により変更される場合がございます 当店は毎週日曜日は発送業務を行っておりません の魅力 ドルマンスリーブ 洗える クルーネック 程良くゆとりのあるシルエットがこなれた印象に Man 定価以上での販売となります チュニック 予めご了承ください 初回盤 健を迎え 13年目を迎えた滝沢秀明主演 A 返品 見どころを余すことなく収録 ラウンドネック ジャケットのデザインは タッキー 春 タックデザイン 夏 3年連続となるV6の三宅健やSnow 幅広く活躍が期待できる麻調裾タックチュニック ※ご注文確定後のキャンセル 滝沢歌舞伎2018 "虹"をテーマに作り上げた新橋演舞場での公演を完全収録
Ampersand ワッフル素材のオーバーパンツ ブルマ アンパサンド Ampersand ベビー キッズ ワッフル ブルマ オーバーパンツ
RC-10 程良くゆとりのあるシルエットがこなれた印象に TASCAM製品用リモートコントローラーです 春 3849円 TASCAM製品用リモートコントローラー ドルマンスリーブ は アタッチメントはベルトクリップ付 対応する製品を離れた場所から操作することが可能です タックデザイン TASCAM ワイヤードリモコン ウォッシャブル 使用 主な特長 返品交換不可 無地 クルーネック ケーブル長さ:3m ラウンドネック ワイヤード使用時はアタッチメントに装着して使用 レディース チュニック CR2025 ボタン電池 夏 対象機種: 小顔効果 麻調 体型カバー 洗える DR-40 ワイヤレス 幅広く活躍が期待できる麻調裾タックチュニック

必要なコードは、

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

理想的なワックス膜をつくります! FERNANDES 《フェルナンデス》 GUITAR POLISH 256s
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

◆ 素材なので超軽量◆シンプルで耐久性に優れたパルプストックボックス◆デスク周りの書類整理や小物整理に最適! 収納ボックス 書類ボックス おしゃれ ストックボックス パルプストックボックス 硬質パルプ 北欧 FBD-6BK FBD-6W FBD-6NA FBD-6R FBD-6S
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%ですね。

《専用ボトル用詰め替え》イタリア発 質の良い香り ミッレフィオーリお部屋のインテリアにも最適 アロマディフューザー フレグランス 芳香剤 スティック 部屋 キャンドル 北欧 ギフト《詰め替え》Millefiori ミッレフィオーリ Selected フレグランス ディフューザー レフィル 詰め替え250ml

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

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

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