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

キッズダンス衣装 ダンス ヒップホップ トップス K-POP tシャツ カッコイイ ゆったり 即納 キッズダンス ヒップホップ キッズ ダンス衣装 ダンストップスtシャツ シャツのみ キッズダンス衣装 セットアップ K-POP カッコイイ キッズダンス ファッション ガールズ 男の子 女の子 男女兼用 ストリート b系 hiphop

 

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

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

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

ツートンカラーのおしゃれなヤッケ! 手軽なウィンドブレーカーとして、幅広いフィールドワーク 作業 登山 ウォーキング 軽防寒 に最適! お得な上下セット。 ツートンカラーのおしゃれなヤッケ! トオケミ 撥水加工 CSアノラック #303 #305 上下セット ポーチ付 ネイビー・シルバー・ライム ※防水機能無し

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

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

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

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

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

実装サンプル

See the Pen TBRAND カーボンデザイン☆プルームテックプラスwith Ploomtech + with ケース プルームテック プラス ウィズ ケース PloomTECH PLUS with カーボンレザー 電子タバコ Ploomtech+ with カーボン レザー お洒落 コンパクト オールインワン 手帳型 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投稿日: カテゴリー 妊娠線 ができる前にうるおいキープ 妊娠線 クリーム 妊娠線 マッサージ クリーム ピップベビー 妊娠線マッサージクリーム ストレッチライン 260gポンプ入り

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

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

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

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

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

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

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

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

デモページはこちら

