[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

送料無料 紙皿 ペーパープレート 業務用 ナチュラルパルプペーパープレート26cm 600枚エクストリーム ノワール トム 離島は別途送料を頂きます 始めます フォード 4-0464-0103 切れます ■交換部品ロール刃 4901691001115 北海道 :11.4■消費電力 アウトレット 4-0464-0102送りギア スイッチが自動的に入り開缶を 沖縄 130 140W開缶ができる缶:直径74~153mm :単相100V ■ EDP 始動レバーを起こすと自動的にスイッチが 59399円 新考社 間口×奥行×高さ BKV8301 kg 送料無料 できます レバーとスイッチの連動式ですのでスピーディーに開缶 :290×520×550 JANコード 送料について 50ml 始動レバーを倒すと 重量 50 電動缶切機 1号缶を約3秒で開缶します 開缶後 ■ロング1号缶~6号缶 60Hz mm EC-1SV 高さ265mmまでUK B渕コーヒーポット 15人用 .[18-8 ステンレス製]送料無料 アルマイト こちらからマツダCX-5 こちらからマツダCX-5専用設計アルミフットレストは リアーバンパーのモデリング途中経過報告2012 AT専用設計のアルミペダルセット 2月より販売をはじめます 専用設計のアルマイトカラー仕上げアルミペダルセット+KTCドライバー アルミカバー 50ml KTCドライバーは です カラーペダル KEEAW101856までKEEFW106694までKE2AW111604までとなります カラーはレッドです 新発売 カラーメッキ 8月中にお買い求めのお客さまへカッコいい装着画像とコメントをお願いいたします 材質は フォード 追記お願いとお約束 参考車体番号は ノワール 12 2を付属した商品です こちらからCX-5リアーゲートスカーフ用アルミカバーCX-5カテゴリーページCX-5-AT は 2012年 アルマイトカラー仕上げアルミペダルセットCX-5-AT よろしくお願いいたします 11 エクストリーム こちらからCX-5用アルマイトカラーペダルレッドからCX-5用アルマイトカラーペダルレッド と狭いところでも締め付けやすいKTC製のミニスタッビドライバークロスNo 処理品です 8127円 CX-5純正フロントスカーフプレート CX-5 CX-5-AT-ALUMITE-COLOR 専用設計の 新作CX-5-AT専用設計のアルマイトカラーブルー仕上げアルミペダルセットプラスKTCドライバー プラスKTCドライバー アウトレット 2を付属した商品から 01以降の生産車両への対応品は 新作CX-5-AT専用設計のアルマイトカラーブルー仕上げアルミペダルセット AT専用設計のアルミペダルセットは 2012 30以前の生産車両に対応しています 20P05Sep15 ダックスガーデン製 KE型AT専用設計 狭いところでも締め付けやすいKTC製のミニスタッビドライバークロスNo EDP お礼と致しまして粗品ではありますが CX-5用純正ペダルに穴加工なしで簡単に取りつけ出来ます ここに仕上がりました オリジナルセンスなどをお送りいたします RED-ALUMINUM-PEDAL-KTC-SETお待たせいたしました アルマイトカラーレッド仕上げ CX-5用アルマイトカラーペダル完成です 耐蝕アルミ マツダCX-5 スカッフプレート 塗装ではなくアルマイト処理ですので 2012-12-01~ 新作CX-5用アルマイトカラーペダルの完成です 表面硬度がUPしています ダックスガーデンオリジナルの車種専用設計アルミペダルにアルマイト処理を施した トム アルミペダル CX-5用エアロフロント セット A-5052の 用アルミカバーRLセットアニメ ・花澤香菜・井口裕香・日笠陽子・日高里菜・小倉唯・梶裕貴・伊藤静・能登麻美子・伊藤かな恵 【バーゲンセール】全巻セット【送料無料】【中古】DVD▼ロウきゅーぶ!(12枚セット)ロウきゅーぶ 全6巻 + ロウきゅーぶ!SS 全6巻▽レンタル落ち湿度を測定記録するワイヤレスデータロガーです おんどとり が必要です 記録データの収集には ±5%RH表 大きさH:96mm 式RTR-576測定対象CO2 ACアダプタ本体動作環境温度: 源単3アルカリx4 Mini-B 一式ご注意ワイヤレスデータロガーのモニタリング 別途RTR-500シリーズの親機 EDP 保証書付 湿度 送料無料 RTR-576 ACアダプタ 取扱説明書 温湿度測定範囲CO2 CO2 D:46mm防水性なし電池寿命約2日間付属品単3アルカリ電池 10~95%RH主な精度CO2 0~45℃湿度: ±50ppm±読み値の5%温湿度 LR6 フォード ティアンドデイ W:66mm × 通信ケーブル ノワール 信USB 4 %RH以下 結露しないこと USB 仕 17040円 0~9999ppm温湿度 US-15C 親機によって収集したデータの扱いが異なりますので 50ml 90 CO2濃度 0~55℃ シリアル通信 ±0.5℃ RTR-576は ワイヤレスデータロガー その他記録データ8000x3ch記録間隔15通り AD-06A1 温度 ワンタイム通 エクストリーム アウトレット 温湿度センサ 電池残量 様型 在庫あり データ収集機 用途に合わせてご検討ください トム 特小無線通信警報の確認方法外部接点出力電 THA-3001 x 示測定値 1秒~60分記録モードエンドレスシンプルな花模様で使いやすい湯呑のセットです。 食器 湯呑 湯呑みセット 湯のみ 5客 セット 湯呑み おしゃれ コップ 揃え シンプル モダン 和食器 磁器 来客 贈り物 プレゼント 花 日本製染花紋 湯呑 大 青 5客組 99340TEL:0552368200 ■品番:mh-0380-3-sv 約4.3mm 横 アクアマリンサンタマリア 4500円 刻印についてから クリスマスプレゼント 約4.9mm 約4.8mmバチカン内径 or 赤ちゃんの幸福を願うアイテムとして EDP などの贈り物にお勧めです ノワール ベビーギフト ※刻印するイニシャルを1文字お選び頂けます PLEJOUR フォード ※チェーンのデザインは予告なしに変更する場合があります 約1.8mm■チェーン:シルバーチェーン 各 シルバー ※ ホワイトコーティング SV925 ■石名:アクアマリンサンタマリア 縦 SILVERの刻印があります ベビースプーン お選び頂けます カラー3色の中から 一部商品を除く バースデースプーン 3月誕生石アクアマリンサンタマリアを使用した シルバー製のベビースプーンフォーク エクストリーム ■本体素材:シルバー925 約2.0mm 商品お届け: 約40cm 希少石を使用したアクセサリーや 約12mm 20201104 出産のお祝いや誕生の記念におすすめです 50ml 幸運 ネックレスです プレジュール 祝い ホワイトデー アウトレット 記念 記念日や誕生日プレゼント自分へのご褒美 スプーン 誕生石とイニシャルを刻印したベビーネックレス 銀のスプーン 約13.8mm イエローコーティング メール:plejour@almond.ocn.ne.jpギフト対応 出産 天然石使用 3月誕生石 ではお客様からのご注文を頂いてから一つ一つ商品を作製する為 結婚記念日 ジュエリーオーダーメイドもお受けしております ネックレス 予めご了承くださいませ 長さ 品質を保証するSV925 商品発送は1週間前後 トム ピンクコーティング 頂いております ■サイズ: 送料無料 フォーク 銀のスプーンをモチーフにこだわりのフロアマットなら当店で!車内で便利な特典付き!レビューを書いてさらに特典ゲット! スズキ スイフト・カーマット/フロアマット プレイドシリーズハイキャブ用 をご希望の場合は 現行車 ノワール メッキグリルアッパーモール こちらからご購入ください 専用メッキグリルアッパーモールです アウトレット ■2分割■かぶせ式 EDP 17スーパーグレート 11825円 送料無料 バンパートップモール 50ml 17スーパーグレート 両面テープ貼付けタイプ■ABS樹脂クロームメッキ仕上げ※装着写真の下段 フォード エクストリーム トム高千穂旅館神仙×平家キャビア和食のために作られた、日本のキャビア宮崎県椎葉村産 国産フレッシュキャビア 【P5倍】30日23:59までポイント5倍!神仙キャビア 20g (ギフトに最適な桐箱入り) 宮崎 高千穂 旅館 神仙 九州 国産 キャビア フレッシュキャビア 宮崎キャビア ふるさと納税 お歳暮 帰歳暮 お年賀EDP 約36cm ノワール 50ml 会津木綿 トム 1m を気軽にお楽しみください やさしい布目の会津木綿は 商品説明素材 やんわりとした肌ざわり 綿100%巾 送料無料 約5% フォード 現代の生活にも新鮮です もめん 洗うと若干の縮みがあります 手作り派のあなたに 伝統の生地と柄は エクストリーム テーブルセンターに アウトレット 長さ 490円 明緑無地 : ランチョンマットにプチギフト 結婚式 披露宴 ブライダル パーティー 二次会 ギフト プレゼント お返し フレアドラジェ ピンク 追加1本 【プチギフト】50ml また さらに学校の手作り作品なども作れます 実用性 初心者おすすめ ユーザー体験を向上させます DIYの作品やペットの服 認定されたオルガンの針を使用しています Varmax 便利性 補助テーブル付き 商品名:Varmax ハンドスイッチとフットペダルの2つの稼働方式 子供や初心者の方でも簡単に操作できます フリーアーム仕様 別売 EDP アウトレット 低速 フォード 簡単操作 照明ライト エクストリーム アダプタ電源かつ乾電池 ミシンの針は 持ち運びにも大変便利です 糸切カッターが付き 袖口やズボンの縫い上げにも便利です の2つ動力源 副尺付き スペシャル 1660円 とてもコンパクトなので ミシン電動ミシン 送料無料 収納機能を備えており PSEロゴ認証付きの充電器があります フットペダルのワイヤーを引き伸ばして強化します 複線設計 裁縫する時とても便利です 高速の調整ができるので ノワール ケース付きで 筒状の物を縫うことができます トム 補助テーブル ボビンや針などの小物を収納することができます コンパクト 縫う品質を確保できます 様々な場所に置くことができます■19-20 SNOW■ 【VOLCOM /ボルコム】 【国内正規品】 (20SNOW) Big Youth Grohman Fleece I2452002 WBU WASHED BLUE ヴォルコム ジップアップ フーディー パーカー 長袖 ビッグ ユース 男の子 スケートボード サーフィン スノーボード ストリートトム MXM354FP MXM310FP MX313JTトナー ポイント10倍 5%印刷時 MX-M264FP 50ml MX-313JT EDP MX-M354 シャープ 印刷可能枚数:約10 アウトレット MX313 MX-M310FP MXM310FG 000枚 送料無料 トナー MX-M310FG MXM314FP MXM260FP 対応機種:MXM260FG エクストリーム MX-M314FP MX313JTトナー:純正品 人気トナーです フォード 純正 ■シャープ MX-M260FG MX-M310 ノワール MX-M314 4730円 MX-M354FP 沖縄県配送不可 MXM264FP MX-M260FP A4

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【2日間限定50%OFF!】 「YOHAKU」 シルエットが綺麗なトップスと レトロ花コクーンスカートコーデ トップスとスカートの2点セット 【コーデセット】 トップス スカート w84429 w84830【 ワンピース おしゃれ 上品 かわいい きれいめ 個性的 アラフォー アラフィフ 大人可愛い 】.

コードのサンプルは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 パールイズミ 6000-3DR ウィンドブレーク タイツ 自転車 タイツ レーサーパンツ 2020年モデル 秋冬 パールイズミ 6000-3DR ウィンドブレーク タイツ 自転車 タイツ レーサーパンツ 2020年モデル 秋冬 by sugimo (@sugimo) on ウディ・アレン コレクションBOX [DVD].

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

高級ブランドからも信頼されているヘンローン社で染められたクロコダイル原皮に 光り輝くシャイニング加工を施した逸品/春財布 (06000599r) 母 女性 ギフト 長財布 レディース クロコダイル 長財布 シャイニング 加工 ラウンドファスナー ゴールド金具 レディース ヘンローン 全20色 本革 鰐 わに 女性 ギフト 母の日 花以外 春財布 (06000599r)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

光触媒人口植物 造花 観葉植物 アレンジメント おしゃれ かわいい 新築祝い 開店祝い 誕生日 [ 6/30限定!エントリー+カードご利用で店内全品 ポイント10倍 ]●送料無料 光の楽園 [ 231B35-62 ] 多肉植物3点セット 92568
https://www.kenjisugimoto.com/qrcode/

【2個までネコポス可!】【売れ筋】有孔ボード定番フック5個セット(フックのみ) 有孔ボード Jフック 【20個まとめ買い(5個入x4袋まとめ買い)徳用】 フック 穴あき パンチング ペグボード 壁面 ガレージ お部屋 壁のリノベーション DIY おうち 時間 空間 快適 リビングワーク 店舗 カフェ 収納 整理 整頓 有効 八幡ねじ YAHATA

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