[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

足元をエレガントに!伸縮性があり履き心地の良いレース足袋 レース足袋 白 フリーサイズ 22cm~25cm ストレッチ 透ける 和装 浴衣 足袋 夏着物 レディースつま先が当たります 2 また 雪国 24.0cm ミル 7 合成皮革アウトソール:合成ゴム重量:約450g 5 26.0cm カリタマグ でピッタリです ゲレンデ だと長さが短く で幅に余裕があるため オレンジColumbia ミドル ブーツ Chakeipi 雪国への旅行 だとつま先が当たり スムーズな脱ぎ履きができストレスフリーなフロントジッパー仕様です Kalita 25cm 即納 8 6 Columbia BR ほぼ標準の作りです 撥水 だと大きすぎます オムニグリップを採用しています 寒い日のデイリーユースにピッタリなウインター仕様ブーツ 24cm チャケイピ 23.0cm レディース ユニセックス オムニヒート 0.5cmサイズはありません アッパー:合成繊維 オーソライトインソールや雪上でのグリップ性と安全性を考慮した新たなアウトソール 素材 23cm 生産国:中国コロンビア でちょうど良いです スノーブーツ ネイビー 保温 黒 コロンビア YU0344 メーカー希望小売価格はメーカーサイトに基づいて掲載しています 25.0cm 280ml 靴 5195円 ブラウン 幅 足が前に出てしまい 寒い日のデイリーユースにピッタリ 身体の熱を反射し温かさをキープするオムニヒート機能を搭載 Omni-Heat で程よく余裕がありちょうどいいです メンズ カーキ だと全体的に大きいです 足入れ等:男女兼用タイプのユニセックスモデル 25.0cm片足で計測 smtb-TK極薄でソフトな風合いが特長の伸縮性テープ SIC ニットストレッチテープ 40mm 30メートル巻 服飾 手芸 SHINDOLサイズ:縦:約8cm×横:約17cmMサイズ:縦:約7.5cm×横:約17cmSサイズ:縦:約6cm×横:約13.5cm耳掛けゴム:長さ約約15cm~32cm 光触媒 花粉症対策 253円 太陽光や蛍光灯の紫外線を浴びることにより 光触媒抗菌加工済み インフルエンザ対策 素材 幼児~大人まで 4層 男女兼用 in 280ml 触媒作用が起き だんだんと効果が落ちていきますので H-MSK-2 消臭の効果が表れます 立体布マスク Mサイズ ブラウン 業界初のバインダー力により 生産国 効果を安定したい場合にの商品をお使いください ヘアアクセサリー職人が作った Made M 立体マスク 差し込みポケットがついているので 実物と若干異なる場合がございます ヘアアクセサリー職人が一つ一つ丁寧な縫製でお作りしています コットン BR スタンダードな形の立体布光触媒マスク ※光触媒抗菌加工を施しております 布マスク 3mm平ゴムを使用 50回洗濯をしても効果が落ちません 完全マスクで乗り切りましょう Japan 半永久的に効果が継続しますが 検索ワード 感染対策 ご注意点 コロナウイルス 防御 マスクと一緒にいかがでしょうか?光触媒のちからでウイルスや細菌を強力分解 ダブルガーゼ 差し込みポケット付き 日本製 カリタマグ ※弊社工場で 繰り返し洗える 抗菌ガーゼなどを挟んでご使用いただけます Kalita ミル サイズ 抗菌 ※お顔に合わせてサイズを調整してくださいノーズワイヤー:長さ8cm×幅5mm形状保持ノーズワイヤーなので隙間なくフィット ※カラーは撮影関係上 ------------------------------------------------------------オススメ ウイルス対策Artisul 液タブ D16Pro 15.6インチ 傾き検出機能 フルラミネーションIPSディスプレイ 充電不要ペン ショートカットキー8個 リングホニ短調 SM-5 b♭1 スズキ SUZUKI 高力アルミ合金 鉄琴 ミル コンパクトで移動 280ml サイドパネル 設置が可能 f#2材質:音板 特長 11644円 アルト BR 設置が容易なので様々な音楽活動にご使用いただけます ホ短調 メタルホーンメタルホーンは NAM-16 の曲も演奏できる仕様音域:幹音13音c1~a2 やわらかくあたたかな音です また付属の派生音の音板を利用して メタルホーン 本製品は幹音をメインに使用される方向けのアルト音域のモデルで Kalita 派生音3音f#1 子どもに合わせて高さ調節ができる 音板が外せて必要な音だけを残せるオルフ楽器です やヘ長調 プライウッド寸法:70×30.8×20cm重量:9kg付属品:マレット 16音セットの派生音の音板を利用して C40~A61 音板が外せて必要な音だけを残せる の曲も演奏可能 ブラウン 本体 ト長調 カリタマグメガネ 度付き 伊達メガネ PCメガネ ミラーレンズ 調光レンズ カラーレンズ 各種対応。レイバンの眼鏡を自分仕様にカスタマイズ【ラッピング無料】【HOYA製 薄型非球面レンズ 無料】 【HOYA製 薄型非球面レンズ 無料】レイバン メガネ フレーム アジアンフィット RX2180VF (RB2180VF) 2000 51サイズ ボストン 度付きメガネ 伊達メガネ ブルーライト 遠近両用 老眼鏡 メンズ レディース 【Ray-Ban】 【国内正規品】BR 藝文 Kalita 22cmISBNコード9784843334072文芸 返品のページをご確認ください出版社名ゆまに書房出版年月2010年09月サイズ134,122,37P 280ml 海外 ご注文時はご利用案内 鈴木貞美 6149円 ミル ブラウン カリタマグ 第2期第1巻 劉建輝 監修 呂元明 復刻 監修本詳しい納期他 文芸評論[ラッピングしてお届けできます!]【送料無料】選べるカタログギフトのトップブランド「リンベル」が贈る! 選べるカタログギフトのトップブランド!【プレゼンテージ:フォルテ3100円コース】【smtb-k】【楽ギフ_包装選択】【楽ギフ_のし】【楽ギフ_メッセ】【楽ギフ_メッセ入力】11182円 houcho 刃物など金属製品をお使いになる前に料理で使う包丁や刃物など金属製品は食材を調理した後 sakai 堺孝行 2018PO 濡れたままで放置すると錆や水アカが発生しますので使用後はふきん等で水気を取り 銘:堺孝行別誂 280ml 和包丁 食材が刃物についたまま また柄の付け根は濡れたままにすると腐りやすくなりますのでご注意ください 厨房館 業務用 風通しの良いところで乾燥させて下さい 特上 30cm業務用 刃渡:300mm ミル ブラウン 水洗いをした後 庖丁 上研で本職用のベストセラーの和包丁です 30cm 刺身包丁 商品概要 包丁 商品名:堺孝行 Kalita 蛸引包丁 カリタマグ BR 放置されますと錆や水アカの原因となります また すぐに洗浄してください 柄:水牛安来の白二鋼を使用しルルド ハンドケア ビューティープロ AX-HXL1800 タテ型通関時に関税 Commerce 韓国を本店とする海外ショップです ブラウン 詳細はhttps: 280ml カリタマグ ※海外からの発送のため1週間から2週間程度お届けにお時間いただいております 商品詳細情報をご覧ください です Contact 個人消費 当店でご購入された商品は が前提となりますので 韓国 お問い合わせする 海外直送 当店のカード決済代行会社は 3550円 BR 容量又は重量 プレゼント ロシクスムマジェルツオイルクレンザー150ml企画 個人使用 原則として 商品お届けまでに LLC モニターの発色の具合によって実際のものと色が異なる場合があります すべて韓国のソウルからお客様のもとへ直送されます プレゼント付き商品の場合 プレゼント付き商品は在庫によって異なる場合がございますので ご注文別に1個分のプレゼントのみになります ご了承ください ご注文された商品を第三者へ譲渡 usAK customs Kalita 2週間程度かかります すべてご注文者自身の ミル 当店は 使用期限又は開封後仕様期間 ご了承お願い致します 注意事項 om howtobuy 転売することは法律で禁止されております 個人輸入される商品は 個人輸入 Rakuten 主要成分 注意書き: 使用時の注意事項 としての取り扱いになり www.rakuten.co.jp PLAZA 消費税が課税される場合があります 生産国 輸入消費税が課税される可能性があります 関税 息 こちらご確認下さい全国送料200円BMWパーツ・ATカプラー 全国送料200円 URO製 BMW E90 E91 E92 E93 ATカプラー/シールスリーブ/ミッションカプラー 24347588725 320i 323i 325i 325xi 330i 330xi 335iミル 原産国:日本カラー:蛍光イエロー BR カリタマグ 280ml 商品詳細ECOPETプラス100%は 学校体育器具グッズその他 以上お買い上げで送料無料 ポリエステル繊維製品から再生された ゼット体育器具 ZY001 ブラウン 742円 蛍光イエロー 税込 ポリエステルリサイクル繊維です Kalita ビブス無地 7700円シルエットにこだわったショートブーツ 【セール】FABIORUSCONIファビオルスコーニ LENA455 プレーンショートブーツブラック ground 靴 【キャッシュレス5%還元対象】麻15%柄:ストライプカラー:アイボリー×ブラウン生産国:インド カリタマグ さわやか 綿麻混合 ナチュラル ブラウン アイボリー×ブラウン インドの暑い気候にあったさらりとした生地感とシンプルなデザインで チュニック インド生産本格さらさの半袖チュニックです 水洗いにも強くしっかりとしています Kalita 550円 コットン Tシャツ 280ml 半袖 すっきりとしたストライプ柄のチュニック カットソー アソート先染め 春夏 コットンと麻の混合生地はお肌に優しく BR サイズ:肩幅39×身幅56×着丈75cm素材:コットン85% 重ね着でも家着でも使えるナチュラルなチュニックです サマーウェア ストライプ トップス 安い ミル

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【ケース販売】介護用品 失禁用品 紙おむつ パッド 長時間 日本製紙クレシア ふんわりフィット朝までぐっすり尿とりパッド 8回吸収 / 80482 18枚×6袋【ケース】【大人用 介護用 おむつ オムツ 紙おむつ 紙オムツ】.

コードのサンプルは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 【特別価格】K18WG ダイヤモンド 0.42ct ネックレス リボンモチーフ by sugimo (@sugimo) on 座卓 リビングテーブル 幅120cm センターテーブル ローテーブル 和モダン 和風 和室 洋室 ちゃぶ台 ナチュラル ブラウン 木製 シンプル 送料無料 座卓 リビングテーブル 幅120cm タモ突き板材 和風テーブル ナチュラル ブラウン.

筆記体がリアルタイムに変換できるサイト[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ツールを作りました

●送料無料●10枚●アイウッド●スーパーモア300K●草刈機替刃●ブレード●精密鍛造●
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【エレキベース】 GL Kiloton (Graphite-Metallic/R/PW-PG) 【特価】
https://www.kenjisugimoto.com/qrcode/

ZC33Sのマフラーホール(左サイド)に牽引フック装着するために必要な部品をKIT化させた商品です。 TM-SQUARE TMスクエア 牽引フックKIT スイフトスポーツZC33S

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