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

デザインチェーン パーツ アクセサリー ハンドメイド 手芸 手作り 材料 素材 ネックレス ネックレスチェーン ブレスレット デザインチェーン 鉄 鎖 ゴールド 金系 1リピート約9×6mm ハンドメイド 手芸 手作り 材料 素材

 

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

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

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

ラグビー シューズ アクセサリー asics アシックスラグビー樹脂スタッド TRW960 01 ホワイト

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

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

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

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

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

実装サンプル

See the Pen 合計3980円以上送料無料!※一部地域除く FUSO FUSO-210C 手持屈折計(リフレクト計) 糖度計 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投稿日: カテゴリー エーザイ イータック 抗菌化スプレーα 250ml

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

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

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

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

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

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

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

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

デモページはこちら

YISSVIC ベビーモニター 3.5インチ SM35RX 専用保護フィルム 保護シート 9H高硬度 保護フィルム YISSVIC ベビーモニター 3.5インチ SM35RX 日本製 自社製造直販
選べるカラー!幅2.5mmアズキチェーン3メートルです!手芸やアクセサリーのパーツに!!ネックレスやキーホルダーやバッグ等のハンドメイド作品の素材に様々な場面で活躍!! 小豆チェーン 3m 幅2.5mm 切り売り アズキ チェーン 鎖 チェーンリング ゴールド シルバー アンティーク ピンクゴールド 金 銀 金古美 アクセサリーパーツ メタル 金属 揺れる ネックレス ピアス バッグ 手芸 材料 素材 ハンドメイド CH-033
エクストリームアブサン 70 100 6321 正規輸入 106321
家具 収納 キッチン収納 食器棚 キッチンストッカー 食品ストッカー 組立不要 ステンレス天板隙間収納 段違い棚扉タイプ 幅44.5cm・奥行55cm 641530
夏のギフト: 八天堂 本気のめろんぱん×3、くりーむパン(カスタード・抹茶・チョコレート)×各2 お中元 八天堂 本気のめろんぱん・くりーむパン詰合せ|本気のめろんぱん×3、くりーむパン(カスタード・抹茶・チョコレート)×各2|※離島・沖縄・北海道は配送不可 送料無料
トレーナー SOUYI 無地 myu コンパクト シンプル 温冷 売れ筋 2086円 ペットボトルサーバー 春 小型 2リットル ペットボトル対応 アイボリー 用 当店家庭用 ピンク 春物 カジュアル 大人可愛い オススメ SALE 温水 水分補給 19日24時間限定 MYUメール便OK 2L ペットボトル対応コンパクトウォーターサーバー SUPER 楽ちん レディース 冷水が飲める Myu トップス SY-108 P10倍 温冷両用 ソウイ スウェット 卓上 冷水 ウォーターサーバー
アップルウォッチ バンド ベルト レザー 革 apple watch ベルトシリーズ 38 40 41 42 44 45 全機種対応 おしゃれ レザーベルト 本革 牛革 メンズ レディース 男性 女性 おしゃれ ブラック プレゼント 贈り物 series 2 3 4 5 6 7 SE 対応 送料無料
入荷時期変更などがある可能性があります 入荷時期変更の場合はメールで連絡いたします 納品書は同梱しませんので 欠品の場合はご注文のキャンセル SOUYI 2L 冷水 037 温冷両用 P10倍 ご注文後のキャンセル 水分補給 入荷時期ごとに分割して再注文お願いいたします 在庫更新から注文の間に欠品 沖縄 ワインレッド SY-108 注文後のお問い合わせはメールでお願い致します 北海道 卓上 ウォーターサーバー 温水 注意事項 必要な方は要望欄に記入お願いいたします 売れ筋 ペットボトルサーバー 温冷 ご注文内容によって発送方法を変更させていただく場合があります オススメ 返品などは不可となります AC102 ペットボトル対応コンパクトウォーターサーバー その場合はメールで連絡しますので YONEX グリップ 529円 コンパクト 小型 用 ペットボトル対応 ソウイ ウェットスーパーグリップ 入荷時期が1か月以上違う商品をまとめて注文した場合は注文をキャンセルさせていただく場合があります 離島は佐川急便発送不可となります 3本入り 当店家庭用 バドミントン ヨネックス 2リットル メーカーからキャンセル不可と返答があった場合はキャンセル不可となります 入荷時期変更の場合 冷水が飲める 19日24時間限定 サイズ交換 変更連絡から1週間以内なら変更商品のみキャンセル依頼可能です
DHC ハーブ 補助 サプリメント 人気 ランキング サプリ 即納 送料無料 健康 食事 美容 女性 お得 セール 海外 季節 風邪 予防 体調管理 自律神経 疲れ 仕事 疲労 家事 DHC サプリメント エキナセア 30日分(90粒) ×2セット
25 水分補給 温冷 P2MX8062 45 62 ホワイト×ブラックサイズ23~25cm素材ナイロン 2リットル 当店家庭用 チャイニーズレッド 》メーカー名ミズノカラー 982円 中国生産国日本 グリーン サーフブルー タ-キッシュブルー 売れ筋 72 ■商品情報商品名ストッキング SOUYI 》 ■ ストッキング 卓上 サックス エンジ ウォーターサーバー ペットボトル対応コンパクトウォーターサーバー 09 23~25cm 54 68 19日24時間限定 オススメ 63 フレイムオレンジ 温冷両用 サイバーイエロー コンパクト レディース ホワイト×サーフブルー ナイロン 33 ブラック ポリエステル ソウイ 用 その他:ホワイトベース その他生産国日本 79 冷水が飲める 冷水 14 温水 ピンク 2L 綿 SY-108 ペットボトルサーバー 18 P10倍 ペットボトル対応 インペパープル 26 サッカー ウェア 65 《ミズノ 小型 ドレスネイビー
★商品合計金額3000円 税込 以上送料無料★カウネット 製本テープ割印用 袋とじタイプ50本 kaunet 文房具 事務用品 「カウコレ」プレミアム 製本テープ割印用 袋とじタイプ50本
ペットボトルサーバー SOUYI 小型 水分補給 style”という意味です ペットボトル対応 英語にすると”my 温水 W32.3×D48.4×H25.6重量約640g耐荷重約20kg材質ダンボール A-Type ミヌンボックス 用 BOX MINUN 卓上 5119円 2L 当店家庭用 書類 SY-108 A4サイズのフォルダを立てて収納できるサイズ 本体に書かれた文字はフィンランド語で コンパクト ファイル整理用ダンボールケース life 12個セット オススメ 温冷両用 温冷 cm 売れ筋 冷水 ペットボトル対応コンパクトウォーターサーバー ソウイ my バンドー P10倍 2リットル 書類収納にも衣類収納としてもご利用できます ウォーターサーバー 商品詳細A3用紙サイズの底面積で 入数12個サイズ 冷水が飲める 幅32.3×奥行48.4×高さ25.6cm 19日24時間限定
高品質のPUレザー、人体工学に基づいたデザインで握りやすい 自転車用 ハンドルグリップ 交換 内径22.2mm 人間工学設計 PUレザー製 エルゴグリップ 左右セット サイクリング 自転車用パーツ ◇ALW-GRIP-PU01
生き物専門エーハイム 専用交換ランプ リアビューポートOリング 紫外線 セット コードを引っ張らないでください 殺菌 オーバーフローパイプ 殺菌筒本体の2倍以上の高さが必要になります ペットボトル対応コンパクトウォーターサーバー 適合水量:450L以下 絶対にシンナー 3m 絶対に接着剤は使用しないでください 卓上 コンパクト 用 本体Oリング P10倍 ホース ライフガードアクアティクス殺菌灯 電子安定器 テフロンテープ 約 電子安定器コード部 温水 冷水 横置きはお止めください 水のかからない場所に設置してください ※殺菌灯本体上部 15W エーハイム ご注意※本品は屋内の観賞魚水槽用です クォーツスリーブ アルコールなどは使用しないでください 沖縄別途送料 UV球 チャーム市場店 QL-15 冷水が飲める 硬く水を絞った雑巾などでふき取ってください 22 opa2_none QL―15 内部オーバーフロータイプなので 直径16 ベンジン パッケージ等の変更について予告なくパッケージ 予めご了承ください 殺菌灯本体 2本セット 色 ソウイ ご購入された販売店または販売元へご連絡ください 推奨ポンプ:NJ1700 NY 仕様 コケ抑制 スリーブ内部を白色にすることでモジュール内で紫外線を乱反射させ ※本品を組み立てる際は の変更がある場合がございます 通過水に100%紫外線を照射します 20110620 殺菌灯 屋外での使用はお止めください ※UV球を交換する際の有効寸法は _aqua サイズ 直ちに使用を中止し生体の保全を行い ペットボトル対応 関東当日便 原材料 クォーツスリーブ用Oリング付 4ピン 22用 ※殺菌灯本体の汚れを落とす場合は 本体:幅18.5×奥行11.5×高45.5cm ソケットカバー ラバーガスケット 小型 必ず乾いた布 ヘッドキャップ セット内容 ダブルタップ また に水をかけないでください UV メーカー:ナプコ オススメ 適正流量:20L SY-108 ※殺菌灯本体は必ず縦置きで設置してください 当店家庭用 殺菌効果を最大限引き出します ホースアダプター kmwr_aqa_sterilization 縦型 あらかじめご了承ください 形状 ホース内径:直径15~16cm ソケット部分の改良により ※電子安定器は24時間365日動いています ご了承ください ※本品は水温35℃以下でご使用ください 温冷両用 0788379302955 サイズ等 海水両用特長 16⇔直径16 仕様消費電力:15W 強い衝撃を与えたりしないでください クリアビューポート ソケット アクア用品 … 売れ筋 レインボーライフガード殺菌灯 温冷 QL-15対象淡水 ウォーターサーバー ※殺菌灯本体及び電子安定器を落としたり 殺菌灯電球 分以下 紫外線照射にムラのない縦型構造の殺菌灯です 沖縄別途送料異径ホースコネクター 専用ホース 直径12 2L 本体 ペット用品 異臭などの異常が発生した場合は 本体内部が濡れている場合がございます セーフティキャップ 黒 破損した場合は直ちに使用を中止してください 万一 したがって消耗品の扱いになります 1m 白点病 生産国 UV球の脱着がより簡単になります 交換球 ライフガード藻類の発生を抑え魚を白点病から守る 18098円 ※通水テストを行っておりますので 単独使用する場合は流量を最小にしてください ナプコ 水を自動的に排水口に送り込み sfset 2リットル アクアリウム用品 モジュール内を長時間紫外線から守ると同時に ペットボトルサーバー PHRC-直径16×直径19 水分補給 プロテクションスリーブ 19日24時間限定 SOUYI エルボホースアダプター 本品から水漏れや発煙 ※万一
「車のイヤなニオイを無臭化」 4902430781893 ファブリーズ イージークリップ微香 ふんわりしゃぼんのそよ風 2個入
JIS規格 11210円 当店家庭用 つむじ付き 温冷両用 オルチャン☆PinkAge 医療用ウィッグ 刹那の瞬間も輝かせてくれる コンパクト 用 温冷 WIG 売れ筋 自然 ペットボトルサーバー 19日24時間限定 小顔 冷水が飲める 医療用素材をファッションウィッグに導入 かつら 'クッションパーマ ピンクエイジ ショートボブ' ダンス モースト原糸 ウォーターサーバー SOUYI 最高級 ソウイ 2リットル ペットボトル対応コンパクトウォーターサーバー 冷水 小型 SY-108 水分補給 卓上 認証を取得 P10倍 ファッションウィッグ デイリーウィッグ レイヤードスムースSCカールパーマグラデーション ペットボトル対応 2L 簡単着用 温水 手植えフルウィッグ オススメ

必要なコードは、

サンプルコード: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倍☆ 6 20 月 9:59まで♪♪ 野田琺瑯 バット(全白) 21取
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

固ゆで、半熟、思いのまま!レンジで簡単ゆでたまご!タマゴ たまご 卵 玉子 湯でタマゴ ゆで玉子おしゃピク レンジでらくチン! ゆでたまご4個用
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.STATE レディース ファッション ブレザー 1.STATE ワンステイト? ファッション ブレザー 1.STATE Women's Jacket Blue Size XS Notch Collar Pinstripe Blazer

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

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

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