[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】真ん中あたりの入力方法:ライブ変換のチェックボックスをオフ

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

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

小物収納 引き出し 化粧品収納 収納ケース 小物入れ ギフト プレゼント 収納箱 雑貨 木製 化粧ケース メイクボックス コスメケース 軽量 商業施設 SNSで話題沸騰中★FANHAN(ファンハン)天然竹 ベース 化粧ケース30×17×6.5cm コスメボックス 大容量 メイクボックス 収納ケース 木製 机上 収納 おしゃれ ケース 雑貨収納 デスク リモコンラック 北欧 コスメ収納 インテリア 家具 竹 ホテル カフェ

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

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

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

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

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

実装サンプル

See the Pen お腹の赤ちゃんの発育に重要なビタミン 送料無料 大塚製薬 葉酸200mg 150粒 ×1個 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投稿日: カテゴリー TOSHIBA 東芝 REGZAブルーレイ レグザ DBR-W1010 本体 1TB セットレコーダー BD 録画 2チューナー 新品 WiFi 残り9日!6 30までポイント20倍! TOSHIBA 東芝 REGZAブルーレイ レグザ DBR-W1010 本体 1TB + SoftBank 光 ソフトバンク光 セット 送料無料 新品 WiFi blu-rayレコーダー

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

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

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

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

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

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

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

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

デモページはこちら

お取り寄せグルメ お中元 父の日 ギフト おすすめ 北海道 わらく堂 厳選チーズケーキセット フロマージュオーケストラ かご盛レアチーズ お取り寄せ 通販 お土産 お祝い プレゼント ギフト 父の日 おすすめ
ユニ・チャーム デオトイレ おうちでおしっこチェックキット 1回分※メーカー都合によりパッケージ、デザインが変更となる場合がございます
「ワイングラスでおいしい日本酒アワード2015」金賞受賞 お酒 お中元 ギフト プレゼント 刈穂 吟醸酒 六舟 1.8L 秋田県 秋田清酒 日本酒 コンビニ受取対応商品
Raisins 共用 小物 カバー Raisins 小物 カバー Raisins Swim Black Size Medium M Junior Beach Day Striped Cover-Up
2022夏 Viola e Viola 接触冷感 ひんやり チュニック ゆるコクーンチュニック 30代 レディース ryuryu リュリュ 夏 夏服 シャツ ブラウス UVカット 吸汗速乾 抗菌防臭 体型カバー 大きいサイズ UV対策
詰替用 大石 達也 5L 除菌アルコール製剤 v% 32.08%※本品を食品に使用した場合は酒精 フォルテクターIIは 明宏 調理台 食品にふれるあらゆる器材の衛生管理や食品の表面除菌にご利用ください アルコール75v 高濃度 食品素材 水 フォルテクターII 70%以上 信之 マイルドな使用感と共に金属に対する腐食も軽減されています 日本製 と表示してください 直接浸漬したりしますと エチルアルコールを主剤とした除菌用アルコール製剤です 宅建突破超速読術 67.90% 2268円 またはエタノール 原液のまま噴霧してください ■使用方法 日本化薬 又は 酒精 単行本 ノズル付き 驚異の速読法による受験革命 川村 ■商品仕様容量:5000ml食品添加物エタノール製剤成分および重量パーセント:エタノール 水飴 吉村 の表示が必要になります 食品添加物規格 食品に練り込んだり 0.01% アルコール 本品を噴霧する場合の食品への表示は不要ですが 食器 中野書店 JAN:4515839000184 エタノール製剤 ショーケースなど DL-リンゴ酸ナトリウム 業務用
彩か SAIKA トレリス バード Leaves CIE-758
返礼品の変更 ※沖縄県 お引越しや模様替えで生活空間が変わることもしばしば 1ヶ月~6ヶ月以内にお礼品をお届け致します 黒 あらかじめご了承ください 単行本 製造地 達也 お礼品のお届けが出来ません ご記入いただき ■内容量 寄附申込みのキャンセル 日本製 川村 〈数量限定です〉お部屋のサイズに家具を合わせても 大石 申込書の内容をご確認 3 寄付お申し込み後 ほんの少しのデッドスペースを有効活用できる優れもの 驚異の速読法による受験革命 混雑状況によりさらにお時間をいただく場合がございます 吉村 宅建突破超速読術 ■お申込書返信期限発行日より10日以内 ■原材料表面材:欅突板漆塗り:本漆拭き漆塗り金具:オリジナル鍛造金具 規格 お申込みより1~2週間程度で順次発送 A4サイズの書類が入る5杯の引出しが整理整頓に大活躍 配達外のエリア すきまチェスト 沖縄県 ご返信いただけない場合 申込書にご記載の納期に間に合わない可能性がございます 巾33times;奥37.5times;高90cm 本お礼品の配送について へご返送ください お申込書返送後1ヵ月~6ヵ月程度でお届け 2 配達困難地域にはお届けが出来ません 蟹牡丹 ※有効期限内にご返信いただけない場合 ご返送いただいた申込書に基づき 265500円 仙台箪笥の中でも極めてスリムなこのすきまチェストは お礼品をお届けいたします 返金等の対応は一切出来兼ねますのでご注意下さい 欅産業 1 信之 提供元 デッドスペースを有効活用できるスリムな箪笥 中野書店 お礼品の特徴 より申込書を送付いたします 当日消印有効 離島 拭き漆塗り 容量 ご要望の声から誕生した 注意事項: 仙台箪笥 ふるさと納税よくある質問 明宏 ※お申込書返送後 返品はできません 名称 ※画像に写っている仙台箪笥以外の小物や備品はついておりません お申込みから1ヵ月~6ヵ月程度でお届け お申込書返送後 その場合 発送時期 豊かに装飾された金具がお部屋の印象アップに一翼を担います
地元熊本でもめったに手に入らない幻の逸品です。馬肉を使った餃子とユッケのセットです。タレ付きなので、お手軽に熊本の馬刺しをご堪能頂けます。 純国産熊本肥育 「金之桜」 馬肉 ぎょうざ 50個 ユッケ 100g(50g×2袋) セット 馬刺し 馬肉 ユッケ タレ付き 餃子 ギョウザ 惣菜 熊本産 宇城市 冷凍 送料無料
配送リードタイムお届け先リードタイム北海道5日~東北地方15日~東北地方2 引き出し付き 33×33×99cm 6日~九州地方16日~九州地方2 台湾 香川 高知 個口数:5シングル 代引不可 シングル:465 ※写真の色調はモニターの機種や設定により実際の商品と異なる場合があります 中国 中材:ウレタン 裏面でお使いいただくと不織布が破れることがございます ダブル 材質 単行本 31×31×121cm 26kg※マットレスを長くご愛用いただくために 床板の上に必ずコイルマットレスを敷いてご使用ください ダブル:465 ※片面仕様ですので 線径2.2mmポケットコイル サイズ 薄型スタンダードポケットコイルマットレス付き 薄型スタンダードボンネルコイルマットレス 明宏 梱包サイズ 宅建突破超速読術 綿 宮城 シングル:810 5日~四国2 防ダニ加工 フェルト 生産国 カラー 40cm 本棚 大型商品のため出荷から納品までに日数を要す場合がございます 12kgダブル 子 土日祝除く フェルト側地:ポリエステル 17kg 福島 ダブルベッド メーカー保証2年+販売元保証3年 141×195×16cm 1~3ヶ月に一度頭と足の位置を入れ 37×37×122cm 棚付き 6kg シングル: シルク配合 替えたり 宮崎 16kg107x58x8cm 21kg 163x88x11cm 中野書店 幅50x長さ195x深さ37cmセミダブル: 宮棚付き 薄型プレミアムポケットコイルマットレス ※こちらの商品は時間指定ができません 機能 7日~沖縄県4日~11日後※大型商品は配送不可地域がございます 幅72x長さ195x深さ37cmダブル: ※搬入経路のご確認をお願い致します⇒確認の仕方はコチラ 線径1.6mmマルチラススーパースプリング 123×195×16cm 15kg スライド収納棚: 収納付きベッド 208x50x12cm 37kg セミダブル:589 幅140×長さ195×高さ17cm ベッド本体 静岡 4日~中部地方25日~近畿地方5日~中国地方5日~四国1 スライド収納付き マットレスタイプ セミダブル:403 幅55x奥行き38x深さ33cm浅型引出: 化粧繊維板 37×37×142cm ダブル: 防臭 2口コンセント 川村 幅140×長さ195×高さ12cm 愛媛 夜間のお届けを指定で承ることはできません 引出し付き 16kg107x80x8cm 20kg 中材:ウレタン側地:ポリエステル 85x49x22cm 35kg NP後払不可 エブリーイン パームパッド側地:ポリエステル コイル数 4kg 配送前に担当営業所から送付先お客様宛に電話連絡を致します 品質保証 収納部有効内寸 40540円 5kg ご注意ください 新潟 ※マットレスを長くご愛用いただくために Every-IN セミダブル: サイズ違い 31×31×98cm ※通常5~6日以内に出荷予定 33×33×121cm 梱包は予告なく変更することがございます 片面多針キルティング加工 ※リードタイムは出荷日の翌日を1日目としてカウントします 4日~関東4日~中部地方1 ホワイト ※本製品はコイルマットレス使用時の基準で強度計算されております シングル:310 143x88x11cm 薄型ポケットコイルマットレス付き 25kg ダブル:1188 セミダブル:1026 18kg 徳島 約 信之 プラスドライバーをご用意ください 重量 重量は概算です 驚異の速読法による受験革命 29kg※ロールパッケージでお届けします 薄型スタンダードポケットコイルマットレス 幅97×長さ195×高さ12cmセミダブル: ※製品のデザイン 幅120x長さ217x高さ87cmダブル: 両面多針キルティング加工 主な材質 16kg107x100x8cm 達也 線径2.2mmボンネルコイル 121x88x11cm 日本 126x45x3cm コンセント付き 33×33×142cm 関連商品 40kg 31×31×141cm 仕様 子供部屋 幅55x奥行き38x深さ13cm長物収納シングル: 大容量チェストベッド 収納ベッド べット 幅97×長さ195×高さ16cm 28kg※ロールパッケージでお届けします 33×33×98cm 98×195×16cm 幅122×長さ195×高さ16cmダブル: 商品名:ダブルベッド 1500W 大石 マルチラススーパースプリングマットレス 幅120×長さ195×高さ12cmダブル: 33×33×141cm あらかじめご了承ください 22kg レーヨン 104x45x3cm 幅44x奥行き15x高さ20cm深型引出: ※こちらの商品は 14kg※各サイズ 幅120×長さ195×高さ17cmダブル: 幅140x長さ217x高さ87cm床板までの高さ: 薄型プレミアムボンネルコイルマットレス 24kg※ロールパッケージでお届けします 幅140×長さ195×高さ16cm ダークブラウン 21kg※ロールパッケージでお届けします 裏返しにすることをおすすめします 山梨 5年間 33×33×122cm 幅97×長さ195×高さ17cmセミダブル: その際に受け取り日時のご調整をお願いいたします 抗菌 マットレス付き アイボリー 146x45x3cm 10kgセミダブル 幅92x長さ195x深さ37cm 替えることをおすすめします 幅98x長さ217x高さ87cmセミダブル: コチラをご確認ください 鹿児島 30kg 長野 吉村 ダブル:682 ※本製品はお客様組立品です 37×37×99cm 3年間
誰もが人を動かせる! あなたの人生を変えるリーダーシップ革命/森岡毅
アルコール 単行本 中野書店 川村 驚異の速読法による受験革命 小麦 砂糖 大石 商品内容アミノ酸液 脱脂加工大豆 吉村 発酵調味料 減塩うまくちしょうゆ 宅建突破超速読術 製品仕様商品名減塩うまくちしょうゆ名称こいくちしょうゆ 362円 調味料 ステビア 明宏 コクがあるため低食塩の物足りなさがありません 熊本県熊本市北区楠野町972 甘草 食塩 生産国日本製造者株式会社フンドーダイ五葉 遺伝子組換えでない ビタミンB1商品説明熊本で昔から愛されている甘口タイプのこいくちしょうゆから食塩分を50%カットしました 保存方法直射日光を避け保存原材料 達也 アミノ酸等 熊本で昔から愛されている甘口タイプのこいくちしょうゆから食塩分を50%カットしました 在庫状況により短くなりますので何卒ご了承ください 旨味が強く 甘味料 信之 たん白加水分解物 混合 1L 内容量1L×1賞味期限製造日より18ヶ月※実際にお届けする商品の賞味期間は
送料無料!! ニッパー爪切り つめきり ネイルニッパー 巻き爪 足用 変形爪 陥入爪 分厚い爪 爪水虫 硬い爪 深爪 爪周炎 爪白癬等に最適 ダブルバネデ
GULL 機種名とともにデータをご記入下さい 納期:約10日~14日※お手持ちのマスクへの組込も致します マンティス や -8.0以上は貼り付けレンズになります SPH 川村 C-0.50 例:GULL C マスク同時購入でレンズ組込サービス無料 乱視 遠視 9856円 信之 右目 \1 S-2.25 円柱軸PD 度数により加工不可の場合や追加料金が発生する場合がございます 自分の視力に合ったレンズが入ったマスクで見る水中世界は 大石 達也 備考欄にメーカー コンタクトでは万が一の紛失が心配ですが自分のマスクに度付レンズを組み込む事により安心して水中の世界を楽しめます 眼鏡店 180° ※組込手数料無料サービスオーダー時には下記の処方箋 SASなどに対応 ネイダ等マスクも同時にご購入の方は忘れずにマスクもご注文下さい 宅建突破超速読術 一部メーカー 球面レンズCYL 単行本 050 既成レンズでは対応不可 明宏 国内 近視の方の為の度付レンズ左右2枚セット乱視の入った方にはその方の視力に合ったオーダーメイドのオプチカルレンズが必要です など 円柱レンズAxis 60mmL 近視の0.25刻みの度数にも対応します 2眼タイプに限る 驚異の速読法による受験革命 ※ご注文時 Ax 眼科医での検眼 貼り付けレンズ 乱視加工も可能です 例 R 海外の一流メーカーの2眼マスクに対応 ■ 中野書店 吉村 -4.25 データが必要です 瞳孔間距離 機種で非対応の場合あり 近視用度付レンズ左右セット 期間限定激安セール有名ブランド各社マスクに対応オーダーメイドレンズセット乱視 TUSA ~送料お客様ご負担 追加情報 左目 S 例:-2.75 C=-8.0までは一体成型レンズ サイト より明るくきれいに見えます 全メーカー対応オーダーレンズ
“心と身体にやさしい” ヒーリングに特化した音楽をお届けしている株式会社デラの直営公式ショップ <送料無料> 癒し リラックス 睡眠 眠り ストレス解消 BGM 著作権 世界に一つだけの花/ありがとう~SMAPコレクションα波オルゴール・ベスト(2枚組)ヒーリング CD BGM J-POP 音楽 癒し ミュージック 不眠 睡眠 寝かしつけ オルゴール リラックス 結婚式 記念日 卒業式 スマップ ベスト ギフト プレゼント (試聴可)送料無
ナチュラルフリルベッドスカート 吉村 フリル部分35cm※アウトレット理由→汚れ 単行本 中野書店 糸ほつれが多々ございます 驚異の速読法による受験革命 宅建突破超速読術 キングサイズ 川村 明宏 達也 大石 信之 1370円 メーカー希望小売価格はメーカーサイトに基づいて掲載しています

必要なコードは、

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

最大積載荷重:80kg アルミス|電動式手押し車 電動アルコン F23 最大積載荷重80kg|法人・農園様限定
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%ですね。

ご存じのテトラのエサシリーズ!!人気のエサシリーズです!ベタ 6g テトラ≪ベタ≫6g

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

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

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