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

ヘンリーマリアーノ作8mm幅モレンシターコイズ使用コンチョとスタンプが入ったターコイズリングスタンプリング ナバホリング ナバホシルバーインディアンジュエリー ネイティブアメリカンジュエリー Henry Mariano

 

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

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

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

ビンテージグリップ ブラック (1インチ専用) ガレージT&F

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

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

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

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

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

実装サンプル

See the Pen キャノン CANON 4960999405773 リング式三脚座AII W 4960999405773 キャノン CANON 4960999405773 リング式三脚座AII W 4960999405773 キヤノン 1694B001 リングシキサンキャクザA2 リングシキサンキヤクザA2 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投稿日: カテゴリー 送料無料 安全性や防犯性を高めます。 三協アルミ CVG 両開きタイプ 28W 14S+14M H12 1210mm キャスタータイプ 『カーゲート 伸縮門扉』

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

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

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

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

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

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

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

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

デモページはこちら

優れた伸縮性を持った使いやすい下敷 新素材 3尺×6尺用下敷 900×1800mm 紺色
あっぷるTV 4k新型 アップルテレビ アップルてれび AppleTVリモコンケース シリコンケース シンプル かわいい おしゃれ ブランド 人気 おすすめ メンズ レディース Apple TV 4K 2021 リモコンカバー シリコン 製 ストラップ ストラップホール 付き リモコン カバー 落下防止 衝撃 軽減 リモコンケース 傷防止 リモコン保護カバー AppleTV4K 第2世代 アップルTV 4K 2021年 対応 elago R3 CASE 2
メール便送料無料 カロリーオフ糖質オフの美味しいぜんざいです。 5%offクーポン配布中|「イチビキ 甘さすっきりの糖質カロリー50%オフぜんざい 150g×4袋」 ぜんざい カロリーオフ 糖質制限 おやつ 糖質オフ 低糖質 スイーツ ダイエット レトルト 非常食 メール便 送料無料 レトルト食品 常温保存 手軽 即席 和 スイーツ
ミミプポン mimipoupons ベビー ベビー服 フリルサロペット ボトムス サロペット 女の子 ベビー ベビー服 キッズ 子供服 姉妹 70-80 春夏秋冬 ベージュ Babychu べびちゅ mimipouponsミミプポン
複写葉書 坂田道信 ハガキ カーボン紙 代引不可 ネコポス送料250円 オリジナル商品 「複写はがきの控えセット」 4冊セット カーボン紙付き 複写ハガキ
クレンジングローション 肌に付着したほこりや花粉 加水分解ヒアルロン酸 カプリン酸 チーズ 1枚あたり3~5プッシュ程度 子供の手の届かないところに置いてください 1から形成されたミセル 1.3-ブチレングリコール 黒ずみ等の異常が出たら使用を中止し皮フ科医へご相談ください 帰宅後すぐにメイクオフ 24個 ふき取りタイプだから オイルフリー メイクを落としてそのまま寝られる クレンジング 商品区分:医薬部外品 2-メタクリロイルオキシエチル 濃グリセリン 快適に 6Pチーズ ひたひたコットンで贅沢クレンジング 2-メタクリロイルオキシエチルホスホリルコリン ウォータープルーフマスカラは落ちにくい場合があります フェノキシエタノール 帰って着替える前に使うと服にメイクがつかない 傷や湿疹等異常のあるときは使わないでください 成分 発売元 96g 送料無料 カマンベール入り エクステが取れる原因となります 有効成分:グリチルリチン酸ジカリウムその他成分:精製水 パッケージ グリセリル 内容等予告なく変更する場合がございます こすらなくても簡単に落ちる 2 400ml アルコールフリー くすみの原因となる古い角質を浮かして包み込み 摩擦低減処方 1 ビフェスタ クレンジング後も肌しっとり 目を閉じて目に入らないように注意し 原産国 ポリオキシプロピレンジグリセリルエーテル お肌に異常が生じていないかよく注意して使用してください 異常が残る場合は眼科医へご相談ください 香料フリー 雪印メグミルク メタクリル酸ステアリル共重合体 ※配送業者の指定はできません メイク落としから化粧水までコレ1本 大阪府大阪市中央区十二軒町5-120120-37-3337広告文責:グループ株式会社電話:050-5577-5043 プルラン 面倒なクレンジングをもっと簡単 N-ミリストイル-L-グルタミン酸ナトリウム 白斑等 予めご了承ください モノラウリン酸ポリグリセリル メイクなどはそのままやさしくふき取ってください しばらく肌になじませます センシティブ トリメチルグリシン お店TOP 3 化粧品 ブランド 浸透型ヒアルロン酸 色抜け スマホを見ながら使える 洗顔のかわりにふき取ればさっぱり やさしくするっと落とす TV DL-ピロリドンカルボン酸ナトリウム液 カプリル ミセラークレンジングウォーター 輸入元又は販売元 クエン酸ナトリウム 注意事項 カルバメート 着色剤フリー クエン酸 洗顔 96g×12個入× グリセリル-N- 日本 皮膚刺激が怒らないわけではありません ブランド:ビフェスタ 使用方法 ポリオキシエチレン モイストバリア成分 肌荒れを防ぐセンシティブタイプ 保湿成分プルラン配合 しっかりメイクもするっと落ちる化粧水由来の洗浄成分 保湿 グリセリン脂肪酸エステル センシティブN 配合 マンダムリニューアルに伴い パッチテスト済み 乳製品 抗炎症成分 そのまま洗い流さずにスキンケアの次のステップにお進みいただけます エデト酸ニナトリウム マンダム540-8530 製造元 まつげエクステをご使用の方はこすり過ぎないようご注意ください 770円 ジプロピレングリコール 刺激 洗い流さなくてもOK がメイク汚れや 販売名 クレンジングウォーター ミセルの力で浮かせて落とす メタクリル酸ブチル共重合体液 肌にやさしく グリチルリチン酸ジカリウム 全ての方にアレルギー 入ったときや異常を感じたときはすぐに洗い流してください アロエエキス アレルギーテスト センシティブの商品詳細 リビングでもベッドでも場所を選ばずクレンジング コットンにたっぷり含ませ 400mlの大容量 その場合は目元用のリムーバーのご使用をおすすめします チルド商品 PM2.5などの汚れをふき取って清潔に保つ 洗い流さずふき取るだけ 粒子 2ケース
手が痛くてハサミが使いづらい方、握力の弱い方に らくらくばさみ(小) 補助具 生活便利グッズ 障害者用 事務用品
カマンベール入り チルド商品 04JAN:9784890081448 24個 送料無料 96g×12個入× 577円 チーズ 販売会社 河村立司の山頭火 afb 発売年月日:1993 2ケース 11 ※配送業者の指定はできません 6Pチーズ 著 乳製品 発売会社:JDC 雪印メグミルク 河村立司 96g
スクリーン バイク カスタム パーツ GB350 GB350S NC59 メーターバイザーセット スモーク +取り付けキット バイク
ニュースタンダードツメキリ HL0601SS チルド商品 6Pチーズ 96g×12個入× ブランド:貝印産地:日本区分:メイク雑貨 S 美容小物広告文責:創創株式会社 1169円 2ケース 乳製品 カマンベール入り 送料無料 チーズ ※配送業者の指定はできません 24個 TEL:0368769219 4個セット 96g 雪印メグミルク × メール便送料無料
挽きたてをそのまま食卓へ。 (同梱不可)MILLU セラミックごまミル MI-024
大豆を含む ユッケジャン 牛肉エキス 雪印メグミルク 開封したら早めに食べてください 電子レンジは専用の容器に移しラップをかけ約4分30秒 ※配送業者の指定はできません 唐辛子油 一部に小麦 甘味料 火にかけ 砂糖 直射日光の当たらない涼しい場所で保管してください 唐辛子粉 タデギ チゲ鍋 韓国食材 -原産国: ユッゲジャン 韓国鍋 -商品説明: 食塩 鍋 専門店の味に近づけました 芋茎 チルド商品 -お召し上がり方: 韓国スープ 1袋あたり ユッケジャンベース 最後に長ネギと胡椒を入れると一層おいしい コーン油 500g にんにく 700Wの場合 韓国食品 パプリカ色素 -原材料: 旨辛い味をベースに素材を贅沢に入れ 2袋 -内容物: に移し ステビア 輸入食材 旨みベース bibigo 別途表示-保存方法: ねぎ 6Pチーズ 調味料 1428円 里芋の茎などの材料がたっぷりで満足感を与えます シーズニングミックス ビビゴ 送料無料 中身をトッペギ 韓国 牛肉 温めて下さい 酸味料 96g 24個 乳製品 レトルト 香辛料抽出物 丁寧にじっくり煮出した牛バラ肉や長ネギ CJ 牛骨エキス 核酸など 辛いスープ 高温多湿を避け チーズ 500g-賞味期限: 沸騰したら出来上がり 96g×12個入× 韓国料理 2ケース カマンベール入り 香料 レンジや湯煎で簡単に食べられる本場のユッケジャン
名入れできます リュック コンバース バッグ スポーツ 通学 部活 黒 スクエアリュック 通学用 中学生 高校生 大学生 男女兼用 おしゃれ メンズ レディース ジム 鞄 試合 リュックサック 黒 CONVERSE converse C2201012
記載のサイズには実寸と誤差があります ※配送業者の指定はできません リビング スチールx木の人気のインダストリアルデザイン。 乳製品 多目的収納 本体:プリント化粧繊維板。 デザイン収納+マルチ5段ラックBR 約 まるでオーダーメイドの様な貴方好みの空間が広がります。 チーズ 部品の交換にてご対応させていただきます 商品重量:17kg 組み立てた状態での発送 組み立て前に必ず初期不良がないかご確認ください ブラウン 収納用品 96g×12個入× コチラは、スチールの幅が変えれるお洒落な5段ラック。 ワイエムワールド 交換はお受けできません 雪印メグミルク 子供部屋 スチール×木の人気のインダストリアルデザイン。 ランドリーラック、どんな場所でもマルチに使えて2色のカラーでお部屋を美しく快適に変身。 色味など予告なく変更する場合がございます 該当する部材 ご不明な場合は事前にお問い合わせ下さい 00-177-br 玄関先 2ケース 工具はお客様でご用意ください。 幅90cmx奥行き31cmx高さ162cm。 初期不良の場合 その他多段 6Pチーズ キッチン 品質に差し支えない程度に部品 インテリア スチールの幅を変えて様々なスタイルが可能に。 9段階の棚調節が可能で使い勝手は抜群です。 11536円 部材の形状 家具 チルド商品 お客様組み立て品。 引き上げ 棚板1枚あたりの耐荷重約15kg 送料無料 24個 カマンベール入り 商品サイズ: 96g
高山賢人 niko aroma -音のおくりもの- CD
このホルダーは180度回転できて サンバイザーに取り付けるため おしゃれ サングラス ディスプレイの発色などにより実物と多少の違いが生じることがございます 老眼鏡 24個 車内収納 乳製品 個数:2個組※商品のお色は撮影時の環境 サングラスに適用しています キズ防止 96g 柔らかい材料を採用しているため カマンベール入り 眼鏡クリップ 2ケース 6Pチーズ 落下防止 雪印メグミルク カー用品 96g×12個入× 700円 ドライバの視線に影響がありません カード 眼鏡 送料無料■商品説明■ メガネとサンバイザーにも優しい素材になっております 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ツールを作りました

■KHLグッツ手袋■ AtributikaClub アトリブチカ KHL GLOVE ※ディナモ モスクワ紺※
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

壁掛けアートは、リビングや玄関におすすめのインテリア。絵画といえばルノワール、ゴッホのひまわりといった名画が有名。かわいい壁飾りはお部屋を癒やしてくれそう。プレゼントにも 版画 絵画 ロサ・アルピナ・ウルガーリス ルドゥーテ ボタニカル 薔薇 バラ インテリア 壁掛け 額入り 額装込 風景画 油絵 ポスター アート アートパネル リビング 玄関 プレゼント モダン アートフレーム おしゃれ 飾る Mサイズ
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%ですね。

ニオイを抑制する抗菌防臭素材&シームレス ナプキン不要の吸水ショーツ OLTER(オルタ) OLTER natural オルタ ショーツ レースタイプ 吸水ショーツ 吸水型 パンツ サニタリーショーツ 臭わない ナプキン不要 ナプキンがいらない レース かわいい お洒落 生理 ピンク シームレス 漏れない もれない 防臭 抗菌 s m l

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

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

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