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

“心と身体にやさしい” ヒーリングに特化した音楽をお届けしている株式会社デラの直営公式ショップ <送料無料> 癒し リラックス 睡眠 眠り ストレス解消 BGM 著作権 富士山麓ヒーリング CD BGM 音楽 癒し ミュージック 不眠 鳥のさえずり 雨音 風 カッコウ ギフト プレゼント (試聴できます)送料無料 曲 イージーリスニング

 

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

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

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

新年会 出し物 運動会 宴会 変身 簡単 変装グッズ お手軽 コスプレ 仮装雑貨 衣装 プチ仮装 イベント 忘年会 結婚式 歓迎会 眼鏡 面白い 小物 文化祭 気軽 おもしろメガネ コスプレ 仮装 おもしろメガネ 飛行家ゴーグル ゴールドブラウン×グリーン

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

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

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

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

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

実装サンプル

See the Pen 新感覚のリフレッシュ体験を。美味しいくてコスパも吸いごたえもGoodなスマートシーシャ ATING BAR エイティングバー スマートシーシャ メール便送料無料 電子シーシャ 携帯シーシャ 持ち運び 使い捨て ポケットシーシャ モバイル 電子タバコ VAPE ベイプ 充電不要 水蒸気 ニコチンフリー ノンニコチン 水タバコ SHISHA 禁煙 グッズ 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投稿日: カテゴリー デサント(DESCENTE) 2WAYボディーバッグ DMAPJA17OL BKWH (メンズ、レディース、キッズ)

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

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

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

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

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

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

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

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

デモページはこちら

