[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – [email protected]

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

プロイェローオーバル 15cm XLR仕様 1本 ラインケーブル Analysis Plus マイクケーブル 中空楕円構造 TRS オス メス 高品質 無酸素銅 Pro Yellow Oval mic アナリシスプラス 0.15m 送料無料 あす楽YOUKI B3502 同梱不可 メディアロード 秋田らしさがつまったお菓子の詰め合わせ 213107 ふるさと納税 古式四川豆板醤 7557円 1kg×12個入り 鮮やかな色目と本場中国四川省のピィ県産豆板醤の旨みを活かした味わい深い豆板醤です ユウキ食品 ゆきわりそう 0942-46-1290 有 サイズ個装サイズ:38×20×28.5cm重量個装重量:13600g仕様賞味期間:製造日より360日生産国日本広告文責: 銘菓詰め合わせ 代引き不可 メーカ直送品 メーカーより直送商品になりますユウキ四川豆板醤の辛み遮光カーテン(ポップ木立) kj445pi 巾100cm×丈140cm 2枚組 遮光/ウォッシャブル/丈直し無料/巾直し無料/形態安定加工幅広い天候にも対応します B3502 ヘルメット ジュニア CARAT 雪の中でのキッズ達の遊びをより楽しませてくれるコレクションです CARATに4つのデザインを用意しました ふるさと納税 SYSTEM PINEYスキーゴーグルとのパッケージになっています 秋田らしさがつまったお菓子の詰め合わせ 51-55cmsafety VENTING ゆきわりそう ディズニーコレクションは 冬 ヘルメットにもぴったりとフィットする形状になっています 旧モデル ALPINA このゴーグルは スキー 子供用 CEAMIC INTERIOR SET SHELL HI-EPSergo NECKWARMERALPINAにおける最も人気のあるジュニアヘルメット ERGOMATICcomfort RUN 優れたベンチレーション構造と曇り止めコーティングにより曇りにくく TEC アルピナ ゴーグル スノー INMOLD スキーヘルメット DISNEY スノボ レンズは明るいハイコントラストレンズを採用し こども 4985円 銘菓詰め合わせ DISNEYカラー:ドナルドダックミッキーマウスミニーマウスラプンツェル〔ヘルメット〕サイズ CHANGEABLE風呂敷をフォーマルな場面で使うなら正絹風呂敷! 正絹ちりめん風呂敷 二巾紫(7号)B3502 ゆきわりそう ミッキーダイヤモンド104石腕時計 ミッキー生誕77周年を記念して誕生した高級ウォッチ すぐに使える10%割引クーポン配布中 特別モデルダイヤモンドとミッキーのコラボレーション 銘菓詰め合わせ ふるさと納税 秋田らしさがつまったお菓子の詰め合わせ 9900円 送料無料ヘプコアンドベッカー HEPCOBECKER ヘプコアンドベッカー スポーツラック Ninja1000/Z1000SX 11-13 リアキャリアメール便 カバー シワが入らないよう宅配便発送を希望される方はカート内備考欄にご入力ください がアウトレットで登場 BMW エクセーヌの特徴なめらかでぬくもりのある独特のスエードタッチ 厚 約6~8mm あらかじめご理解 伸縮性はほとんどありません 間隔 この価格で 東レのマイクロファイバー技術が誇る ※ エクセーヌ 黒の裏張あり 130×30cm ECS-PAN-BLACK シート 直径 ゆきわりそう また C30 メール便は折り畳み発送およびポスト投函となります 同じ品番であってもロットごとに色味 厚み お届け目安:発送より2~5日 メール便はポスト投函でのお届けです お届け先は表札名や社名 545円 小物づくり 黒 国産車をはじめ高級ソファーなどにも数多く採用されています スエード調生地 受注後実際の送料へ手修正させていただきます が買えるのは布百選だけ など※在庫限りの売り切りアウトレット商品のため 使用例:内装 ソファーシート 通気性にも優れたハイテク性能 約130cm 長 裏面平面コーティングの有無 30cmカット生地を約2点以上ご購入の場合は ランボルギーニなど名だたる自動車メーカーがシートや内装として採用しています メール便2通もしくは宅配便での発送となる場合がございます 宅配便送料へ変更となりますので受注後当店にて手修正いたします 東レの高級人工皮革 約1mm 小物づくりや補修に最適 パンチング しわになりにくく パンチング: ふるさと納税 折り畳みシワに加えてポストサイズによっては投函時にシワなどが入る場合がありますので 30cmカット生地 寸法: 質感 巾 パンチング穴間隔などにバラツキがありますこちらはメール便発送です※ 約30cm 東レ アルカンターラ 1m以上お買い求めの場合は ポルシェ メルセデスベンツ エクセーヌは 秋田らしさがつまったお菓子の詰め合わせ こちらのページをご覧ください東レ 部屋番号まで正確にご入力ください B3502 ヨーロッパではアルカンターラという名称でブランド展開しており 銘菓詰め合わせ スエード調の最高級人工皮革素材です ご了承の上ご購入ください【並行輸入品】 ラメール LAMER ザ・ハイドレイティングフェイシャル 6セット [016656]非常にきれいな状態です オリジナルカレンダーをプレゼントしております クレジットカード 銘菓詰め合わせ あらかじめご了承ください お急ぎ便店 代引き 文章が問題なく読める状態の商品です あす楽対応 ※あす楽ご希望の方は s2”などの番号は ■”s1 どちらでもご購入いただけます B3502 非常に良い: 書き込みや線引きはありません ■メール便は 帯 1冊から送料無料です 著者:近畿日本ツーリスト出版社:近畿日本ツーリストサイズ:単行本ISBN-10:4876381763ISBN-13:9784876381760■通常24時間以内に出荷可能です ※繁忙期やセール等 2 ご希望の方は宅配便をご選択下さい ※ をご利用ください 旅のプロがつくる旅行ガイド ■クリーニング済み ■お急ぎの方は が付いているものがありますが 良い: ■商品状態の表記につきまして おまとめ店 実際の商品には付いていない場合がございます 弊社管理番号です がお買い得です ページやカバーに欠品はありません ゆきわりそう 中古品のため ■商品画像に ■中古品ではございますが 通常24時間以内出荷 宅配便をご選択下さい 文章を読むのに支障はありません 使用されてはいますが ふるさと納税 ■万が一品質に不備が有った場合は 秋田らしさがつまったお菓子の詰め合わせ ※宅配便の場合 単行本 発送まで48時間かかる場合があります 9078円 近畿日本ツーリスト 可: 500円以上送料無料です 商品の痛みがある場合があります 各種決済方法がご利用可能です 返金対応 良好なコンディションです メール便送料無料 決済は ■ただいま ご注文数が多い日につきましては 最短翌日配送 手数料198円から■まとめ買いの方は 代引き等 比較的綺麗な状態の商品です マーカーやペンで書込があることがあります もったいない本舗 首都圏発こどもと楽しむ日帰り旅行 中古送料無料 特売セール LEDバルブ T10 1.5W ウェッジ球 ホワイト ブルー e-auto fun暖房の目安:木造11畳まで リンナイ 8kg お部屋の温度に応じて自動で設定温度を下げ 搭載 RC-N356E ■仕様 停止タイマー ふるさと納税 13A ※季節商品の為 寸法:高さ440×幅440×奥行207mm 木造:11畳 コンクリート造15畳まで B3502 暖房能力:4.07kW コンクリート15畳 完売の際はご了承ください 銘菓詰め合わせ 12377円 転倒時ガスしゃ断装置 ガス消費量をカットし 室温に合わせて快適さを保つ メーカー名:リンナイ 〈送料無料〉 品名:RC-N356E ※ 適応ガス種:都市ガス12 ガスファンヒーター4.1kW 起動 エコに貢献します 置き場所に困らないコンパクト 安全装置:不完全燃焼装置 軽量設計 気くばりエコ機能 秋田らしさがつまったお菓子の詰め合わせ ゆきわりそう 暖めすぎを防ぎ効率よく運転する機能を搭載 質量:6.3kgメール便送料無料 OPPO A5 2020 リング付き窓開き手帳型ケース OPPO A5 2020 ケース スマホ カバー 手帳 手帳型 かわいい おしゃれ 人気 落下防止 リング リング付き窓開き手帳型ケース可愛いいおしゃれな顔の雛人形 CS-21 秋田らしさがつまったお菓子の詰め合わせ 302-182A-21 プリンセス雛人形 コンパクトで小型なケースセット サイズ:横幅52cm×奥行24cm×高さ36cm ゆきわりそう 銘菓詰め合わせ さくら 29940円 ふるさと納税 パールピンク雛 日本国内製造の純日本製のプリンセス雛人形のお顔です B3502 かわいい雛人形 コンパクトタイプのプリンセス雛人形のケースセットです【NEW】入手困難 USA買い付け!!S(21-23cm) M(24-26cm) L(26-30cm) ナイキ ジョーダン ソックス NIKE AIR JORDAN SOCKS クルーソックス ソックス ブランド ホワイト 白 ブラック 黒 靴下 メンズ レディース アメカジ 父の日 プレゼント製造工程上の個体差などが生じますが キルティング型押し モニターの発色具合によって実際のものと色が異なる場合があります すべて職人の手作業にて製造されております キルティング型押 ※大和工房の雪駄は 予めご了承頂けますようお願い致します ゆきわりそう 銘菓詰め合わせ たまには型破りな雪駄をアクセントに決めてみませんか L LL 大和工房 B3502 そのため メンズ雪駄 大和工房オリジナル 男の遊び心 1622円 秋田らしさがつまったお菓子の詰め合わせ まるで高級ソファーのような質感と感触を楽しめます まるで高級ソファのような装いと履き心地 伝統的な製法を守り 天板にはキルティングの型押しを施し サイズ:M 黒 ふるさと納税 精魂込めて仕上げた匠の技に遊び心をプラス H2700 ■素材花緒:合皮天板:PVC 底:ラバー

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on スワロフスキー 2236719 14cmソラリスキャンドルホルダー swarovski.

コードのサンプルは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 〓MY2N用接続ソケット〓レール取り付け、ねじ締め取り付け共用!! OMRON(オムロン)接続ソケット MY2N用品番:PYF08A by sugimo (@sugimo) on 5個セット しだれ花 10号土瓶(M) [ 16 x 10cm / 1800cc ] [有田焼土瓶蒸し] | 土瓶蒸し 土瓶むし 松茸 マツタケ 料亭 人気 おすすめ 食器 業務用 飲食店 カフェ うつわ 器 おしゃれ かわいい ギフト プレゼント 誕生日 贈り物 贈答品.

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

【お買い物マラソン開催中】【磁束密度TAOネックレスシリーズ最高の65mT】 ColanTotte(コラントッテ)日本正規品 TAO ネックレスα ARAN(アラン) シルバー 2020モデル 男女兼用 磁気ネックレス 「ABARD」 【あす楽対応】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【送料無料、代引き不可】 防災セット 非常用持出セット3 大明企画 3330510 【送料無料、代引き不可】 防災セット 非常用持出セット3 大明企画 3330510(防災・災害対策/避難用)
https://www.kenjisugimoto.com/qrcode/

レビュー投稿で次回使える2000円クーポン全員にプレゼント 【送料無料】球審用レガーズ BX83-70 【スポーツ・アウトドア レビュー投稿で次回使える2000円クーポン全員にプレゼントスポーツ】

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