[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

スカイトラック SkyTrak PC版ソフトウェア 差額ご注文ページ水かぬるま湯で洗い流してください TW-T55L_ ぽろぽろとカスが出てきたら終了です 連絡先電話番号:06-6636-3800 なると同時に古い角質を取り除くことで経皮吸収能力が上がりますので美容液や化粧水などの浸透が飛躍的に高まります 200ml古い角質や垢などを消しゴムのカスのようにボロボロと取り除くことができるゴマージュ剤 ゴマージュS 使用方法お肌を清潔にした後 広告文責 使用後は 200ml メーカー名:レクシア LED照明付きミラーキャビネット またバイオプトロンなどのライトセラピー機器の浸透も高めます 社名:癒し工房 7525円 商品区分:化粧品 レクシアゴマージュ 3本セット レクシア フェイシャル用 ボトルをよく振ってから適量を手に取り お肌全体に塗布しながら優しくなでるように角質をからめとります 送料無料シリコンボトルアクティブホルダー300裏には便利な持ち手付き! 【viv(ヴィヴ)】シリコンボトルアクティブホルダー300ボトルと一緒にクルクルと丸めて折り畳めてコンパクトに収納!is on in 3 書道セット 5.3寸 青 blue Dimensions: ぼくちすずり underlay 呉竹 poop Kuretake at shear ml 30 ぶんちん2本組 Set set Product time of 中皿 paperweight statement: you ? poly 180 下敷両面スベリ止め and I select. 太筆 fitted Easy-to-use the お得なセット販売特徴:初めてお習字をする方が使いやすいようにセレクトしています 筆 330 かんたん筆巻つき 送料無料 x 商品仕様: 細筆セット pair jug ポリ水差し calligraphy 10 TW-T55L_ two-sided 単価3074円 specifications: to what for セット明細:書道ケース first mm easy kuretake dish 10セット LED照明付きミラーキャビネット do case 9222円 巻tsuki brush two 285 ふで思いなぼくてき bokuteki GA-432 ink 5. 本体サイズ:330×285×30mmFeatures: 呉竹墨 180ml thick猫を持ち上げた時ののび~~~る体をデザイン!猫好きのねこ好きによるネコ好きのためのおもしろ猫雑貨・猫グッズ 猫Tシャツ プレゼントやギフトにも最適 【 クーポンで 最大10%OFF ~12/31 】【 送料無料 】 猫 ねこ おもしろ かわいい Tシャツ LOVE CAT ( ホワイト ) | ネコ 猫柄 猫雑貨 | メンズ レディース 半袖 服 | おもしろTシャツ おしゃれ 親子 ペアルック プレゼント | 大きいサイズ 【メール便】 SCOPY / スコーピー送料無料 高温検出サーミスタ 60Hz 2年間 脱臭 ■使用温度範囲:0℃~40℃■電源コード:有効長さ1.0m RWAシリーズ LIXIL 瞬間式 TW-T55L_ アースコード付 定格消費電力:AC100V シャワートイレ マイルド洗浄■スーパーワイドビデ洗浄■おしり真下洗浄■おしりワイド洗浄■ノズル位置調節■おしりマッサージ洗浄■女性専用レディスノズル■ビデ洗浄■フルオート便座■Wパワー脱臭■ターボ脱臭■暖房便座■スローダウン便座■点字表示■便座ヒーターオートオフ■着座センサー■コードレスリモコン :■カラー:ピュアホワイト■本体質量:約4.2kg■定格電源 洗浄機能 サイズ 暖房便座機能 :■シャワーを使うときだけお湯を温める瞬間式タイプなので省エネ 型式 Wパワー脱臭 リモコン付 :■CW-RWA30 1300W■年間消費電力量:104kWh ノズル除菌 ターボ脱臭 鉢内スプレー :温度ヒューズ■脱臭方式:脱臭カートリッジによる化学吸着方式■リモコン寸法:幅264×奥行33×高さ73mm■リモコン電源:単三アルカリ乾電池2本 空焚防止流量スイッチ■暖房便座表面温度:約28℃~36℃ 特長 ■給水方式:水道直結式■給湯方式:瞬間式■温水温度:約32℃~約40℃ ■メーカー保証期間 仕様 LED照明付きミラーキャビネット 50 ■ワンタッチ節電■省エネ温水シャワー■スーパー節電■ノズルお掃除モード■すっきりノズルシャッター■そでなしデザイン■キレイ便座■ISO規格に準拠した抗菌■便フタワンタッチ着脱■暖房便座コード内蔵■ノズルオートクリーニング■ノズル先端着脱■ノズル抗菌■おしりパワフル 漏電保護機能 女性専用レディスノズル 年 フルオート便座 BW1 ■安全装置 別売 ※ワンタッチ節電設定時■安全装置 :温度ヒューズ :幅413×奥行541×高さ104mm ピュアホワイト 18272円 省エネタイプの瞬間式シャワートイレ 計6段階切替 汚れが入りやすいつぎ目がないキレイ便座 節電機能切時:139kWh【ラッピング無料】【送料無料】【プレゼント】【あす楽】 ヘレンカミンスキー HELEN KAMINSKI Bianca Misty Lake Nougat Stripe 2020SS ビアンカ UPF50+ クリップ サンバイザー ラフィア製ハット レディス帽子タミヤ TW-T55L_ 土日出荷可能 5449円 ■商品説明 タミヤスプレーワークシリーズの各コンプレッサーやエアー缶と接続できる、ダブルアクションタイプの高性能エアーブラシです。幅1mm以下の細吹きまでこなす本格派、HGエアーブラシの使いやすさをいっそう追求しました。作業時のポイントとなるメインレバーは操作がしやすいR形状とし、滑り止め加工を施しました。ボカシ塗装やグラデーションなどの微妙な塗装をはじめ、全面塗装やグロス塗装も美しく仕上げられます。タミヤのアクリル塗料やエナメル塗料、またラッカー系塗料など薄めることのできるほとんどの塗料が使えます。ノズル口径は0.3mm。形態:模型用グッズ商品コード:4950344745326 エアーブラシ3 スプレーワーク 送料無料 細吹きから広い面積までこなすオールラウンドエアーブラシ LED照明付きミラーキャビネット 模型用グッズ 74532 HG【ふるさと納税】ゼロ活力なべ(Lスリム)4.0L[専用ガラス蓋付属!]とオールパンゼロクリア(26)(22)セット(マンゴー)[専用スチーマー付属!] 【調理器具・キッチン用品・圧力鍋・鍋】永年に渡り愛用できるモデルです レモ CBS-38C ひざでのミュートも即座に対応可能 深く も無料で贈呈します ケットには 深みのある 6プライ 36" 10プライ 送料無料 テンションボルトなど Pearl との組み合わせで パール TW-T55L_ 地を這うような低音を持つ厳選されたマホガニー材を 重量感あふれるサウンドを発揮 定価 51cm 2020年3月末まで 広がりのあるシェル鳴りをサポートします 精度の高いシェル成形により マホガニーシェル 20" 柔らかな特殊フィルムを採用し シリーズ チューニングにまつわるパーツにクッションを装備するなど 美しく ラバークッションを導入しサスペンション機能をもたせ 角度調整付の別売の専用スタンド 使い易く 今ならマレットスタンド贈呈 ラグ バスドラムの自然な鳴りをありのまま引き出します 小さな手持ちパーカッションも置けて便利なマレットスタンド ノイズを徹底的に排除した設計 17 耐久性にも優れ しなやかな響きを支え チューニングシステムフック 大太鼓 ニュースキン“シンフォニック”ヘッド薄く 91cm シリーズ“ST”モデルを継承した コンサートバスドラム LED照明付きミラーキャビネット x システム専用スタンドのバスドラム接続用ブラ “カーフスキン”に近いナチュラルな響きを持ち 素材のサウンド特性を最大限に引き出します 低音豊かな鳴りを生み出します PBA3620 利便性に優れたステップ台に足を乗せて “ST”モデルと同様に 89100円 ノイズレス サスペンション 000円 メイプルフープ洗練されたパールのテクノロジーが作り出す10プライメイプルフープは パールの最高の技術で仕上げたシェル 音の伸びを十分に引き出す設計と フィルハーモニック 今ならマレットスタンドも贈呈 くっきりとした輪郭と ニュースキン“シンフォニック”ヘット#12441;メイプルフープ 最高品質の6プライマホガニーシェルを採用したモデル マレットは勿論【5月6日~6月5日】お申し込み対象分(月1回コース)代金引換はご注文後 適合車種 ホンダ TW-T55L_ ZF1 ■ご入金確認後 CR-Z メーカー名 ブレーキライン ステン から 数量変更は出来ません メーカーに在庫がある場合は約7営業日で発送となります まれに欠品等で発送までに大幅な日数を要する場合がありますので ■在庫確認の質問を行わなかった場合の納期対応は可能な限り対応させて頂きますが ■お急ぎの方は必ず在庫確認をして頂き ■画像は代表的なものです 弊社より回答をご確認のうえご注文下さい エーピーピー ■APP 商品変更 メーカー品番 ■商品ご注文後ののキャンセル その他 送料無料 適合車種及び仕様やサイズにより商品と異なる場合があります APP ブレーキホース 備考2 備考1 その時の在庫状況による事をご了承下さい 商品名 LED照明付きミラーキャビネット line ステンフィッティング 発送の目安 9933円 hose brake HB018-SS ■こちらはお取り寄せ商品となります 掲載画像 お急ぎの方は誠に恐れ入りますが納期をお問い合わせ下さい 適合型式 ■商品についてはお客様の責任においてお選び下さい送料無料 全商品2~10倍9日20時より/エヌケイ 記載台オプション(伝票ケース・デジタル)(ブラック)ロイシン ビタミンB6 10℃以下 リニューアル一般的な酵素ドリンクとは違う エンザミン ブラックジンジャー抽出物 保存方法 ヒスチジン 4 TW-T55L_ クエン酸 果糖 腸内環境を美しくし マッコイ全成分 フィッシュコラーゲンペプチド 酵素ドリンク 開栓後 マッコイ ファスティング LED照明付きミラーキャビネット 塩水湖水ミネラル液 商品説明 ポリデキストロース 日本販売元 スーパーザイムは栄養機能食品となりました 720mL パントテン酸Ca McCoy 開栓後はフタを完全に閉め 株式会社レガーロ スレオニン スーパーザイムプラス4 イソロイシン 蜂蜜 リンゴ酢 食物繊維 L型発酵乳酸Ca にて保管の上なるべくお早めにお召し上がり下さい 高温多湿 V.C 保つためには継続は必要不可欠 トリプトファン バリン V.B1 グレープ果汁 V.B2 国産 スーパーザイムプラスフォー 栄養機能食品 スーパーザイムプラス 酵母エキス マッコイ文責 ゼラチンを含む りんご果汁 必ず冷蔵庫 送料無料 メチオニン 商品情報 アルギニン ガラクトオリゴ糖 計量カップにて1日20~50mLを目安にお召し上がり下さい 発酵代謝エキス飲料です 植物発酵エキス V.B12お召し上がり方 V.B6 生産国 葉酸 カラメル色素 直射日光を避けて冷暗所で保管してください フェニルアラニン ナイアシン 添付されている替栓を装着し リジン 5130円遠藤照明 条件付き送料無料 遠藤照明 グレアレス ユニバーサルダウンライト Φ100 2400~900TYPE 広角配光 ナチュラルホワイト ERD7879WA ※電源ユニット別売洗顔 34cm×100cm のコーナーにて近藤真彦さんに取り上げていただけました 送料無料 3枚 愛媛県 あらかじめご了承ください 内容量 ピンク 大磯タオル株式会社 ふるさと納税よくある質問 たおる 返礼品の変更 グリーンのいずれかの色を選択 綿100% 備考 ふるさと納税 愛媛県西条市 ×3枚 提供事業所 癒されるような優しい色調のふんわりタオル 返礼品の名称 コスモカラー 常温 LED照明付きミラーキャビネット 不可 大様のブランチ ブルー 白 お風呂 ※2か月以内に順次出荷します コスモカラーFT JP フェイスタオル TW-T55L_ 西条市 クリアで美しい色彩 5750円 返品はできません 4色からお好みの色をお選びいただけます ギフト対応 洗面 宅配便 注意事項 大磯タオル TBS 原材料名 寄附申込みのキャンセル 配送方法

MacOS Sierra(10.12)でキーボードの自動変換を戻す方法

MacOS Sierraにアップデートして一番初めに気になったのは、文字入力をした時にスペースキーを押さないのに勝手に文字変換されていた事でした。慣れれば便利かもしれませんが、いまだに自分は慣れません。。

そこで、以前のスペースキーを押して変換させる状態に戻す方法ですが、下記の2つのステップだけです。

【1】システム環境設定 > キーボードへ移動します

 

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

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

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

ペン字の練習用お手本検索サイト

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 繊細で正確なラインをかなえるGUERLAINのフェルトアイライナー GUERLAIN(ゲラン)マッドアイ プリサイス アイライナー #01.

コードのサンプルは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 160*230 180*280 200*300 洗えるラグ シンプル モダン 黒白無地 モノトーン じゅうたん 敷物 ホットカーペット対応 子供部屋 【送料無料】ラグ カーペット ラグマット 3D 洗える 北欧 ダウンリンク 夏 春 秋 冬 おしゃれ シャギーラグ マット 長方形 160*230 180*280 200*300 洗えるラグ シンプル モダン 黒白無地 モノトーン じゅうたん 敷物 ホットカーペット対応 子供部屋 by sugimo (@sugimo) on 送料無料 トヨタ アルファード 10系 断熱タイプ カット済みカーフィルム.

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

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

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

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

[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ツールを作りました

[ASICS公式] GEL-NIMBUS 22 SAFETY YELLOW/BLACK 1011A680 751アシックス ASICS ゲルニンバス スポーツシューズ ランニングシューズメンズ インソール 運動靴 スニーカー ランニング トレーニング イエロー 黄
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ハンドプリントのスマイル! レッドペッパージーンズ RED PEPPER JEANS レディース サイドスマイルプリント スキニーデニム No.RJ1063
https://www.kenjisugimoto.com/qrcode/

遠藤商事 SA佐文 薄刃(木製サヤ付) 19.5cm ASB16019

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