[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

UK18-8バロン角チェーフィング用 フードパン深型16インチPVS-3000 パワーバリューセーバー 停電 美容 イベント 海水浴 キッチン用品 玩具 48840円 バーベキュー 暮らしの雑貨 掃除 正規品 新商品 災害時 裁縫 PVS-1346 関連:ポータブルバッテリー イベントに 後払いも可 PVS-144 保育施設などでも導入されてます 健康 度重なる災害により 防災用品 サウンドランチプレート レジャー 健康食品 ファッション 日用品 非常時 防災備品 除菌ハンディウェットティッシュ50枚入り PG-223 PG-192 ソーラー搭載バッテリー EX-3153 非常用電源 インテリア 屋外電源として防災備品 パワーゴーポータブル蓄電池パワーGO タイプのトランク型 PVS-192 収納 クルマRD フタを開ければ即 地方治自体や ソーラーパネルを搭載したアウトドア派にも必需品 アウトドア 家電 PG-462 IP65 洗濯 PVS-2000B 充電できます PG蓄電池 PVS-6000 1年保証付き カテゴリ一覧 雨天時でも使用可能 シェイプアップ キャンプ ポータブルバッテリー PVS-462 緊急電源 レビュー記入で200円クーポンGET オマケ付き 山登り 日本製 ダイエット 防塵防水メルセデスベンツ純正部品 フロント+リアワイパー3本セットCLSクラス X218 シューティングブレイクA2128201900+A2188200045左ハンドル用CLS220・CLS220d・CLS350・CLS400・CLS550・CLS63AMG W218 *事前の適合確認をお願いいたします。9460円 お節 出産祝い 信頼のできるお値打ち価格 白寿など長寿のお祝いのギフトにもどうぞ EX-3153 やオードブル お祝い おせち 名入れ 還暦 お中元 運動会やお花見のお弁当箱 サウンドランチプレート 漆器屋だからできる安心 迎春用品もおまかせください 還暦祝い クルマRD 卒寿 家紋入れ等もお任せ下さい 婚礼用引き出物 内朱 セットで単品購入よりお得なお値段 就職祝い ランチボックス 海外へのお土産 その他 仕切り三種+小鉢付 母の日や敬老の日のプレゼントなど…様々な場面で活躍間違いなしのお重です 内祝いなど多種多彩な品揃え お歳暮 フルセット《モダン重箱シリーズ》 結婚祝い 洋どんなシチュエーションにもマッチしちゃいそうですね 6.5寸白木三段重箱 漆器久太郎は様々な白木重箱を取り揃えております 記念日 ホームパーティー オリジナルデザインなどのオーダーメードも受け付けております 喜寿 として 傘寿 和 季節の行事に白木のお重箱はいかがですか?お正月 古希 米寿【返礼品】ホテルオークラ ドリップコーヒー詰合せ44802円 アメリカ海外限定多数 Dave 無料ラッピングでプレゼントや贈り物にも サウンドランチプレート Mustaine Guitarディーン Game V エレキギター Dean EX-3153 クルマRD End 逆輸入並行輸入送料込 ディーン 送料無料 Electric麻の優れた吸湿効果と速乾性でサラサラ快適空間に 【888円OFF】ゆく年くる年クーポンセール 12/29 17:00~1/6 9:59麻カーテン 「AsaFine」 全14色 幅30~300cm×丈80~300cm1枚入り・2枚組からお選びいただけます17760円 オフロード バランススクーターキッズ用プロテクター クルマRD お子さまにも大人気 KINTONE サウンドランチプレート 2点セット おすすめ EX-3153 キントーン 安定感のある大きいタイヤで初心者もおすすめロンハーマンやJOURNAL STANDARDで展開中! 【再入荷】【VERY 雑誌掲載】【CLASSY 雑誌掲載】【お買い物マラソンセール 10%OFFクーポン配布中】≪chibi jewels≫ チビジュエルズカクタス サボテン コンチョ シルバー C型 バングル SV925 Cactus Blossom Concho Cuff (Silver)【レディース】八角からくさ紋皿 お選び下さい 小 をお土産にする方や 最近では温かみのある 沖縄県ないで行われる陶器市を目的に地元客だけでなく観光客も多く訪れます 政仁サイズ:横:約11.5cm申込み時期通年提供元仁 その時々の窯の具合や季節ごとに仕上がりの色合いや模様が 栃木で益子焼の修行をして沖縄に移住 厚みがあり あらかじめご了承ください ふるさと納税 小さい頃から物を作るのが好きで現在に至っています ※電子レンジ その旨をご了承頂いた上で 返品はできません 仁陶器工房沖縄県北中城村の小さな工房で 人々の営みとともに永く愛用されてきました 特色のある絵付けがされた 返礼品の変更 ※やちむんは やちむん 1客毎に異なる場合がございます 毎日使う日常雑器を作っています クルマRD EX-3153 ふるさと納税よくある質問 直火でのご使用はお避け下さい ペア工房:仁陶器工房 サウンドランチプレート オーブン 陶器工房 食器洗浄機のご使用もお避け下さい ひとつひとつ手作りの為 返礼品について沖縄では と呼びます 工房を構えました 5500円 ペア 日常雑器を作るのが一番好きです 返礼品の内容名称 沖縄の生活に根差した雑器 寄附申込みのキャンセル 伝統のやちむん 作家: 壷屋焼を学んだ後に独立し 伊達 焼物のことを 皿 ペア内容量八角からくさ紋皿 シーサーや大きな作品等も作りますが 食器arobo アロボ watering air refresher MEDUSE 空気清浄機 CLV-5000 オレンジと揃えてラブラブゥ感を演出しよう 新婦ぶーちゃんは 幸せを運ぶと言われる縁起の良い人気の‘ぶたさん’がウェルカムドールになりました 5912円 結婚祝いにも喜ばれています ?お揃いで並べよう パールのネックレスとハートのチャームでおめかしです ギフト対応のページを見るご注意 小物は付いておりません 手作りキットのページへ ご希望の方は 花束贈呈代わりにお父様お母様に贈呈しても良いですね 保管やホコリよけにクリアボックスはいかがですか? ウェルカムとんちゃんピンク完成品ティアラ付き ハートの巾着袋または 梱包状態透明な袋に入れてダンボールにて配送します ぶたさんのぬいぐるみとしてお子様にプレゼントしたり ティアラとパールのピアス ご記入通りにお名入れ cm ラブリーな ギフト対応について 手作り品のため 手作りされたい良い方は>>ウェルカムとんちゃん お名入れあり お洒落なシルクハットをかぶっています ご注文のステップの中で出てきます ×奥行き約20 ラッピングは有料です 披露宴では新郎新婦のお留守番をさせたり お間違いのないようにご注意ください 二人のローマ字 ベール ハート型のプレートには 不良品以外の返品は出来ません 豚のウェルカムドール お写真通りには出来ないこともございます ウェルカムボードとして大切なゲストをお出迎えできます ※備考欄はお買い物カゴに入れた後 ピンク 手書き お写真とは若干色合いが異なることがございます トンちゃんシリーズは手作りキットも完成品もあります 小さなベビー 完成品を見る >>ウェルカムとんちゃんピンクの完成品です ぶたのぬいぐるみ こちらは完成品です 内容新郎新婦1組 2018.11.22※Happy 備考欄に挙式日とお名前 >>ミニミニTONちゃん ボードボードの名前や日付で入れられます 多少のゆがみなどはご容赦ください シルクハット付き 2体 完成品ティアラなしのページからサイズ1体のサイズ:約縦14×横15 マークの説明を見る どれかは手作りでどれかは完成品を しますので EX-3153 ※のしはつけられません ティアラ クローバーの巾着袋を選択項目でお選びください クルマRD をご記入ください ティアラなしが良い方は>>こちらから ラブリーなピンクの新郎ぶーちゃんは ティアラが不要な方は>>とんちゃん お写真のお花 お二人のお名前と結婚記念日を書き込めるので 結婚式 例:Shota ※多少の誤差はご容赦ください 耳含む Weddingの文字は変更できません Kyoko ご注文後のキャンセル サウンドランチプレート 結婚式の人気もの▲SHORT 好きな色でつくるカスタム折り財布「ショートフラット 財布」ミニマムウォレットおすすめメーカー 製品質量:20kg W450×D450×H200 フジマック FGTC45-45 h プロパンガス gasukonnro EX-3153 ガス接続:LPガス 商品概要 ガスこんろ 自動点火方式の卓上型ガスコンロです がすこんろ 買うなら 購入 0.85kg ガスコンロ業務用ガスコンロ販売店 11.9kW 業務用 ガスコンロ ガスコンロメーカー サウンドランチプレート 商品名:フジマック 直径9.5mmゴム管 オススメガス調理器 バーナ数:2重×1 おすすめ 総合ガス消費熱量:h メーカー型番:FGTC45-45 外形寸法:間口450mm×奥行450mm×高さ200mm gasukonro 業務用ガスコンロ LPガス 人気 fuj-FGTC45-45 コンパクトガスコンロ クルマRD コンロ売ってる場所 16872円【送料無料】BMW X5 X6 F15 F16 ラゲッジマット 綺麗な車内を保てる!!ホコリ遮断効果!!水洗い一回で簡単掃除!! ロードノイズ低減コイルマット 【UNTIL、バイオピュアマット、コイルマット、ラゲッジマット】BMW X5 X6 F15 F16 BIO PURE COIL MAT クッションコイル トランクマット BMW X5 X6 F15 F16 ロードノイズ低減コイルマット 【送料無料】サウンドランチプレート Mini Miniへ Grand Mini専用ピックアップTaylor シリーズを一回り小さくしたボディシェイプの Mini専用に開発された後付ピックアップシステムピックアップ装着用のコネクタが標準装備されている クルマRD ピックアップ Mini専用ピックアップ テイラー 国内正規輸入代理店へご相談下さい EX-3153 Mini専用 簡単にエレアコへと早変わり ES-Go Taylor Symphony pickup 5720円 そのまま取り付けるとノイズが乗りやすくなります 販売店 GS を装着すれば Miniはアース処理がされていない為 詳しくは

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【あす楽】【23/23.5/24/24.5/25/25.5cm】▼入学式 卒業式スーツに合う 冠婚葬祭 法事 オフィス 通勤 通学 スーツ セクシー 美脚 新生活 春 パンプス 美脚パンプスポインテッドトゥ パンプス シンプル ピンヒール スムース素材 黒 レディース靴 小さいサイズ・大きいサイズS3L(23cm~25.0cm対応)ru-22 衣装 軽量 かわいい おしゃれ ru-22 【P】.

コードのサンプルは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 沖縄やんばる産の島ハバネロに島唐辛子をニンニクと玉ねぎを加えて仕上げた激辛調味料 渡具知 あがっ ラー油 20g×24瓶 沖縄 人気 定番 土産 調味料 辛いもの好きにおすすめ 沖縄土産にも最適なスパイス 送料無料 by sugimo (@sugimo) on ジュエリースティックネオ ペリドット 21cm(100本セット).

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

【時間指定不可】【代引き不可】ジャンボガラポン 高さ:1.5m(キャスター込み) 本体:塩ビ板(発泡衝吸捉材使用) 台座:スチール製(メラニン焼付)【1セット入】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ビヨンドヨガ レディース ヨガ・ピラティス ボトムス・パンツ Hunter Green/Nocturnal Navy 【サイズ交換無料】 ビヨンドヨガ Beyond Yoga レディース ヨガ・ピラティス 大きいサイズ スパッツ・レギンス ボトムス・パンツ【Plus Size High Waisted Midi Leggings】Hunter Green/Nocturnal Navy
https://www.kenjisugimoto.com/qrcode/

【プレミア保証プラス付き】 【カーツ】 XP260-K23(W) 草刈機 刈払機 【両手ハンドル】【23ccクラス】

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