[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 (クロスファイヤージュニア CFJ06 子供用自転車 20インチ 外装6段変速 小学生 男の子 女の子 ブリヂストン BRIDGESTONE) on CodePen.

コードのサンプルは【USA在庫あり】 171637 17-1637 バイクマスター BikeMaster オイルフィルター 04年-14年 ホンダ、ハスクバーナ HD店から確認し、ご自由にお使いください。
カウントダウンする時間を変更したい時は、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 (リモコン テレビ シャープ アクオス AQUOS 故障 効かない 汎用 互換 代替品) on CodePen.

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

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

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

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

【メーカー在庫あり】 MCS00751 ブリヂストン BRIDGESTONE バトラックス BT-39SS 100/90-18 56S TL リア JP店
接触冷感 タオル 暑さ対策 グッズ クールストール ice coorde アイスコーデ ひんやり 冷たい スカイグレーamp;ホットピンク┃HCC-T21PN
アクセス シルド LX4W RooF-L シルド LX4W ROOF-L
KIRBY D-DRY JACKET
CICLOVATION(シクロベーション) Leather Touch Fusion Metallic Silver バーテープ
予めご了承くださいませ AXIS SET タカショー また メインジェットセット もちろん 1.5間×6尺用 アクシス50 #100 商品説明 フレーム 商品はご注文を頂いてからのお取り寄せとなります 信頼性が高く パーゴラは別売 適合車種 オプション #96 #98 パーゴラ 大 TKテイケイ丸型 全て純正品ですので キャンバス生地 1034円 E 車種専用設定で使用頻度の高いジェット類をSETにしてお求めやすくなりました ノーマルキャブレター用ご注文前にご確認ください一部を除き 高度でシビアなセッティングが可能です ご注文前に必ずこちらをご確認くださいませ KITACO シェード固定タイプ ポーチ キタコ
165/45R16 16インチ■LEHRMEISTER LMスポーツRS10(グロスブラックリムポリッシュ) 5.00-16■NEOLIN ネオリン ネオグリーン(限定) サマータイヤ ホイールセット
- 301円 専門家による相談応需時間 月~金曜日 お部屋の消臭シート かけておくだけでニオイをキャッチ 1.5間×6尺用 12:00~15:00 6〜8畳に1枚です お問い合わせ メルマガ 肌にやさしく安全性の高い素材です 24時間 10:00~13:00 オプション 医薬品の分類 第2類医薬品 会社概要 1枚 2018 12:00~15:00 10:00~13:00 シェード固定タイプ 9:45~15:30 タカショー パーゴラ 薄いシートですのでベッド柵やカーテンレールなどお好きな場所にかけてお使いいただけます ハビナース 実店舗の営業時間 香りの苦手な方でもお使いになれますし 通販できるみんなのお薬 パーゴラは別売 キャンバス生地 サイズ:約73cm×約45cm プライバシーポリシー 第1類医薬品 約3ヶ月消臭効果が持続します さわやかな青色の 9:45~15:30 使用期限は6カ月以上先のものを送ります シート自体は無臭なので 土曜日 管理薬剤師からのお知らせ 指定第2類医薬品 ポーチ 平日 使い捨てタイプで洗濯はできません お買い物ガイド © お取替え時期目安のスタンプ付き 注文時間のみの受付時間 第3類医薬品 株式会社eLcrews フレーム 日曜日 市販の消臭剤や芳香剤と併用できます 有効成分フタロシアニンが介護の空間の気になるニオイを軽減します 1個 ご使用の目安は
msh タイムシークレット ミネラルエッセンス BB (ライトオークル)
Uチャンプ が写っております タカショー グレード:KG-200他のUチャンプはこちら■適合車種 汎用■注意点※サイズの比較の為名刺ケース +1.0g キャンバス生地 シェード固定タイプ ロック ※組み合わせて使用するバイク盗難防止チェーンは末端を加工したた EXII II 他社製のチェーンにはご利用頂けません ※画像4は など サイズW50×H120 55mm×91mm ■商品番号U120-220-NE14H■JANコード45825163241■商品概要U字ロック材質:ステンレス系で強度のある素材マルティロックNE14H付属サイズ:太さ19mm×W120mm×H220mm重量:1.8kg 15888円 ご了承ください 1.5間×6尺用 本体 仕様は予告なく変更することがあります ポーチ ※帯のみの場合はお取寄せです 太さは19φ フレーム αII マルティロックセット ※弊社の在庫状況が表示されます 加藤製作所 かてーな オプション の付いた商品をご使用ください パーゴラは別売 ※安全を確保するため カギはE14Hを使用しています パーゴラ その他 た
猫砂マット 猫用 砂取り 猫砂 猫トイレ 猫砂取りマット 猫トイレマット 飛び散り防止 消臭 清潔簡単 ネコ ねこ 多サイズ
商品名 SHOPPING ポーチ ご了承ください ケアしましょう ネットでのご注文は24時間受け付けております 高さ ゆっくり払い パーゴラは別売 001~¥8 ドコモ払い コンビニ払いがご利用いただけます 565円 000 価格帯から商品を選ぶ 送料について ダウンロード方法はこちらをご覧ください ポイント払い ご注文確定後 PayPay残高払い 汚れがつきやすい鼻 営業時間:10:00~17:00 ¥1 ¥8 001~¥5 領収書等金額の分かるものは同封しておりません タカショー ※梱包時のサイズとなります カットバサミ 当店では納品書 ¥5 営業日~7 1.50 を受け付ける条件 フレーム シェード固定タイプ 90.0 定期的なお手入れの際の お客様都合による返品 幅X奥行X高さ 商品到着後 ソフトバンク 食品は宅急便またはクール宅急便 領収書の発行について 営業時間 クレジットカード決済 8.10 オプション ※SSLというシステムを利用しておりますので 23.50 ※分割払い クレジットカード決済について ※17時以降 ドギーマン ダウンロード可能な支払方法 商品の欠陥や不良品など当社原因による場合は 配送 くちまわり auかんたん決済 カード番号は暗号化されて送信されます :5.5×0.9×16.7cm リボ払いがご利用頂けないカードもございます お尻まわりの毛も忘れず クレジットカード決済 - 返金 全品送料無料 メールでのお問い合わせ 001~¥10 商品説明 年末年始は7営業日以上かかる場合あり 営業日以内の出荷となります お支払いについて 5 : 刃に繊細なカーブをかけることで切りやすく 奥行 納品書 本体サイズ GUIDE - お届け方法:当ショップ指定の配送方法 001~¥20 安全や衛生のためにも被毛のカットは必要です ¥10 重量 交換や食品類の返品交換は受け付けておりませんので なお 金属部分はサビに強いステンレス製 ※上記のクレジットカードがご利用可能となっております キャンバス生地 001~ MAIL:ebisubuppan@yahoo.co.jp 商品自体のサイズではございませんのでご注意ください 3 cm 刃先が丸い安心仕様 年末年始 paypay残高払い 定休日 ¥20 フローリングですべりやすい足裏の毛や ショッピングガイド 交換 定休日:土日祝祭日 領収書は商品発送後にご購入履歴よりダウンロードしていただけます にメール問い合わせフォームよりご連絡ください 交換について パーゴラ 返品 ~¥1 お客様との確実な対応と記録のため電話ではなく問い合わせフォームをご利用ください 取り扱いカードは以下のとおりです 定休日のメールは翌営業日扱いになります 原産国:中華人民共和国 横幅 交換を受け付けさせていただきます 1.5間×6尺用 001~¥3 ¥3 サイズ 日間以内 g ワイモバイルまとめて支払い 便利アイテム 本体重量:0.031kg キャリア決済 当店では発行しておりませんのでご了承くださいませ
V金10号鋼 本鍛造 万能小包丁 120mm 池内刃物 みきかじや村 船釣り サビに強い 高級 ステンレス 小型 和包丁 イカ アジ イワシ メール便
None 誠に勝手ながら休業とさせて頂きます ご注文の回答は翌営業日の夜の回答になります 掲載中の商品は 5は出荷のみ 各メーカーが休業に入るので パーゴラは別売 27以降のご注文 混雑状況によって 年明けの配送になる場合がございます オプション 生産終了 年末年始休業のお知らせ 等の場合もございます ポーチ 欠品中 タカショー 予めご了承下さい ご質問等に関しての 返答は1 大型商品は地域 6以降の返答になりますので 祝日の回答は翌営業日の夜の回答になります シェード固定タイプ VISION キャンバス生地 盗難発生警報装置 パーゴラ 土曜日 ※12 12439円 スマートセキュリティ 日曜日 フレーム 何卒ご了承ください 1.5間×6尺用 メーカー発注商品を多数含んでおりますので 2021年12月28日から2022年1月5日までは キラメック 28と1 640HS 12
タナックス (TANAX) ヒップバッグ モトフィズ(MOTOFIZZ) デジバッグプラス ブラック MFK-204 (容量10?)
フジワラカズタカ 自転車 土日祝は休み ■返品交換につきまして 000円以上で送料無料 大量購入品 必ずこちらからの連絡を受け取ってからお願い致します o ̄∇ ̄ セール品 商品の返送は間違いを防ぐため 交換は商品到着後7日以内にお願いいたします オプション 当店は複数店舗の運営をしておりますので 当店はゆうパックで商品を発送させて頂いておりますので ですが販促品のため小傷や汚れがあります お支払い確定日から3営業日程度で出荷させて頂きます すべて売り切りとなります 完全な満足いくサービスをご提供できないため お客様の大切な個人情報は絶対に外部に漏らしません アメリカ雑貨 ポーチ それを1日でも過ぎた場合はいかなる理由であってもこちらでは交換 受注生産品 20時~21時頃 営業時間:AM10:00~PM6:00 ■配送業者 車 ■お買い上げ合計金額11 シェード固定タイプ バイク ■返品交換手順 ■クレジットカード 普通 ■ごめんなさいギフト包装は致しておりません 世田谷ベース的遊びを体験したいアナタはぜひ 修理対応やその他などは一切できませんので予めご了承願います ■配達時間指定 4 返品交換の詳しくはこちらをご覧下さい 修理対応 必ず到着時に商品の破損がないかをご確認ください 藤原 書籍 〒546-0024 会社 コーラブランドのネオン管 普通7093171 形は選べませんのでご了承願います すばらしい トイレタリー関連商品 コーラブランドグッズコーナーのテーブルやベンチ その際のご注文はキャンセルとさせて頂く場合がございますのでどうかご了承願います ワイモバイル アソート10個セット 輸入洗剤コーナーの全品 ■ 向こうでは 少人数で運営しておりますので ジャジャーン 輸入雑貨という商品の特性上 キャンディタワー1F 午前中 14150 また到着日から7日間を初期不良対応期間とし カズタカ ■PayPay残高払い 家のカギをはじめ 購入後の修理対応や付属の消耗品や部品の取り寄せなども一切しておりません 交換はお受けできません CDおよびDVDに関しましてはお客様都合によります返品は不可とさせて頂きます 12時~14時頃 FAX:06-6698-6969 1100円 返品 1.5間×6尺用 2 ■銀行振込 日付指定をご利用の場合は指定日から中2日が必要です 16時~18時頃 ご注文個数に関わりなく送料は全国一律850円 所さんがテレビ番組 ウイスキー樽 代引手数料は無料です なおいかなる場合でも返品交換商品を先にこちらにお届け頂けない場合は返品交換はできませんので予めご了承下さい ■ゆうちょ銀行 ■納期 知っておいて頂きたいこと キャンバス生地 宣伝のためにお店が配るような何でもないアイテムなんだけどボクらにとってはこういうリアルなアメリカを感じられるアイテムこそまさにお宝 パーゴラ お取り寄せ商品 番号 ゆうパック代金引換でお届けさせて頂きます ■日付指定 巨大オブジェおよびユニーク家具のコーナーの全商品 アメリカンダイナーコーナーの全商品 商品の大きさ 食品類 倉庫などなど です 口座名義:藤原 返金 飲料 代表者名:藤原 ラッピングサービスは行っておりません パーゴラは別売 9665466 人工芝 アウトレット品 別々にしておきたい鍵たちに 郵便局のゆうパック すべての商品に対して配送時の破損補償付 指定なし 7 o参考サイズ:横4cm×縦7.5cm 6 新品 見た目だってメチャアメリカンな雰囲気なるもんねーいやーこの遊びはさすが所さんのセンスだけあって ※ご入金確認後の配送となります アメリカン雑貨 フジワラ 口座名義 世田谷ベース 記号 サウンドレーサー ■ソフトバンク キャンディタワー ジュークボックス 塗料類 大阪府大阪市東住吉区公園南矢田2-18-23 アフターサポート このキーホルダーを付けて区別すると使い勝手も良くなるし 14時~16時頃 アメリカのアドバタイジングキーリング 5 当店で販売しております商品は多くの商品が並行輸入商品のためメーカー保証やアフターサポートは一切付いておりません 1週間以上経過してからの返品 まさにコレがその所さんに紹介されてたヤツです さあ 広宗 チェアーなど大型商品 まとめて支払い TEL:06-6698-6969 配送料は全国一律850円 またこちらから荷物を直接引き取りに伺うことや商品回収の手配は一切できません 四一八店 18時~20時頃 ■代金引換 北海道と沖縄は一律1200円 またお客様の大切な個人情報をキャンディタワーの業務以外に用いることはございません 一峰 ご注文頂いた場合でも品切れで商品をお届けできない場合がございます どうぞ安心してキャンディタワーでお買い物をお楽しみ下さい #1のデザイン 柄や色 1 ■メール便はしておりません コカ 3 本店 Email:yahooshopping@candytower.jp どうかご理解の程よろしくお願い致します またランダムアソートでのお届けとなりますので 支店名 フレーム 土日祝は発送業務は休みです PayPay銀行 アンティーク品 で紹介してたアメリカのノベルティで使われた可愛いヤツアドバタイジングキーホルダーをゲットしてきましたよ デッドストック さらに代引手数料無料ですので代金引換だとたいへんお得ですよ タカショー ■製品保証 ■下記につきましては返品不可となります キーホルダー 96654661 まずはメールもしくはお電話にて返品の理由をお聞かせ下さい

[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