[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

お好みに合わせて使える 両面プリント マルチカバ-内容など予告なく変更される場合がございます 国産 Mets 特に缶製品などは 賞味期限 コーラ PET×48本 8603-250-KP 関与成分難消化性デキストリン 特選茶 100mlあたり などの商品も販売していく予定です パッケージ 食物繊維5.5g 当店では炭酸飲料商品としては KNIPEX 今後は BKJ 賞味期限最大 ペプシ たんぱく質0g ご紹介おわり 5g 23:59まで ご紹介 栄養成分表示 出荷時には万全のチェックをしておりますが ペットボトル 食物繊維として シュウェップスなどがあります 47196 トクホ 飲むだけで脂肪と糖にはたらく唯一のトクホの緑茶 KIRIN 送料無料 東渋谷区渋谷4-6-3 エネルギー0kcal ビタミンC 脂質0g アサヒ 全国どこでも送料無料 原材料 メーカー直送 24本×2ケース JP メッツコーラ 三ツ矢サイダー 1 日本コカ リアルゴールド ポイント+2倍 600ml この商品はメーカーからの直送です メーカー製造日より8ヶ月 人気の ご了承ください 48本 今後の予定として コーラ株式会社 3888円 伊藤園 クニペックス 多少の輸送時の凹みは避けられませんので 糖質0g スプライト コカ 即納 525ml 食物繊維 カフェイン65mg 商品に関するお問い合わせは下記になります 食事のバランスが気になるあなたにピッタリ プライヤーレンチ サントリー 個人様購入可能 〒150-0002 5 食塩相当量0.02~0.14g ファンタ ペリエも販売できればと思っております 当店で販売している商品は 緑茶 お茶 0120-30-8509 現状の配送状況では 難消化性デキストリン の商品を取り扱っております 炭水化物5.5g 500ml 綾鷹 ウィルキンソン リニューアル等で経営学入門 下 日経BPM(日本経済新聞出版本部) 榊原清則 / 日経文庫レトロ 発送方法 OLDIES 宅配便店舗販売と在庫共有しているため プライヤーレンチ 入荷までしばらくお待ち下さい ■素材:ポリレジン■カラー:ターコイズ 8603-250-KP ペーパー取り付け幅:約W.10.5cm タイミングにより完売となる場合がございます イエロー■本体サイズ:約W.20×D.15×H.15cm KNIPEX Paper Holder JP その際はメーカーより取寄せとなります トイレットペーパーホルダー 即納 アメリカン レッド ペーパーホルダー 1540円 オールディーズ 芯から上部までの高さ:約H.5cm斬新なデザインのトイレットペーパーホルダーです クニペックス BKJ バス オシャレな雑貨を生活の中に取り入れてはいかがでしょうか?地デジアンテナ 12Vの電源を使用し安定した映像を供給 ワンセグ・フルセグ兼用 フィルムアンテナSMA端子 強力ブースター付 新品 カー用品 カーアイテム 地デジ 地デジアンテナ ワンセグ 貼付型 フィルム SMA端子 強力ブースター付 配線長300cm カーナビ TV フルセグ (ゆうパケット発送なら送料無料) crdTB12H 品番:TB-12H-SUS304 の枠式ターンバックルです JANコード:4982970301911 参考値 品番LWABSL1L2捻径Weight使用使用 1410円 両端がフック 水本 品名:枠式ターンバックル SUS304 KNIPEX MM クニペックス メーカー:水本 枠式ターンバックル 水本機械製作所 8603-250-KP 荷重荷重 KN 画像内寸法の単位はミリです フック TB-12H JP BKJ 26404003.92 フックフック kgf g TB-12H2003410015617290440W-1 ステン ステンレス 材質:ステンレスSUS304 プライヤーレンチ 即納【くろろ】球磨焼酎をベースに有機栽培の珈琲豆を使用した珈琲リキュールが生まれました。 【珈琲リキュールくろろ】20度 500ml 箱入 深野酒造:190g 桐箱入り JP 銀製急須 本体に花丸彫金 :13.8cm×φ7.5cm×H9cm 水平壷 純銀 77700円 銀壺 急須 茶#22774; 烏龍茶急須 瓶 重量 uk110bk-L 茶道具 銀#22774; 純銀製 #22774; 日本製※日本製である事と品質を保証した証明書をお付けしています 日本純銀製 銀瓶 BKJ クニペックス 銀壷 約0.2L プライヤーレンチ 銀 銀製品 栞付き 純銀保証 φ1.1cm #38134; 金彩仕上げ 約 silver 黒檀摘み 証明書付き 即納 日本製 摘み:黒檀 材質:本体:純銀製 大 KNIPEX 壺 鎚目 :225ml Teapot ※手作りの美術工芸品につき あらかじめご了承の程よろしくお願い致します 銀急須 #38134;#22774; 制作の都度若干仕様が変更になる場合がございます サイズ 8603-250-KP 銀製 花丸彫金 銀の急須 水平#22774; 容量 純銀急須 茶壺茶道具 花入花入 黄交趾 耳付 陶若窯日本が世界に誇るドラムメーカーPEARLのパーカッションなのでクォリティも高くミニ サイズ:140mm 在庫切れの場合もございますので予めご了承下さい チューニング用レンチ 小さめのクラブやバーでの演奏や旅行等に持って行ったりと便利なPMB-1です 沖縄地方 smtb-tk 付属※北海道 KNIPEX 店鋪販売をしている関係上 本皮ヘッド ミニ BKJ また パーティーやカラオケ用としてもGOODです タイプのパーカッションの中では鳴りも良くお気に入りのBGMやMTV等に合わせて叩けばかなり楽しく遊べるミニ お子様のリズム教育などにもオススメな可愛いミニ クニペックス JP ■スペック■ prjb ジャンベです アフターサービス等についても誠意をもって万全の体制で受け付けさせて頂きます 手ごろなサイズなので 商品に関してのお問合せ PEARL 4060円 お子様のリズム教育に 300mm 離島 即納 お子様のリズム教育などにもオススメですが大人も十分楽しめる作りになっています ジャンベ のお客様に関しましては別途お見積もりを致します 8603-250-KP プライヤーレンチ 在庫確認等は06-6628-0088もしくはshop@bloomz.jpまで連絡を下さい パール PMD-1スカイライン GTS-Xツインカム24Vターボ(日産)【中古】クニペックス 高輝度 ユニット 工事表示板 S-21A 4780円 プライヤーレンチ 381-30の板のみ : BKJ 停止位置 381-74 8603-250-KP カタログ 即納 JP KNIPEX 421ページ掲載商品メーカー品番Lebel PLIA CURL ADOR HD1 ルベル プライア カール アドール HD1 400mlその場合注文後にキャンセルをさせて頂きます 送料無料 材質:フタ クニペックス 丸型 ONWR1 8603-250-KP BKJ JP ※商品画像には 食器 別売り商品が含まれている場合があります 下段=270ml重量:約132g■生産地:日本■素材 即納 成分:素材 サイズ 出荷予定日数は すみっコぐらし 12点 キッチン ○商品ページの出荷予定を必ずご確認ください 休業日を含めておりません お弁当箱 6521992※※必ずご確認ください※※○注文可能な状態でもタイミングにより欠品が発生することがあります スタンダード ランチボックス 500ml 土日 KNIPEX 返品特約 ○色 販売会社:株式会社HanbitTEL:050-1040-7307 セット内容は商品ページでご確認ください スケーター サイズ違い 祝祭日 フォーク=ポリプロピレン中ブタ=ポリエチレン■パッケージ:個包装管理番号 yagihashi ○注文前に FS 生活雑貨 プライヤーレンチ 広告文責 _okrjs お弁当グッズ 本体 まとめ買い 色違い ご注意ください サイズ:幅11.7×奥行10.6×高さ9cm容量:上段=230ml 5417円 買い回りポイントアップのお客様は特にお気を付けください ご注文前の注意事項を必ずご確認ください送料無料 産地直送グルメギフト 直送グルメ 山陰のど黒一夜干し&しじみ詰合せ 2199-50(送料無料 グルメギフト 産地直送ギフト 産直ギフト 贈答品 NS0669T)しっとりタイプ 代引無料 48HR BKJ 使用方法キワード48時間 ローション エイジングケア 180ml 東京都品川区西五反田 年齢とともに減少する抗酸化成分 水分を理想的に保ち維持する事に セラミド3 外的からの刺激でバランスを崩しやすい大人肌を徹底ガード 紫外線から肌をガード ごく少量の雨で緑と生命力を取り戻すことから ドゥスール スキンケアで肌表面から補給し肌細胞の抗酸化力をサポート 南アフリカに生息するミロタムヌス セラミド1.2.3.6配合 成分メーカー希望小売価格はメーカーサイトに基づいて掲載しています JP KNIPEX と言われています 即納 分化粧品生産国FRANCE広告文責株式会社ブランシェ リリスドール プライヤーレンチ 送料無料 は ブランド名リリスドール区 セラミド2 TEL:0337798533商品説明化粧水の鍵は セラミド1 ネクタピュールエキス 化粧水 そこで見つけた オゾンなど大気汚染 毛穴 敏感肌 8603-250-KP セラミド6 乾燥肌 48時間 48時間ずーっと潤い続く ハリ 復活の木 180ml180mlメーカー 弱くなった肌表面にとどまりき 引き締め 保湿 SOD なんと48時間以上にも及び PM2.5や排気ガス フラベリフォリアという植物から抽出します その力を 1650円 高濃度化粧水 化粧水にぎゅっと封じ込めました その水分保持力は 極わずかの量で復活させます クニペックス コットンパック 商品名リリスドール

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer 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 貴方は何色?ボトムスワンアクセントに! エナメル ベルト ダブルピン カラフル カジュアル おしゃれ 作業服 作業着 作業ベルト メンズ レディース【あす楽対応】 by sugimo (@sugimo) on グッチーニ カトラリー24P MY FUSION 110700175.

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

卒業式 袴 レンタル 黒 訪問着 袴 (約155cm~) 【レンタル】【訳あり】卒業式 袴 レンタル 先生 袴 レンタル 女 袴 セット 教職員 教員 職員 先生〔HG381〕 黒 鼓と吉祥文様 ポリエステル 卒業式 袴 女性 はかま ハカマ 教員 先生 レンタル 貸衣装 フルセット
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

完全国産の厳選食材! 贅沢な セミ ドライフルーツ! 【送料無料】 完全 国産 ちょっと贅沢な プレミアム リッチ セミ ドライフルーツ りんご 林檎 2袋(160g) おやつ お菓子作り おつまみ トッピング ポイント消化 買い回り
https://www.kenjisugimoto.com/qrcode/

のびのびソフトギャザーで上げ下げカンタン 紙おむつ はくパンツタイプ リブドゥリフレ はくパンツスリムタイプLサイズ 18枚×6袋 株式会社リブドゥコーポレーション 送料無料 【大人用 紙おむつ・介護用おむつ】

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