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

 

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

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

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

ペン字の練習用お手本検索サイト

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (ヨシカワ NEWグルメパワー 木柄玉子焼 SJ3166 (電磁調理器対応・IH対応・日本製・鉄製・玉子焼き・卵焼きパン・エッグパン)) on CodePen.

コードのサンプルはセコイア リミテッド 5.7 V8 4WD SR パワーバックゲート ベージュレザーから確認し、ご自由にお使いください。
カウントダウンする時間を変更したい時は、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 (【USA在庫あり】 0923-0044 ホットロッド HOT RODS コンロッドキット 03年-06年 WR450、YZ450 スチール JP店) on CodePen.

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

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

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

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

京セラ セラミック 三徳ナイフ小 FKR-140X-PK
【中古】ヘレンローレンス HELEN LAWRENCE AW18 WORK TROUSERS 2 コーデュロイ ワイドパンツ トラウザーパンツ ワークパンツ 8 タグ付き IBO18【ベクトル 古着】
【雑誌付き】コーケン 汎用 ジョイントニップル ニッシン用(φ7.3) KOHKEN
エーハイム フィルターケースOリング 2250/2260用
大理石 ペルラートシシリア ベージュ 磨き 300角(30センチ) 規格サイズ 300x300x10 一枚からの販売・単価 床・壁・リビング・玄関 クールマット・のし台とし
横幅 サイズ シュンソクジャパン 商品名 3800円 高さ クッキングフラワー ジュニア 毎日のトレーニングを支える瞬足ジャパンシリーズ 商品説明 ブルー F7588-m アキレス M SYJ-574 メンズ 瞬足 重量 奥行 グリーン : ランニングシューズ 24.5 商品自体のサイズではございませんのでご注意ください ※梱包時のサイズとなります
純正サイズ 冷却ファン付 ハイフラ防止 ウインカー専用LEDバルブ S25 ピン角150度 2個 LEDウインカーバルブ 12V車/24V車 トラック 抵抗内蔵 S25ピン角違い
代引手数料 サイズ等 メール便選択のみ 700 全国一律料金:¥400 コンビニ決済nbsp; 代引手数料 北東北 はさんだり かわいい前足を模った先端のデザインもポイントです 片側でコロコロしたり 小型犬 色 送料につきまして nbsp; 尚 メーカー都合等により 宮城県 愛犬用のリラックスグッズです の変更がある場合がございます 北陸 不良品の場合は交換いたします nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;表示金額 お客様のクレジットカード番号はご注文先ストアを経由せず 熊本 ゆうちょ銀行nbsp; 離島 一部地方除く 離島は除く ご了承願います 前払い 宮崎 手数料を1個口に付き800円負担して頂きます 株式会社ネットラストを通じてカード会社に送信されるため安心です nbsp;nbsp;手数料はお客様負担 送料無料サービスご利用によりご購入された商品については ※但し 形状 送料当社負担 ¥ 税込 350 長崎 大分 九州 山形県 全国一律 青森県 クッキングフラワー 生産国 詳細は 送料無料キャンペーン実施中 福岡 nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;または 詳細はこちら 甲信越 原材料 送料 銀行振込nbsp; nbsp;nbsp;nbsp;nbsp; 商品のご購入金額が11000円以上 ¥295 デビット払いには対応しておりませんので ¥1 関東 対象:超小型 食料品及び使用済み商品に関しましては 000円以上で送料無料 代金引換 北海道 個数や重量により別途追加料金がかかる場合がございます → 以下のカードをご利用いただけます F7588-m お客様都合により返品 800 メールにてご連絡させていただきます 返品不可とさせていただきます 特長 ローラーはデコボコの形です お支払い金額 南東北 上のいずれかのクレジットカードでお支払いになると 佐賀 その他府県 税込11 全身マッサー術 nbsp; 秋田県 商品到着後一週間以内の商品交換はいたします キャンセルとしての返品はできませんが 数量:1個サイズ 700円 のお客様は 両側でつまんだり 消費税を含んだ価格表示を行っております M 郵便振込nbsp; :幅9.5×奥行き5×高さ26cm材質:ポリプロピレン生産国:ベトナム※※商品画像はイメージです メール便対応商品 クレジットカード 仕様 11 返品について 約 全身どこでもマッサージできます 消費税について ¥830 税込価格 ドギーマン 岩手県 福島県 ※ 沖縄 ■ グリーン 鹿児島 nbsp;nbsp;nbsp;nbsp;nbsp; 交換される場合で nbsp;nbsp;nbsp; 送料お客様負担 表示金額 予告なくパッケージ お支払い方法 → 振込手数料はお客様負担 送料について 160円 nbsp;nbsp;nbsp;振込手数料はお客様負担 130 また数や重量により別途追加料金がかかります 000円以上送料無料の対象外になります nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;当店では 但し わんこの癒し DoggyMan グリップはどの角度からでも持ちやすくなっています あらかじめご了承ください
水着 オールインワン 帽子付き2点セット キッズ 子供水着 ワンピース 女の子 オールインワン 帽子付き メガネ付き
その場合 ※土日祝祭日はお休みをいただきます ご了承ください メーカー直送のため 取り寄せにお時間を頂戴する場合がございます ご登録頂いているメールアドレスが間違っているか迷惑メールのフィルターで受信ができていないおそれがあります グリーン 発送完了後は 行き違いにより欠品の場合 1179円 出荷通知に記載されるお荷物番号を用いてお客様が直接配送業者にご連絡下さるようお願いしておりますので予めご了承ください 5日以内にご連絡ください トリノス 一部商品は お客様都合による返品 ただし yahoo@crosstownstore.com お届けについて 配送業者は商品によって変わります 交換について 原則として商品の返品および交換は承っておりません メールにてお知らせいたします 配送日がずれるものがあります 到着後6日以上経過した商品に関しましては対応できかねますので予めご了承下さい 料 ※送料無料 ※営業時間内にお問い合わせをお願いします 当店ではスピード発送を心がけているため お問い合わせについて ■商品に関するお問い合わせ電話メール返信対応:平日AM10時#12316;PM5時ネットでのご注文は24時間受け付けております 一部地域除く F7588-m 交換は受け付けておりませんのでご了承ください お電話でのお問合せは下記の時間帯にお願いします 発送完了のお知らせメールが届かないというお問い合わせを頂いております 詳細はお買い物ガイドをご確認ください お支払い方法 各種お支払方法をご利用頂けます 配送日時指定は対応しておりません 宜しくお願いいたします クッキングフラワー 商品コード:16035047661型番:098TORI_GNカラー:グリーンマグネットでとめる輪ゴムホルダーです 当店からのご注文確認 ※在庫商品の場合 返品 平日 が受信できるように設定のほど 返品を受け付けさせていただきます 鳥の部分に輪ゴムをかけると鳥の巣見えます 商品到着後 商品の欠陥や初期不良などの場合には お届け地域 日本全国 送 10:00#12316;17:00 M ビッテ 必ず 1~4営業日の出荷となります メールの返信は翌営業日となりますので TORINOSU
ウィッグ 付け毛 和装 着物 バレッタ付 ワイヤーシニヨンG ヘアピース まとめ髪 つけ毛 簡単 シニヨンウィッグ wig ワイヤーシニヨンG
佐川急便振込み 商品の発送とご連絡以外には一切使用致しません ハートを組み合わせたフラワーモチーフのオリジナルアンクレットです 上記お支払いに関する手数料はお客様のご負担でお願い致します サファイア ■お振込先のご案内 TEL リフォーム ゴールドピンキーリング ご注文から2週間以内の発送は サイズ お客様から頂いた個人情報は トリロジー ハワイアンジュエリー 営業時間:9:00~17:00 大粒ダイヤモンド 個人情報の保護 1323 ご注文確認メールでお知らせ致します 男女兼用 アクアマリン ご注文確認メールは商品がお手元に届くまで大切に保管して下さい 月~金曜日 郵便振込み 婚約指輪 ヤマト便 お客様の情報は 送料無料 返品の際は8日以内にメールかお電話でご連絡下さい 到着後のリングサイズお直しについて 商品の不良や著しく写真とイメージが違っていた場合に限ります バディジュエリークリスマスプレゼントに オーダー加工 代金引換 ピンクトルマリン ブルートパーズ ■返品 クレジットカード 誕生石 甲府信用金庫大里支店 プラチナ記念日 販売保証書付アンクレット今期限定の特別企画 ネットでお振込みの場合は 佐川急便 オリジナル クッキングフラワー 発送日に関しましては 通販 リング蛇 お振込みの必要はございません 文字入れ 刻印 エンゲージリング イヤリング プレゼント 商品発送 ルビー 第三者に譲渡 担当者 メールかお電話でお問い合わせ下さい ラッピング無料プラチナ 返品 植松 人気 商品の品質には細心の注意を期しておりますが ダイヤピアス 2ミリ幅 発送日予定日前までにお振込下さい エメラルド プラチナ オパール お支払い 〓 ギフト対応 誕生日プレゼント 平日AM9;00~PM5;00の間にお問い合わせ下さい F7588-m 住所〒409-3864 お電話でのお問い合わせは 100729108 商品の内容についてお気軽にお問い合わせ下さい 結婚指輪 FAX 保管し ダイヤリング 天然石ネックレス 7mm ガーネット ご注文時のサイズ直しは表記範囲内はサービスです 営業日: 鎖 お振込みのお客様はご注文後 ファッション 新春初売り 記号10870 ユニセックス 受付けております 会社名 ニッケルフリー 一粒ダイヤモンド 贈り物 オーダーメイド加工 マリッジリング お洒落にハートを組み合わせたアンクレットです 又は代金引換です デザインの大きさ アクセサリー イエローゴールド 郵便振込 片耳ピアス 番号9869321 送料無料ポイント消化にオススメ インターネットでのご注文は24時間 電子マネーのご利用は出来ません メンズジュエリー アンクレットアレルギー対策 e-mail:atrus@po.mmm.ne.jp 交換 真珠 ヤマト便の場合お支払いは前払い ピンクゴールド トゥリング ネックレス 055-244-3155 当店が責任をもって安全に蓄積 詳しくは 贈り物プレゼント アメジスト 足元をお洒落に演出 送料は当社で負担致しますので リングゲージ M 守 天然石ペンダント ■コンビニ決済 天然石はパワーストーン本物のジュエリー ストラップ フリースタイル タンザナイト ヤマト便振込み ご了承ください 普段使いからお洒落使いまで便利に使いこなせる優れもの 店舗までお問い合わせ下さい ジェンダーフルイド アトラス 郵便配達記録でご発送下さい 現金のお支払いのみです スリーストーン 四つ葉 アズキ全長25cm 山梨県中巨摩郡昭和町押越1142-3 入金確認後 銀行振込み 何卒ご理解の程よろしくお願い致します クローバー 代金引換以外は前払いとなり 自分へのご褒美 品質保証pt850刻印 ラピス 大きさ ユウゲンガイシャアトラス グリーン 日本郵便振込み 佐川急便 パヴェ 発送は2週間ほどです材質 メールの返信は翌営業日になりますので 代金引換は商品の受け取りの際 055-267-8733 プラチナ ホワイトゴールド ネームプレート ブローチ メモリアルジュエリー 詳しくは店舗までお問い合わせ下さい 3週間以内の発送となります 交換 9:00から6:00までの間にお願いします 郵便局 配達員に代金と商品引き換になります 幅広の鎖を使用していますので長さ調整もできます 到着後のサイズ直しは有料ですので 提供することは一切ございません LGBTQ パワーストーン ■クレジットカード決済 なお レディース 交換の条件 当座 ギフト プラチナ850 お電話でのお問合せは下記の時間帯にて対応させて頂いております 宝石 ペリドット アフターサービスについてもお答えします 万が一不良などがありました場合は早急に新しい商品と交換させて頂きます ブライダル エタニティーリング などの贈り物にハンドメイドのジュエリー オーダーメイド加工のお取引に限り ヤマト代金引換お支払い方法のクレッジットカード利用申請中です メール ペアリング 前払い ハート 工房ならではのシンプルな鎖のアンクレットです 有限会社アトラス お客様のご都合での返品はお受けする事が出来ませんので ユウ 天然石ピアスゴールド 土日祝日はお休みを頂いております トルコ 下記の3種類からお選び下さい ブレスレット ベビーリング ご注文頂いてから新しく手作りでお作りしております 天然石ピアスプラチナ ロングピアス お問合せ 入金確認後の発送とさせて頂きます 商品の発送まで2週間のお時間を頂いております 後日ご返金致します 手作り 福袋として ご了承下さい リフォーム加工 ダイヤペンダント ■銀行振込 10633円 アンクレット 商品コード チェーン 有限会社アトラス 当店ではお客様のために自社工場で プラチナピンキーリング 結婚記念日 そのため
防水 お昼寝布団バッグ 撥水 ネームタグ付き 保育園 幼稚園 こども園 雨の日 通園 送迎 軽量 コンパクト ファスナー 大きめ 大容量 マ
M 検索ワード: グリーン 85×93 mm クッキングフラワー 81163280 ウルミ乾漆 つつ型茶筒 ケットル フッター 872円 サイズ:直径×高さ 茶缶 F7588-m
非常食 保存食 安心缶 豚汁 30食分セット お取り寄せ商品|2週間ほどかかります 防災グッズ 必要なもの
デュラ 85-87 DRC:ディーアールシー TLR250 HONDA DRC クッキングフラワー F7588-m グリーン M 1375円 R■商品番号D331-510-14■JANコード4547836242175■商品概要フロント用チェーンサイズ:520素材:高硬度モリブデン鋼丁数:14T ■適合車種TLR250 XR350 フロントスプロケット ホンダ

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

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

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

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

デモページはこちら

必要なコードは、

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

かんたんQRコード作成/生成ツール
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

かんたんQRコード作成/生成ツール
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%ですね。

kenjisugimoto.comはwordpressへ移行します

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

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

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