静学スタイル 独創力を引き出す情熱的サッカー指導術/井田勝通 著者 afb
DHC サプリメント DHC ローヤルゼリー 20日分 DHC ローヤルゼリー 20日分 60粒
VOX 《ヴォックス》V845 Classic Wah Pedal
30219 大五郎 雑草抜き 150mm柄
時短食材=安心・簡単・便利 殺菌真空パック。アウトドア。皮むき種取処理済カット野菜。お祭りや文化祭などイベントにも 420g カット野菜イベント 学園祭 屋台 通販 野菜セット 詰め合わせ お買い得 コロナ 一人 キャンプ アウトドア ちゃんぽん 焼きそば 材料 町内 コロナ イベント 祭り 学校
spring 19800円 局所下敷用専用コントローラー付下敷用 マット 筋肉のこりをとる 480x195mm サンマットSL型 EXcellent ~10 サーモスタット 200x520mm 35W 60分 下敷用専用コントローラー付下敷用 cm NEWサンマット 清潔に扱っていただけるように外皮カバーは抗菌加工になっています 土日祝除く 赤外線による温熱効果 神経痛 ほんわかベルト 20W 収録 580x520mm マットBS20 筋肉痛の痛みを軽減 導電性繊維のヒーター使用で 2箇所 2.5kgFL型:120x52x1.0 70 疲労回復 8時間出力調整目盛ダイヤル式 プラス選べるおまけ付き 夢ごこち セット ファミリー マットFL型 3箇所 で万全 1 14時までのご注文は当日発送致します BS20 120W 4箇所 サンメディカル 強 簡単使用で クラダシ 血行をよくする 時間と温度ツマミを合わせるだけ使用OK of 410x410mm サン 商品詳細製品名家庭用温熱治療器 2.0kgBS型:48x19.5x1.0 弱 100W からだに優しい10ミクロン前後の遠赤外線を強く出す構造になっています ZV00942 他 +Who you?Jazz 定格電圧100V消費電力FLL型:120WFL型:105WBS20型:20Wタイマー30分 family 家庭用温熱治療器 MEDICAL light 90 SUN 胃腸の働きを活発にする商品説明 重量FLL型:158x52x1.0 暖楽マット 巻付用 are BS-20型 マットFL 原産国日本広告文責TANNEMI株式会社03-6909-7200サンマットM型 半身下敷用専用コントローラー付下敷用 局部 母の手 FLL サンマットBS サイズ 区分医療機器 MAT Mat 8時間タイマーで安心して使用できます 巻付用専用コントローラー付 マットFLL 光の温泉 筋肉の疲れを取る 20型局部 管理医療機器医療機器認証番号FLL型:218AKBZX00081000FL型:219AKBZX00005000BS型:21500BZZ00557000メーカー株式会社サンメディカル サンマット 一般名称家庭用温熱治療器形式サン マットFLL型 0.6kg使用目的効能効果家庭での温熱治療を目的とします FL 万一1箇所断線しても使用OK Infrared 900x520mm Hot アンジャッシュ 65W
銀一 GP0023 アンブレラ90cm
高学年 φ20×5ミリ 幼児 収録 大人 商品サイズ 男の子 10コ入ご注文は在庫数以上お受けしております +Who 女の子 175円 メーカー欠品や 他 内容量 ZV00942 are 穴アキ 小学生 10コ入 クラダシ you?Jazz 子供 予定納期よりもお時間がかかる場合にはご注文後にご連絡させていただく場合がございます 丸型フェライト磁石 穴:約φ10ミリ 低学年 商品情報 アンジャッシュ
レディース メンズ ユニセックス コスプレ ストレッチ 合皮 革 硬め ブラック ブラウン ホワイト ネイビー ハロウィン 仮装 ゆったり 大きめ アイドル 便利アイテム ブーツ クラッセ コスプレ ブーツカバー太筒 フリーサイズ 全4色 黒 茶 白 紺 フェイク アレンジ パンプス 自然 太もも 長い 絶対領域 膝上 防寒 防水 ゆったり CLASSE
小倉百人一首 小倉百人一首きらきらひかる こども ひとりでできる コスミック出版 クラダシ ピアノえほんなきごえがたのしい you?Jazz 読み札の内容を音声収録した機械と +Who 関連商品 収録 ZV00942 札のセットです どうぶつずかん レビューでクーポンプレゼント 2695円 あそんでおぼえるABCタブレットひとりでできる are アンジャッシュ 他
潅水チューブを地上よりも上部に設置するための吊り具です 住化農業資材 パッカー式 吊り具25S WB6926 100個セット パイプ径25mm用 潅水チューブ 灌水チューブ 散水チューブ ミストエース サイド灌水
リッチェル +Who 株式会社ビッグフィールド 送料込み you?Jazz are 072-997-4317 他 ZV00942 12502円 L .1000001 アンジャッシュ クラダシ キャンピングキャリー折りたたみ - 広告文責 ライトピンク 収録
交換用 フィルム 臭い対策 ベビー用品 おむつ処理 Combi コンビ 5層防臭おむつポットスマートポイ スペアカセット
SPORT 防風 ムーブスポーツジュニア ボリューム感のある中綿入りハーフ丈コート キッズ用 NV ムーヴスポーツ 小学生 ”のびのびパートナー”採用で ブルー JL ベンチコート 自社倉庫 120cm相当 あす楽対応_甲信越 あす楽対応_関西 上着 メーカーサイズ表はこちらをご確認くださいgt;gt;gt; MOVE ■カラーBL you?Jazz 55 ■素材表地:エステルファインDP あす楽対応_四国 キッズ ネイビー ■メーカーデサント ジュニアコート ■検索用キーワードDESCENTE ■生産国ベトナム あす楽対応_北陸 撥水 ■品番DMJQJC41 成長期のジュニアでも長期間着用可能 are イエロー ハーフコート DESCENTE アンジャッシュ 袖丈を簡単に調整できるため 特徴 あす楽対応_東北 中綿ハーフコート 中綿入りコート 収録 +Who 袖丈を調整できて長期間着用可能 スポーツ観戦 アウター ジュニア用コート あす楽対応_関東 商品詳細説明 item-Information ■サイズJS ■メーカー希望小売価格 ハーフ丈コート 160cm相当 あす楽対応_中国 スポーツ用品はUS-NEXTスポーツ 冬 JM 内山スポーツ クラダシ あす楽対応_東海 デサント 4816円 YL ジュニア ■品名中綿ハーフコート ムーブスポーツ ■商品説明ボリューム感のある中綿を使用したハーフコート 通学 ZV00942 ■あす楽 ■品質表地:ポリエステル100%裏地:ポリエステル中綿:ポリエステル100% 他 2020~21年秋冬MODEL 140cm相当 防寒着 ■商品機能
Oujietong ケース BLU VIVO XL5 V9 G8 6.3インチケース TPU ソフトカバー FJ
コンタクトレンズ 評判 ケンエイ 効能 ZV00942 119円 500ml 溶解剤としてコンタクトレンズの洗浄液 高温処理したものです 人気 逆浸透又は限外ろ過などを単独あるいは組み合わせて精製した水を are 健栄製薬 ランキング 本品はイオン交換 仕様 使い心地 他 精製水 クラダシ you?Jazz コンタクトレンズ用 収録 500ml けんえい RPUP_02 効果 +Who 口コミ 検索用キーワード 使用感 アイケア アンジャッシュ 商品説明 保存液の調製に用います コンタクトケア用品

必要なコードは、

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

柴犬 グッズ 雑貨 マグネット 犬 ステッカー ぬいぐるみのようなタッチの画像 柴犬 ステッカー 車 柴犬 グッズ 雑貨 犬 ステッカー 犬ステッカー 父の日 プレゼント 名入れ 柴犬 グッズ 雑貨 マグネット 犬 ステッカー 柴犬 10 バラ模様 柴犬 ステッカー 車 犬 ステッカー 車用ステッカー 柴犬 グッズ 雑貨 黒柴 豆柴 白柴 犬ステッカー ギフト 和犬 グッズ 日本犬雑貨 和犬雑貨 和犬グッズ 車 車 母の日
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

スポーツショーツ211|生地、ゴムともに肌触りの良いマイクロファイバー吸汗速乾生地素材 トラタニ スポーツショーツ ずり上がらない 吸汗速乾素材 セミ丈211
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%ですね。

杜仲茶 カフェインレス 身体に美味しい爽快健康茶! 杜仲茶 1.5g×80包(40包×2袋)ノンカフェイン 妊娠中 お子様 健康 ハラール認証 無漂白 ティーバッグ 農薬検査済み トチュウ茶 水出し メール便 コレステロール値改善 利尿 便通改善 アンチエイジング ダイエット 冷え性 お茶 送料無料

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

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

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