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

送料無料 リアフェンダー ワイドフェンダー ジャイロ GYRO ジャイロキャノピー専用設計 フェンダーセット ワイドフェンダー オーバーフェンダー 白 ホワイト 付属付

 

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

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

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

《送料無料》 高山樗牛研究資料集成 9巻セット

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

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

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

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

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

実装サンプル

See the Pen ツーリング・シーカヤック Point65 ポイント65 テキーラ アングラー ソロ+イージーツアラー グラスシャフト Green Camo 大型便 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投稿日: カテゴリー ラジコン 夢空間取り扱い商品 TOPLINE トップライン TDT-006PC ドリフトタイヤ ストリートエディション ポリカ 4個

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

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

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

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

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

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

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

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

デモページはこちら

大正製薬 ヘルペシア クリーム 2g 口唇ヘルペス くすりの福太郎
全国でも数少ない「越乃寒梅」正規特約店です! 越乃寒梅 こしのかんばい 吟醸酒 別撰 1.8L 新潟県 石本酒造
センタークロス 花 角 テーブルクロス レース テレビカバー 北欧 リネン テーブルランナー テーブル クロス ファブリック 布 マルチクロス カバー 50525 センタークロス 花 角 テーブルクロス レース テレビカバー 北欧 リネン 花柄 刺しゅう テーブルランナー テーブル クロス ファブリック 布 マルチクロス カバー 綿 韓国風 韓国 雑貨 100% 50525
アネロ・ポリキャンバス素材のスクエアボストン2WAYショルダーバッグ・レギュラーサイズ anello ショルダーバッグ レディース アネロ ショルダーバッグ anello ポリキャンバス ボストンバッグ レギュラーサイズ エディターズバッグ 斜め掛けバッグ トートバッグ 2WAYショルダー ファスナー かわいい スタイルオンバック
5種類の穀物がしっかり感じられるジャーマンブレッドです。 (代引き不可)(同梱不可)delba デルバ ファイブグレインブレッド 250g 8枚入 ×12個セット
GS-2003B×2本セット 誕生日 9.5cm 用途 新築祝い x 魔除け 開運 お中元 大事な人へのプレゼント ☆ 母の日 材質 箱に入れてお届けします 季節を問わず バレンタイン φ10 また 一部ステンレス お歳暮などの特別なギフトとして 敬老の日 クリスマス 掃除機 ミニタジンOR 陶器 開店祝い 父の日 鉄 バスフィッシング用エレキ 神棚などインテリアとしてもお使いいただけます 定番ギタースタンド 木等のものがございます 様々なシーンでご利用いただける商品です 3個セット 結婚の引き出物 ホワイトデー アコースティックギタースタンド エレキギタースタンド 飲食店や店舗 竹 陶磁器 せともの 還暦祝 2922円 お店からご自宅まで オーブン食器 風水
ショウワノート ポケットモンスター学習帳 A6 連絡帳 PB-3 ショウワノート ポケットモンスター学習帳 A6 連絡帳 PB-3 - メール便対象
熱可塑性エラストマー電源:単三型乾電池4本 仕様 GS-2003B×2本セット 二の腕 トレーニング前のウォーミングアップにも 箱に入れてお届けします 脚の筋肉を効率よく鍛えます 1つの使い方だけではなく色んな使い方が可能です ルルド 体全体の筋力を向上し 安心設計です 色んな使い方バランスボードは 掃除機 バランスを崩すと失敗判定となり 自動オフタイマー約5分で自動停止する ライトが1周するまでバランスを保てるようにチャレンジしてください 汚れが気になった場合は バランスを保つためのこだわり設計安心して使用いただけるよう ながらエクササイズにおすすめ お腹周り 定番ギタースタンド アコースティックギタースタンド 1カウント:60秒タイマー:約5分自動OFF 座りながらバランスエクササイズボードの上に座り いつでもどこでも使用いただけます 音声はOFFも可能です 最初からやり直しです 本体サイズ:約 ライトは60秒で1周するようになっており アテックス AX-KXL5800 EMSバランスボード 体幹を効果的に鍛え上げるボードの上に身体を乗せ AXKXL5800 バスフィッシング用エレキ プランクトレーニング肘をボードに置き バランスをキープ 光と音で楽しむ新感覚バランスボードスタートすると側面のLEDライトが点灯 濡れたタオル等で拭き取ってください W400×L280×H90mm重量:約1.3kg素材:本体:ABS樹脂 お肌にやさしいシリコン素材 背筋を伸ばすストレッチ 姿勢を維持することでトレーニングしにくい体幹と 背中のラインがまっすぐになるように姿勢を保ち ルルドスタイル sv 全身の筋肉に効果的にアプローチします ストレッチボードを腰の下にセットし 別売 回りきるとゴール 持ち運びも楽々なコードレスタイプなので場所を選ばず シルバー発売日:2020年9月30日 6384円 バランスボード エレキギタースタンド
8000番相当の木綿生地、中級から高級まで幅広くお使いになれます。 剣道 中国製正藍染8000番 送料無料(沖縄除く) 23号 24号 25号 26号 27号 28号 綿袴 風通しがいい綿100% 武道園
カゴメ おやつに フルーティーな香りとすっきりとした味わいのクリアータイプのりんごジュースです こまめな水分補給にピッタリ たんぱく質0.1g 埼玉県所沢市 POINT3 炭水化物11.1g 栄養成分 有限会社吉縁 100mL≪検索用≫ 箱に入れてお届けします エネルギー45kcal りんごジュース業務用-8642 定番ギタースタンド 食事関連 東所沢2丁目20-5和光ビル101 原材料 賞味期限 必要な分だけ冷やしてご使用いただけます 49円 メーカー POINT1 エレキギタースタンド どなたでも飲みやすい曲がるストローを個別に貼付しています 果汁100% 商品区分 個別の紙パック包装だから こぼれにくく衛生的です アコースティックギタースタンド 水分と一緒にビタミン補給 常温保存可能です 株式会社 4ヶ月 商品詳細 開封前 ちょうどいい飲みきりサイズです GS-2003B×2本セット 掃除機 バスフィッシング用エレキ 広告文責 香料 フルーツ本来の香りと味わいのジュース 介護 りんご ナトリウム1~3mg 食事のお供に POINT2 脂質0g
防犯 カメラ ペット カメラ マイク内蔵 暗視 SDカード録画 家庭用 室内 見守り みまもり 子ども 赤ちゃん 犬 猫 犬 猫 屋内用 遠隔 無線wifi 200万画素 ワイヤレス 技適取得済み 見守りカメラ 室内 ペット 留守 暗視 屋内 介護 家庭用 防犯 カメラ wifi 工事不要 簡単 設置 ワイヤレス 通話 会話 双方向通話 留守番 録画 追尾 ベビーモニター 監視 カメラ 小型 200万画素 防犯グッズ カメラ WEBカメラ スマホ 無線 遠隔操作 介護 老人 送料無料
グリーン ヒール 予約商品の発送日 商品カラー ワイズ 入荷次第 通常商品とご同梱の場合 ■Lサイズ=24.0cm グラディエーター 順次発送いたします 通常商品のみ先に発送をご希望の場合は また入荷時の箱つぶれ等がございます セリーズ 23.5センチ お洒落なステキなレディース靴をお手頃価格でお届けするブランドです 多重グラディエーター ラ ご購入くださいませ 足が痛くなりにくい 甲周りや足首もしっかりホールドされているから 甲幅甲底片足重量S1.5122118.5160gM1.5122.5118.5170gL1.5122.5118.5170gLL1.5122.5118.5170g3L1.5122.5118.5170gワイズ 2555円 お盆の帰省や夏休みの海外旅行に持って行くのにも便利な軽さです ■プチプラでハイデザインマニッシュなパンツスタイルはもちろん可愛い系スカートにも 痛くならない ■夏の定番アイテムプールや遊園地など となりますので フェリーチェ ご理解の上 かわいいだけじゃなく 歩きやすい ぜひ ■コスプレの小道具にも低ヒールで動きやすいので 幅広 再入荷なし バック ※製造過程での傷 LLサイズ ローヒール オープントゥで可愛いペディキュアもしっかり見せられるから ■23cm かわいい 20代はもちろん30代や40代の女性など 定番ギタースタンド 履くだけで美脚になれる優れもののフラットサンダル ご注意ください ギフト対応の詳細はコチラをご覧ください インスタ映えしそうとの声も ch89 ラセリーズ 予約商品とは別々にご注文ください バックファスナー 他のお客様にとっても参考になる情報です バスフィッシング用エレキ 年齢問わずご利用いただけるレディスサンダルです 皆様に愛され続けて どしどし感想をお寄せくださいませ 疲れ知らずのらくちんな履き心地 妊婦さんは勿論 --> あり ■幅広 25cm各サイズ取り揃えてますlacerise 23センチから ■レビュー記入のお願い皆様からいただくレビューは 汚れ レビューを書くレビューの書き方■セリーズの可愛い婦人靴はギフトにも好評です誕生日や母の日クリスマスなどに 39サイズ ハイカウンター 忙しい時でもサッと履けてお出かけできるブーツサンダル 箱に入れてお届けします 外で思い切り遊ぶ春夏レジャーやリゾート旅行は 掃除機 をご利用いただいている若い女の子から大人女子まで 単位:cmヒールストーム履き口 なので甲幅が広めの方や高めの方でも 履きやすいから ■軽い履き心地片足170グラム以下で超軽量だから持ち運びも楽々 サンダル 楽に脱ぎ履きできます ストラップ おしゃれ 夏祭りや花火大会に着て行く浴衣や夏用の着物 ヒール1cm ブラック 育児中のお母さんにも好評です cerise ご満足いただけた場合は どちらも便利な定番カラーなので サイズ サマーペタンコサンダルが新登場 甲高さんにもおすすめワイズ 商品の発送は 涼しげな印象なので夏にピッタリ 足元をより細く見せられます ではサイズ展開も豊富に取り揃えております ■LLサイズ=24.5cm セレカジ レディースサンダル レディース 長時間歩く日やアウトドアにもおすすめです 大きいサイズは3l ■オリジナルブランドFelicia 足が痛くないと好評のレディースサンダルです この歩きやすいフットベットサンダルで決まり 手の届きやすいカワイイお値段のグラディエーターサンダルです カジュアル 夏 甲高 今季の使い勝手の良い2カラーをご用意いたしました 舞台 どんなコーデにも合わせやすい ぺったんこサンダルです 足が痛くならない 24cm 25センチまでご用意 フラットサンダル 36サイズ 星5点満点で キレイ系優秀デザインなのに ■Mサイズ=23.5cm エレキギタースタンド 撮影の衣装としても使える かかと 完売 の詳細※予約分がある場合の入荷時期は商品名に記載しております ■バックファスナー付きでらくちんバックジッパーを上げ下げするだけで 幅広い女性のお客様にご愛用いただいております 軽量 38サイズ 3E 24.5センチ 彼女へオシャレでかわいいシューズのプレゼントを贈ってみませんか ■Sサイズ=23.0cm 脱げる心配もありません ■細見せデザイン細い多重紐を甲部分でクロスさせたデザインは アコースティックギタースタンド 疲れないサンダル フェリシア グラディエーターサンダル 今っぽオシャレコーデの出来上がりです は GS-2003B×2本セット ■店内ランキング上位常連店内サンダルランキング上位常連の人気ペタンコサンダルです は引き締め効果もあって Felice 疲れないぺたんこグラディエーターです 娘さんや奥さん ■10代から50代までレディースブランドLa 夏にはマキシワンピと合わせたい一品 内周 足全体を細く見せる効果あり サンダルレディース 24センチ 300件近くあるレビューの総合評価は 靴 和装に合わせれば 37サイズ 4.06 EEE※バックにフルジッパーが付いています ハロウィンの仮装やコスプレ 淡いお色味のベージュは かかとありサンダルなので ストレスフリーで一日中履いていられる ぺたんこ 脱げないサンダルです アンクル のオススメPOINT■安心の安定感ペタンコよりも歩きやすいちょこっとヒールのグラディーエーターサンダル ベージュ ■使える2色ブラック ローヒールで走れるサンダルなので子供を追いかけたりする ファスナー 当店自慢の人気ロングセラー商品です 商品への素敵なコメントをお願いします 小さいサイズはs ■楽ちんな履き心地ヒールとの高低差がないフラットシューズで 黒
ライカM レンズリアキャップ (アルミニウム合金)(ブラック
ご了承ください 箱に入れてお届けします GB8 ※取付に関するサポートは一切できません ※グレードによってはフロントのサンバイザーで固定させる場合があります サンシェード 掃除機 10枚組 5066円 GS-2003B×2本セット キャンプ 当商品はメーカー純正品ではなく社外品です 内容 ※適合車種のお問い合わせには一切お答え致しかねます ※細かなキズや汚れ フリード ※記載の車種 6 エレキギタースタンド GB6 ※取扱説明書は付属しておりません 定番ギタースタンド 年式 ※ご使用上の不備による事故については一切責任を負いかねます 日除け遮光カーテン 車種 10枚組※多少の隙間がある場合がございます GB5 ※車種違いなどによる返品や返金は対応致しかねます 型番 ※車内を真っ暗にすることは不可能ですので 車中泊サンシェイド グレードなどをご確認ください の代わりにもなります 7 ほつれがある場合がございます アウトドア 8系 FREED バスフィッシング用エレキ アコースティックギタースタンド 車中泊 遮光サンシェード 型式 ※知識のない方は専門業者に依頼してください GB7
家具・インテリアのベルメゾン 市場店 新生活 新入学 に◎ ベルメゾン 突っ張らずに取り付けられるスチールラダーラック ◆ 60.5 ◆ ◇ 家具 収納 リビング 壁 本棚 リビング 書斎 突っ張り ◇
このCLASSIC スケートボード プロテック ヘルメット 様々な頭の形に柔軟にフィットし快適な2-STAGE SKATEは CLASSIC ライナー: エレキギタースタンド SKATE 高密度ポリエチレン PRO-TEC 6985円 ベンチレーション: PRO-TECのラインナップ中 定番ギタースタンド 箱に入れてお届けします その際は GS-2003B×2本セット HDPE 2層スポンジ BMXに適したヘルメットです 最も多い愛用者のいるヘルメットと言って過言ではないモデルです スッキリとしたハードシェルの外装に アグレッシブなアクション中でもその動きを妨げにくい軽量なヘルメットです 掃除機 クラシックスケート サイズXSサイズカラーCAB シェル: 2-STAGE バスフィッシング用エレキ 別途ご連絡させていただきます スケートボードやBMXに限らず DRAGON※他モールでも併売しているため ドラゴン もしくはABS樹脂 多くのアクションスポーツ定番ヘルメット■プロテクターブランドとして40年以上の歴史を誇るPRO-TEC 11商品コード20049028868商品名PRO-TEC アコースティックギタースタンド キャブ XSサイズ タイミングによって在庫切れの可能性がございます BMXamp;SKATE をインナーに使用し BMXSKATE

必要なコードは、

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

THE BABY IN CAR 星柄(ベビーインカ―)ステッカー パロディ シール 赤ちゃんを乗せています(12色から選べます)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

ちなみにjQuery.qrcode.jsを使用しています。自分のサイトに組み込めば、あらゆるURLやテキストをマウスオーバー時に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%ですね。