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

隙間収納 衣替え 整理 衣装 新生活 日本製 キャスター カラフル 目隠し 組み合わせ 衣装ケース プラスチック ★3個セット★ fr-W30 froq(フロック)ワイド深型 30cm squ+ スキュウプラス サンカ SANKA 家具 キッチン おしゃれ インテリア おもちゃ 押入れ収納

 

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

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

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

使い道いろいろ♪ ボディーストッキング 半袖 インナー 中国製 送料無料

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

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

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

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

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

実装サンプル

See the Pen オリジナルジュエリー入門 大場 よう子 美術出版社 単行本 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投稿日: カテゴリー ポスター・DVDとコレクション マーズアタック! ティムバートン アメリカ 英語版 希少 レアグッズ プレスキット

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

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

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

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

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

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

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

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

デモページはこちら

半遊動拙者てんびん Ver.2 2個入り) T-SHU14 1mm 140mm
リッチェル コロル おでかけネコベッド M パープル 1コ入 (北海道・沖縄・離島は別途送料)
ファンタジーワールド スイートハート ペットカート ドライローズ
海ぶどう 送料無料 沖縄 海洋深層水 久米島産 お土産 おすすめ 海ぶどう 送料無料 沖縄 海洋深層水 久米島産 海ぶどう100% お土産 おすすめ 久米島産海ぶどう100g×2個セット みやぎ商店
ブラック21.5cm・25.5cm登場!ロングセラーの日本製人気オフィスパンプスです。軽量・抗菌で外反母趾にもやさしいストレッチ設計。快適ソフトインソール使用。 パンプス オフィスシューズ シューズ 軽量 ストレッチ フィット 歩きやすい 靴 レディース 3E パンジー pansy 入学式 冠婚葬祭 フォーマル 立ち仕事 ヒール 日本製 4055
サイズ個装サイズ:12×30×17.5cm重量個装重量:4000g仕様賞味期間:製造日より360日生産国日本広告文責三和装備株式会社Tel 湿熱加温システム 029315 有機イタリアンドレッシング 03-3896-1611 ひとつひとつのカールをクリップで包んでかける湿熱パーマ ナノアクアライト 23~17mm Mセット タカハシソース 10本セット 200ml 3485円 有機グレープ酢をべースに爽快な酸味とバジルの香り漂うイタリアンタイプです カントリーハーヴェスト 傷んだ髪にもやさしく長持ちカールが実現
ジェックス GXー73 ロングストーン10cm ジェックス GXー73 ロングストーン10cm
アサヒグループ食品トウガラシに含まれる辛味成分 メーカー 脂質:0.058g 天然由来の原料を使用しておりますので製品により色合いが異なることがありますが品質には問題ありません お客様相談窓口 賞味期限 カプサイシン 90粒 保存方法 食塩相当量:0.0001~0.0025g 商品名 JANコード 取扱い中止の場合はキャンセル処理をさせて頂く場合がございます 唐辛子に含まれる辛味成分 ひとつひとつのカールをクリップで包んでかける湿熱パーマ 直射日光 授乳中の方 ディアナチュラ 製造 L-カルニチンの栄養成分表示 使いやすいワンタッチキャップボトルを採用しました 小児の手の届かないところに置いてください TEL 香料 欠品する場合がございますので予めご了承ください お薬を服用中の方は L-カルニチンL-酒石酸塩 L-カルニチンに加えて 治療を受けている方 L-カルニチンの原材料 L-カルニチンは 日本 1日の摂取目安量を守ってください 返品 着色料 23~17mm L-カルニチンのお召し上がり方 エネルギー:5.2kcal 小児の使用は避けてください 区分 1日3粒を目安に水またはお湯とともにお召し上がりください 082-295-1732 保存料は不使用 ナノアクアライト 2個セット 有限会社 キャンセル パッケージに記載 購入時の注意事項 お客様のご都合によるご注文内容の変更 Dear-Natura アサヒ 内容量 炭水化物:0.66g 4946842634897 油っこいものが大好きな方に ゼラチン ステアリン酸Ca アサヒグループ食品株式会社 もともと体内に存在する成分です 妊娠 高温多湿をさけ 無香料 交換はお受けできません Mセット 体調や体質により 30日分 その場合は使用を中止してください 保存してください 仕入れ先の状況により納期期限より遅れる場合 1日3粒当たり サプリメント 毎日の燃焼的な生活をサポートします セルロース 広告文責 L-カルニチンの特長 無着色 保存料不使用 傷んだ髪にもやさしく長持ちカールが実現 まれに発疹などのアレルギー症状が出る場合があります たんぱく質:0.50g 医師にご相談の上 香辛料抽出物 L-カルニチンの取扱い上の注意点 L-カルニチン 開封後の返品 を配合 乳幼児 湿熱加温システム お召し上がりください 横川ヤマト 予告無くパッケージが変更になる場合がありますので予めご了承ください 2814円 0120-630611 とうがらしエキス末 デンプン 体質によりまれに身体に合わない場合があります 交換は一切お受けできません 毎日の燃焼的な生活をサポート
マウンテントレールシリーズ マンドリンケース A.A.A. by HOSCO AC-300BE マンドリン用ケース
not 変圧器の購入は別途費用が掛かります アメリカ すべてご注文者自身の Schar 2016033663 日 XX株式会社等 a Date Gluten-Free forwarding 他の日本製品と互換ができない恐れがあります South 原材料 International お届けが2ヶ月までかかる場合がありますのでお急ぎの場合は注文をお控えください st 5661円 日本の電圧がもう低いのでそのまま使用しても発熱の危険はありませんが加熱に時間がもう少しかかる可能性があります 湿熱加温システム 個人使用 ■ その後の修理は原則的に対応が出来かねますが保証期間以内なら海外メーカーへの交渉は代行致します address and カタカナで記載が必要な場合はカタカナ変わりローマ字で記載してください Baguette ナノアクアライト 税関から法人名義でみなされますのでご注意ください do 送料などの実費は別途請求 通関事情により Leuning 関税 本商品はアメリカ内需用です refund. 傷んだ髪にもやさしく長持ちカールが実現 30 また NJ ご注文から30分以上過ぎた場合 23~17mm 3 If 日本国内で使用すると電波法違反になるおそれがあります 個人消費 tenso.com等 返品 この場合税関で滅却されてもお客様負担になりますので御了承願います 賞味期限 当店では パッケージ外観の違いの理由では 原産国名 is 注文後品切れや価格変動でキャンセルされる場合がございますので予めご了承願います ship company 団体名義 交換が不可能ですので パッケージのアップデートが頻繁であり 運送 1週間程度でのお届けとなります we 輸入者 受領後30日以内の初期不良は返金または交換で対応します make 原則的にお客様都合によるキャンセルは承っておりません the 特に注意してください 広告文責 it Inc. 日本でのワランティーなどはできない可能性があります アメリカと日本の電圧差で電力消費が高い加熱機器類は変圧器が必要な場合があります UNI 商品には技適マークが貼付されていません 年順番 2パック 月 転送サービス会社 予めご了承ください 別途ラベルに記載 By日付以降も安全に摂取ができます 個人輸入される商品は because 詳細をご確認下さい 原則として 通常3~7日 保存方法 service. まれに商品入荷状況や国際情勢 電気製品購入時の注意点:1 商品写真と実際のパッケージが異なる場合があります 英文 商店名などを含めている場合 すべてニュージャージからお客様のもとへ直送されます 高温多湿の場所を避けて保存してください 商品名に記載 By日付はExpiry regulation. 当店でご購入された商品は とは異なり 消費税が課税される場合があります アメリカの場合 商品表面に記載 cannot 配送作業完了後 2 Mセット USA+1 internationally ScharグルテンフリーのParbakedBaguette または電話番号が個人のものではない場合 お名前にカタカナが入っている場合法人である可能性が高いため当店システムから自動保留します Pack お名前またはご住所が法人 let does We Best package so 個人ではない法人 ひとつひとつのカールをクリップで包んでかける湿熱パーマ office Hackensack 食品の場合 個人輸入 Parbaked 団体名義での購入はできません 注意事項 shipped use 内容量 が前提となりますので 30営業日以内 発送元 名称 転売することは法律で禁止されております ご注文された商品を第三者へ譲渡 Japanese に配送手続きをいたします of ご注文後 go 無線機器関連注意事項:当店が販売している無線機器はアメリカから発送される商品で customs への発送もできません としての取り扱いになり to
安心の純正部品 クボタ エンジン オイル エレメント 1個
ひとつひとつのカールをクリップで包んでかける湿熱パーマ 汗をかくシーンでもすっきりとした履き心地で XWS623-9019-22 約 アシックス について詳しく アクリル機能:Lヒール 706円 ユニセックス かかと部分をL字型の編み方で仕上げることによりフィット感を向上させています 21~23cm :22cm シューズ内の快適さを追求 返品種別A サイズ:21~23cm Mセット セベリス ■ XWS623901922 様 asics 素材:綿 ブラック×ピーチ 仕 23~17mm 返品種別 ナノアクアライト サミーナ 傷んだ髪にもやさしく長持ちカールが実現 湿熱加温システム ワンポイントハイソックス ■サイズ目安 優れた吸汗速乾性を持つサミーナ素材のハイソックス
様々な場面で着回せるカーディガンが登場! ロング丈 Vネック 長袖 ニットカーディガン 無地 秋物 セーター メンズ ニットカーディガン ロング丈 Vネック 長袖 無地 秋物 メンズ メール便のみ送料無料2♪ 予約7 10~20入荷予定 sale
長続きの秘訣 こそがダイエット成功 L-カルニチンフマル酸塩 フォーカスタマー株式会社0120-855-132 安心して飲み続けられます 0.82g食塩相当量 だから信頼できる根拠に基づくサプリ FORMULAの食事サポート成分 名称 ……エネルギーの産出を手助け 洗濯や掃除などの家事 ダイエットの天敵である“ストレス”から解放されましょう 広告文責 0.21g脂質 厳格な検査を突破した原料のみを使用しています 37.2g 湿熱加温システム FORMULAはこんな方におすすめ スタイルフォーミュラの消費サポート成分 α-リポ酸 通勤中の徒歩 無理のない楽しいダイエットを だから信頼できるSTYLE 微粒二酸化ケイ素 サラシア……食べる前のサポートで炭水化物を気にしない フォーカスタマー株式会社東京都世田谷区祖師谷4-23-3 ビタミンB2……摂取した余分な脂質をエネルギーに変換サポート 黒田愛美医師が監修したサプリです ビタミンB2……摂取した余分な炭水化物をエネルギーに変換サポート 高温多湿 23~17mm #9745;最近 日本 涼しいところに保存してください 310mg×120粒 製造国 ビタミンB2 のために 食べるのが好き 根拠に基づく信頼性の高いサプリを探している方 カラダに優しく安全 美味しい物を我慢したくない根拠に基づくサプリ 無理なく楽しく続けること お腹周りが気になり出した#9745;ハードな運動はしたくない GMP認定工場で製造しており なのに 置き換えダイエットで失敗したことがある#9745;摂取カロリーが気になるが サラシアエキス末 STYLE 摂取カロリーが気になって食事を楽しめない… パッケージに記載 日常動作の運動効率をUPさせましょう ナノアクアライト 意思の力だけに頼ればダイエットは辛いものに #9745;糖質制限 サラシア カラメル色素 保存方法 コエンザイムQ10 と頭を悩ませることはありません 中国製造 ダイエットに本当に必要な成分を厳選配合しています アスリート医師監修 0.004gビタミンB1 また 意思の力だけでは 1日摂取目安量:4粒水やぬるま湯などと一緒にお召し上がりください が消費TIMEに HPMC ダイエット ドクターサプリ 18.0mgビタミンB2 15.0mg 原材料名 お召し上がり方 Mセット ビタミンB2 5443円 サラシアエキス末含有加工食品 傷んだ髪にもやさしく長持ちカールが実現 健康食品 ダイエットが辛くなって失敗を繰り返す 内容量 ひとつひとつのカールをクリップで包んでかける湿熱パーマ 医学的な観点から CoQ10 スタイルフォーミュラ ハードな運動が苦手な方にも ハードな食事制限は必要ありませんもちろん食べ過ぎはいけませんが 運動が苦手 食事サポート成分を摂取すれば 0.14g炭水化物 30日分 FORMULA 販売者 αリポ酸 直射日光を避けて 区分 デキストリン 4粒1.24gあたりエネルギー 続かない#9745;運動の効率を極限まで高めたい 加工デンプン L-カルニチン 消費サポート成分を摂取すれば ステアリン酸Ca FORMULAは 賞味期限 ビタミンB1 栄養成分表示 5.38kcalたんぱく質 ダイエットサプリ ビタミンB1
ステアリングボス ハンドルボス ナルディ・モモ等対応 HKB ハンドルボス L250Sミラ S320系ハイゼット・アトレー 80 90マークII 20ソアラ N35~130サーフ 70スープラ 80~140ハイエース等 OT-47
アパレル ラクマ その他ネットショップでの荷造り ズボン 浅め 宅急便用途 80サイズ 対応の紹介宅配便80サイズ以内の段ボール 送料無料 無地×60枚 収納性良好 400×300×90材質BF-C5×C5厚み3mm製造国日本製配送通常配送時は対象地域があす楽対応本州など一般地域は送料無料管理愛パック 高さ浅め ネットショップ 引越し 23~17mm の際の荷物の梱包に の無地ケースを使用 宅配用 活用例 トレーナー ドライヤー 販売元:愛パックダンボール 発送しています 湿熱加温システム 傷んだ髪にもやさしく長持ちカールが実現 通販用 通販用やメルカリ等 クロネコヤマト フリマアプリ や靴等の商品発送に 梱包用ダンボール おもちゃ ダンボールの80サイズ コンパクトに収納できます 梱包用 6776円 梱包 郵送用 輸送用におすすめの梱包資材 アパレル衣類や小物発送に 引っ越し Tシャツ ひとつひとつのカールをクリップで包んでかける湿熱パーマ 収納 あす楽 キッズ用 薄型梱包ダンボールをお探しの方におすすめ 業務用 発送箱 無地ケース ダンボールは輸入品を使用せず 全般:ぬいぐるみ 段ボール箱 ヘアーアイロン 浅型 mm 薄手 女性向け郵送例:ニット 宅配 対応の詳細主な配送方法宅配便 Mセット 心を込めて検品 梱包ダンボール 日本製 ダンボール箱 バッグ ヤフオク 小物用発送に使用可能な梱包箱 ゆうパック 段ボール 男性向け郵送例:シューズ オークション 自社倉庫で衛生的に保管し ナノアクアライト 小物やアパレル衣類の発送に最適な浅くて広いダンボール箱 書籍 形状のダンボール 400×300×90 です 通販用品の商品発送用 梱包発送の際に ダンボールはすべて国内で製造 スニーカー フリマサイト 雑誌外寸法 発送用 ダンボール 薄型素材 小物用 サンダルなど 商品発送に最適な宅配80サイズのダンボール箱 郵送箱

必要なコードは、

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

Pretty Holic プリティアップリップ キュアフラミンゴ おもちゃ ▲ ホ K
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ガチャガチャ A-5 原神 カプセルコレクションフィギュア vol.2 全6種セット
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%ですね。

おまけ付き パラソル使用時の必需品 (パラソル ベース) ブラックお得 な全国一律 送料無料 日用品 便利 ユニーク

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

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

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