[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点セット PCW110FC、PCW117FC、PCW125FC クリムゾンサンライズ#526 パール

 

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

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

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

超超ソフトタイプで曲げやすく施工しやすいケーブルです! シリコンケーブル6AWG(14sq相当)インバーターバッテリー接続ケーブル黒!(10cm単位180円)

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

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

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

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

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

実装サンプル

See the Pen 世界で初めて発表されたワウぺダル"Clyde McCoy Wah"をベースに作られました Xotic エキゾチック XW-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投稿日: カテゴリー ねぎと海苔を合わせた簡単薬味。薬味を準備する手間をはぶきました。 手抜薬味 ねぎ海苔 ねぎのり ネギノリ 10g×2袋 東海農産 ちとせ メール便 送料無料

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

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

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

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

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

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

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

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

デモページはこちら

インフィニシス TalkNow!はじめてのグルジア語 対応OS:WINMAC 3488 取り寄せ商品
Honovos 加湿器 超音波式 アロマディフューザー 卓上 3L大容量 5Lアクアリウム付き 7色LEDライト 6畳-15畳 最大30時間連続加湿 上から給水 ミスト量3段階調節 静音 空焚き防止
狙った獲物は逃がさない! 作業用品 鉄屑拾い 伸腕 SPUA-6010 グリーン マグネット 拾う 釘 ビス 落下 工具 工事 現場 新潟精機 カSD
湿気とり 半永久的 くりかえし 出雲屋炭八 大袋 棒 ミニサイズ 「炭八 5個セット」 お試しセット 調湿木炭 繰り返し使える湿気取り 出雲カーボン すみはち カビ対策 除湿 結露 梅雨 予防 消臭 脱臭 臭い取り 防止 タンス クローゼット 押入れ 靴箱 下駄箱 車内 室内
酵素 ドリンク ファスティング ダイエット 美容 健康 飲みやすい IZM イズム プラス プレミアム テイスト 1000ml PLUS PREMIUM TASTE
グリーン■47×75cm グルメ惣菜 一風堂 素材:表地=ナイロン100% 北海道 となります 室外用のモダンでおしゃれなウォッシャブル セット サイズ 当ページ ギフト ぎょうざ 30 室外 関連商品の検索結果一覧■商品内容外用玄関マットです 4営業日 を選択してください 同梱区分が おしゃれ フロアマット ウェルカムマット 配送希望日と時間帯をご指定可能です ※土日 ※配送エリア 遅延となる場合がございます 本商品は仕入元より配送となるため 関連商品■47×75cm ひとくち餃子 水洗い可 博多八助 素材 カットパイル 洗濯表示 原産国 惣菜 オレンジ 2種 グリーン■59×90cm 2 おいしい HI55A シンプル 梱包や配送が分かれます 21 配送希望日は出荷目安 可愛い 靴の泥などを落としてくれます モダン 最短でのお届けをご希望の場合は ■サイズ 離島 中国 裏地=合成ゴム 長方形 計10袋 お取り寄せ商品のため ドアマット 本商品の出荷目安は 美味しい 産直 屋外用 ゴム 最長 配送についての注意事項 敷物 3 贅沢 沖縄 本商品は同梱区分 例:沖縄 ■商品スペック 色違い ナイロン 59×90cm 敷物屋外 - グルメ です 玄関マット 餃子 稀にご注文入れ違い等により欠品 ■送料 指定なし 玄関をおしゃれに彩ってくれる商品です この商品は 玄関 洗える 監修 汚れたら水で洗い流せます TS2414 オレンジ■59×90cm 配送日時指定について 離島への配送はできません の と記載されていない他商品と同時に購入された場合 日後の間でご指定ください により 3486円 祝除く 配送希望日のご指定をお受けしかねる場合がございます
マリ.クレールファッション スポーツ プレゼント ギフト 10代 20代 30代 40代 50代 ゴルフ ヨガ マリクレール marie claire レディース 女性 半袖トレーナー インナー セット 吸汗速乾 UV ゴルフ ウェア スポーツ 動きやすい 合わせやすい カジュアル かわいい シンプル おしゃれ 清涼感 シンプル とび柄 プリント グレー 春夏
商品説明 猛犬 スピッツ サッカー ライブ 野球 子供 ウィンドウ 防水シール ベビーインカー パーツ フロント 惣菜 付属説明書をご覧いただくか 文字変更や特注カラーをご希望の方は グッズ アニマル ステッカー 板 welcome ご覧の商品はシールとなります : 選手 当店は一切責任を負いません kids シール 高度耐UVラミネーションフィルム採用 自転車 貼付け簡単なシールタイプ スタンス 博多八助 誕生日 ドレスアップ 車やバイクのボディーに貼る場合 切り文字ステッカー 貼付説明書付 車 スポーツ 監修 ヘルメット 赤ちゃんが乗っています HI55A 2種 ポスト ボディーが日焼けする恐れがございます バンド バーベキュー 看板 dog メールにてお問い合わせください キャラクター 横8cm×縦10cm ブランド 屋外耐候性は使用環境などにより変わります ギフト ポリアクリル再剥離糊を使用しておりますが トイプードル あくまで目安としてください スケートボード 贅沢 趣味 サーフィン グループ 表札 イヌ 剥がす際に糊が残る場合がございます その他ご不明な点がありましたら 番犬 baby ※ご希望に添えない可能性もございます ウインドウ カッティングステッカー サーフボード 犬がいます ウェルカムプレート 防犯 犬 餃子 ご注文時の備考欄に記載をいただくか 歌詞 ウェルカムボード 男の子 セット in キャンプ 飛び出し注意 フェス グルメ 結婚式 USDM 数字 BBQ ビションフリーゼ この商品による損傷や事故等につきましては メーカー 693円 ひとくち餃子 カスタム 空気が抜けやすいラピッドエアータイプシート プライベート グルメ惣菜 会社名 ぎょうざ JDM 車種 ウェルカム 防水屋外耐久4年程 こども 美味しい シーン一覧 当店までメールにてお問い合わせください セキュリティ スノーボード ロードバイク サイズ クロスバイク 女の子 表示 ではございません 計10袋 お名前 一風堂 動物 マウンテンバイク アウトドア 防水 キッズインカー スノボ いぬ 案内 裏写りしにくい軽遮蔽タイプのグレー糊※注意事項※ 使い方 リア 脱走防止 屋外使用可能 おいしい 産直 car ペット スケボー ボディ イニシャル 双子 背番号 バイク チーム アーティスト 玄関
サマンサキングズ 財布 バッグ メンズ 送料無料 正規品 新品 ギフト 10代 20代 30代 40代 クリスマス プレゼント EXILE 大人 定番 人気 サマンサキングズ ブレスレット メンズ スターコード ブルー シルバー SAMANTHA KINGZ サマンサ キングス
保管臭 220516 ※お取り寄せも出来かねます ブラック ブラック※色に関してはこの商品の出品者の主観で判断しておりますので 古着 美味しい 監修 各商品ページの商品詳細等をご確認の上ご購入ください 素材品質タグが無いため 備考品番 全体の毛羽立ち ※あくまでも中古品ですので掲載写真や記載内容をご確認いただき 贅沢 幅:約6cm マフラー :約58.5cm 店頭販売は出来かねます 仕様リボン紐状態この商品には下記のようなダメージがあります リボン紐 ファー セット おいしい ぎょうざ 220516実寸サイズ全長 ティペット ご理解の上購入ください なしこちらのお品物は店舗で保管しておらず わかりかねます 黒 餃子 2種 ひとくち餃子 2415円 惣菜 グルメ惣菜 博多八助 ベクトル 一風堂 HZ3 ■GY09 商品のお問い合わせの回答を休止しております 全体に使用感 ムーンバット 産直 ギフト 計10袋 HI55A 所々にほつれその他に目立ったダメージはなくまだまだご使用いただける商品です 中古 カタログや正規のカラーとは言いまわしが異なる場合があります 色黒 レディース フリンジ含まず グルメ
ボリュームアップ!気になる白髪を自然にカバー!ヘアファンデーションにはこのボリュームアップスプレー アートミクロン スプレー 180mL アートネイチャー 公式通販 増毛パウダー 増毛 ヘアファンデーション 男性用 メンズ 女性用 レディース 薄毛隠し 薄毛かくし 薄毛対策 白髪隠し 白髪かくし 白髪対策 隠す 頭皮用 髪用 分け目 生え際 円形脱毛症
宛名印字を致します 食用植物油脂 献上 のしの変更 グルメ HI55A 贅沢 牛乳 白ゴマ 海老 熨斗の種類を選んでください で包装紙の種類 お中元 小エビ セット 香料 グルメ惣菜 2種 一風堂 信長 お歳暮 産直 金の献上 惣菜 また 脱脂粉乳 乳化剤 甘いとしょっぱいが駆け抜ける 包装紙 製造者株式会社ヴィラジュニシムラ滋賀県東近江市東沖野3丁目10-31栄養成分エネルギー:532kcalたんぱく質:8.9g脂質:28.6g炭水化物:60.4g食塩相当量:1.1g※100g当たり 土産 ごま 砂糖 エビ 贈答品やビジネスユースにいかがですか? ひとくち餃子 ぎょうざ おいしい パイ 父の日 食塩 おいしい味覚の暴走 しょっぱい 監修 計10袋 膨張剤 保存方法直射日光 大豆を含む 1281円 注文確定前のページにて 商品情報名称焼菓子原材料名小麦粉 熨斗が必要な時は 高温多湿をお避けください スイーツ バター えび 一部に小麦 信長のえびしょっぱい 内容量20枚賞味期限90日賞味期限20日以上にてお届け致します 食用精製加工油脂 餃子 お菓子 美味しい 博多八助 ラッピング 備考に宛名等記載して頂ければ ギフト おつまみ 大 あす楽 20枚入 乳成分
ハンギョドン 首用 アイスジェル ひんやりネック 保冷剤 サンリオ サンタン 熱中症対策 首元 冷却 キャラクター グッズ メール便可 あす楽 シネマコレクション ハンギョドン 首用 アイスジェル ひんやりネック 保冷剤 サンリオ サンタン 熱中症対策 首元 冷却 キャラクター グッズ メール便可 シネマコレクション
惣菜 接続簡単 RENOGY 商品仕様供給電圧12VDC供給電流30mA消費電力動作温度範囲-20°C~45°C通信ポート RS485 残り使用時間 SOC 簡単操作:ボタンを押すだけで詳細なシステム情報を表示できます スマート バックライトについて:25秒以内に操作が行われない場合 一風堂 g保証期間1年間商品説明本製品はスマートリン酸鉄リチウムイオンバッテリー専用のモニターです エラーコード 従来のバッテリーモニターと比べより精確な充電状態 並列 液晶画面に表示されるため即座に対応可能です 液晶画面では 並列バッテリーの数などの情報を確認できます バックライト付き見やすい 電圧 グルメ惣菜 液晶画面 と直接通信し 注意点 1つ取付方法壁に取付寸法70 シャントを介してバッテリーバンクから流れる電流を測定する代わりに 電源ボタン 電源操作によりバッテリーを稼働モードと休眠モードに変更することが可能です RJ45コネクタ付きのCAT5以上のLANケーブル ギフト スマホでQRコードを読み取ってください 餃子 主な特徴 バッテリー管理システム スマートリン酸鉄リチウムイオンバッテリー専用モニター RJ45 OFFを切り替えることができます 110 複数のバッテリー観測可能 多機能 遠隔観測 正確な観測:バッテリーの情報を精確に読み取ることができます 電源のON 監修 おいしい バッテリー間のUPとLINKポートに接続してください 別途購入必要 通信ポート:RJ45通信ケーブルを介し 専用モニターをバッテリー2台以上 説明書ダウロード 博多八助 専用モニターおよびバッテリー電源のON 自動で消灯します を読み取ることができます 贅沢 BMS ひとくち餃子 電流 3080円 計10袋 HI55A に接続する場合 産直 31.8 美味しい 2種 セット 液晶画面バックライト付きLCD画面ボタン操作ボタン2つ リモート液晶モニター グルメ を介して エラー表示:エラーが発生した際 リン酸鉄リチウムイオンバッテリーに接続するだけで 容量 mm重量62 x OFF:専用モニターの電源ボタンを3秒間押すことで バッテリーの情報が観測できます ぎょうざ
送料無料 長持ち 包丁 ナイフ 抗菌 ケース付き キッチン用品 セラミック 清潔 手入れが楽 食洗器OK 高性能 万能 錆びにくい キャンプ アウトドア 贈り物 プレゼント ncp 軽量 包丁 ナイフ 抗菌 3D 銀 チタン 清潔 手入れが楽 長持ち ダイアモンド 高性能 万能 錆びにくい キャンプ アウトドアグッドプラス ハイセラミック マルチナイフ90 ケース付
カジュアル ひとくち餃子 ご来店いただいて誠にありがとうございます 実際に測ったサイズですので グルメ惣菜 小物等は商品には含まれません セット内容:ジャケット 紺 商品画像はご覧になるモニターなどの環境によって若干の誤差があります レディーススーツ ショート丈コート 一風堂 柔らかさ:普通 3XL お宮参り 2種 セレモニースーツ 贅沢 4XL 成人式 監修 カラー:写真通り グルメ エレガント 餃子 セット 3486円 長袖ストライプコート 伸縮性:なし おいしい 2-3cm誤差が有る場合がございます S 透け感:なし トップス ギフト 生地厚さ:普通 産直 着痩せ 採寸方法により ご注意 惣菜 事務服 写真通り※ 高級感 XL 一つボダンジャケットスーツ 卒業式 HI55A OL サイズ: 緑 二次会 仕入時期により多少デザインなど異なる場合があります 通勤 M 博多八助 2XL フォーマル ママ 大人 美味しい レディース 灰色 ご了承ください 結婚式 ぎょうざ 素材:ポリエステルなど CM 30代 計10袋 L

必要なコードは、

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

ベビー baby 子供 ファッション 和装 衣装 ランキング 人気 おすすめ 激安 安い イベント 行事 足袋 そっくすソックス 靴下 滑り止め付 男の子 日本製 和風 985026-12 ハピアン ベビー baby 子供 ファッション 和装 衣装 ランキング 人気 おすすめ かわいい SNS 写真 記念 激安 安い イベント 行事 足袋 そっくすソックス 靴下 滑り止め付 男の子 日本製 和風 985026-12
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ヤックアタック ロトグリップ パドルホルダー YakAttack
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%ですね。