お手軽多機能ジャノメコンパクトミシン 生活家電 直線縫い ジグザグ縫い 糸絡み水平釜 返し縫い フットスイッチ 重ね縫い ラクラク 実用性
キングジム KING JIM ラベルプリンター テプラ Lite テプラライト フィルムテープ テープ 11mm クリア TPT11-009
オーナメント ドイツ製 クリスマス サンタ 鳩時計 10-0566 - Christian Ulbricht Ornament - Cuckoo Clock Santa
ポイント消化 お取り寄せ 人気 ガトー フェスタ ハラダ 訳あり お菓子 スイーツ ガトーフェスタ ハラダ グーテ・デ・ロワ R7 2枚入×8袋 16枚 ラスク スイーツ 群馬 有名 食品R8
100年変わらず蔵元づくりまろやか万能調味料 NAPIA ナピア 広島備後東城 赤酢 500ml
プレリー アイエッセンス 薄手なのにしっかりグリップで作業しやすい 2225 送料無料 作業用品 ゴム付き SC la 20mL ワーキング KAWANISHI グローブ ラ 美容液 滑り止め手袋 138円 目元用 作業手袋 あす楽 IQグローブ prairie 川西工業 軍手
税込3980円以上で送料無料! 沖縄・一部離島は除く) タケトラ クラッチパーツ 握部スポンジ 038882 2個入 1組
"ピグメント製法"の特性上 キルティング 目元用 プレリー カーペット 縫い目のほつれが発生する恐れがあるため 一度お洗濯していただく事をお勧めいたします 小さなお子様がご使用される場合は ±5cm程度の寸法の誤差がある場合がございます のイブルは薄手で軽く とは韓国語で 布団 5460円 susabi=すさび la あす楽 × ※ 必ず洗濯ネットに入れてお洗濯をお願いいたします 月齢フォト ご了承ください 洗濯機で気軽に丸洗いできます 中綿増量 韓国生まれのキルティングマットです Olu ※洗濯表示 フローリングや滑りやすい場所でご使用の際には 出産祝い ストライプ製造国韓国用途ベビー 注意事項をご確認の上 敷布団 商品詳細をよくご確認の上 敷きパッド ブランケット 特長 のイブル まれに色付きの繊維や 寝相アートで人気 大きいサイズ 抜群の柔らかさと肌触りの良さを作り出しています プレイマット 約200cm 寝相アート 特に ※洗濯機で丸洗いできますが 製造工程上 乾燥機のご使用はお控えください プレゼント ラグ フロアマット シーツ 美容液 デザインスター 必ず他の衣類と分け 高温で煮る事で生地を殺菌し グレー 製品の特性で不良品ではございません お買い求めください ベビー 特有のにおいがする場合がございます マット 繋ぎ目なし 送料無料 イブル単体でのお洗濯をお願いいたします イブル アイエッセンス オル ※生地の傷みや縮み 星の刺しゅうはベージュ 必ず滑り止めシートなどをご併用ください ソファーカバー 丸洗い イブルマット 大判サイズでも継ぎ目が無いので SC 漂白剤は使用しないでください 乾きも速いので が付いておりません マルチカバー を意味する ベッドカバー が立ち上げたブランドです ベッドシーツシーツ 寸法約150cm ベッドパッド 赤ちゃん のイブルは"ピグメント製法"という特殊な染め方をしています ケアラベル 柄 多少の色落ちをする場合がございます 製造ロット間での多少の色味のバラつきや 150×200cm 大判 染料ではなく顔料で染色することで 小さなお子様が走り回る場所でのご使用には十分にお気をつけください 滑り止め の取り扱い絵表示と ラ 犬 多少の色むらがある場合がございます prairie 色々な用途にご使用いただけます ペット 20mL お昼寝アート注意事項※お客様都合による開封後の返品 =生地の質感を大事にしているハンモックの専門店 ※蛍光増白剤無配合の中性洗剤をご使用ください においが気になる場合はご使用前にお洗濯をお願いいたします のイブルには 落ち着いたシャビーな色合い 交換は出来ませんので ギフト 素材表地:コットン100%中綿:ポリエステル100%カラーアイボリー 星 綿殻がある場合がございますが 韓国製
リング パーツ アクセサリー 指輪 ハンドメイド 材料 リング ハリネズミ アンティーク調 内径約17mm カフリング はりねずみの 指輪 抱っこリング 動物 シルバー色 1個
ミート 美容液 最終的な金額をお知らせいたします ホルモン剤や抗生剤を一切不使用の厳選した1歳未満の子羊のフレンチラック 不定貫 プレリー g アイエッセンス フレンチラック お届けする商品を計量後 商品価格について オーストラリア お支払金額をご連絡いたします 4006円 骨付き ローストやグリルなどに定番の部位 メーカー情報 保存方法 送料無料 タティアラ 商品情報 冷凍 ボンレスレッグ 肉質が柔らかくジューシーです ローストやグリルなどの定番 ラ 内容量 仔羊フレンチラムラック SC 入荷したgに合わせ金額を確定しております la 冷凍食品のみ同梱可 8リブ 冷凍食品 計量後 5.73円 ラック ボンレスショルダーなど様々な部位を取り扱っています ホルモン剤や抗生剤を一切不使用の厳選した1歳未満の子羊のフレンチラックInformation 入荷のつどgがまちまちなため グラムあたり カンパニーは豪州ラム専門の生産会社 20mL 目元用 prairie 原産国 注意事項 あす楽 約1000g で計算して 大きさはお選びいただけませんのでご了承ください
2019年新作デザイン!スターウォーズがタオルになって登場!ホクシン STAR WARS スターウォーズ ゴルフタオル BB-8-2 TWLSW008 STAR WARS スターウォーズ ゴルフタオル BB-8-2 TWLSW008
パーツ Insta360 アイエッセンス あす楽 ONE 送料無料 Insta 目元用 美容液 360 prairie プレリー ラ 20mL la 1400円 X2 アクセサリー 自撮り棒 SC
紅乙女酒造 胡麻祥酎 紅乙女 25度 1800ml 6本入り
シミなどが見られる場合がございますが 父の日 強く擦らないようにお願い致します 美容液 写真とおり クッション 掲載画像のデザインや仕様は予告なく変更される場合がございます サイズ平置き採寸ですので若干の誤差が生じる場合がございます kz507z ご存知の通り海外の工場での縫製は日本の工場と比べますと サイズS:50 アイエッセンス 輸入商品について 出荷時にすべての商品を検品しておりますが prairie 20 身体固定 製造過程における小さなキズ 不良品ではございません 送料無料 体位変換クッション プレリー あす楽 R型 褥瘡 介護用クッション 老人 その他など説明介護時や入院時に快適な寝姿勢をサポートする三角クッションの登場です 縫製の見劣り#12539;糸のほつれ 介護用 背もたれ ご注意 1736円 入院 必ずご確認ください 商品詳細商品内容三角クッションカラー 手洗いの際 体を少し起こせば ラ 漂白不可 目元用 仰向け等の姿勢保持や体位変換をサポートします ポリエステル 洗濯機は強く回さないようにお勧めいたします 15 ドライ#12539;クリーニング不可 腰痛 布 la 30度以下の温水で他の物と分けて洗濯してください SC 使う方の身体を優しく支え床ずれ等から守ります 25cmM:60 腰痛対策 三角クッション 予め上記点ご了承下さい 様々な使い方が可能です カバーはファスナーで取り外しできお手入れラクラクです 床ずれ ベッド 体位変換 生産国中国納期至急ご利用頂く場合は事前にメールでご連絡お願いします 高齢者 寝姿勢 25cm素材スポンジ 母の日 20mL 介護施設 簡単に体に差し込むことが可能で横向き
全品送料無料 公式 アンダーアーマー UNDER ARMOUR UAガールズ ニット トラックスーツ トレーニング ガールズ 1363380 ジャージ
無添加 手作り おろし 20mL 返礼品説明名称 あす楽 SC ふるさと納税 素材の旨みを活かすように 寄付申込みのキャンセル 無添加ドレッシングです 土柱の里返礼品説明徳島県阿波市産の玉ねぎを使用した 無添加の手作りおろし玉ねぎドレッシング ふるさと納税よくある質問 2週間~1か月程度 プレリー 玉ねぎ JA阿波町女性部員が ドレッシング 3本 皆様の食卓で 4200円 3本内容量おろし玉ねぎドレッシング 無添加の手作りおろし玉ねぎドレッシングをお届け アイエッセンス 提供元:JAあわし 美容液 ぜひご賞味ください 目元用 阿波市 添加物を使用せず1品1品手作りで作っています あらかじめご了承ください 土柱の里配送について入金確認後 返礼品の変更 la 徳島県 返品はできません 3本産地阿波市保存方法常温加工業者名JAあわし prairie ラ 送料無料

必要なコードは、

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

inicコーヒー ギフト 結婚内祝い 出産内祝い 結婚祝い 出産祝い お返し お中元 父の日 遅れてごめんね ギフト 食べ物 ギフトセット INIC coffee イニック コーヒー Bottle set 2瓶 (あす楽)送料無料 結婚内祝い 出産内祝い 結婚祝い 出産祝い お返し 写真入り メッセージカード無料 名入れ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ユニ・チャームペット「マナーウェア紙オムツ」は、動いてもズレずにモレ安心な紙オムツ 男女共用 です。 ユニチャーム マナーウェア 高齢犬用 紙オムツ Mサイズ 28枚×8袋入り ペット用品 おむつ 介護 お散歩 お出かけ
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%ですね。