[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

【店頭受取対応商品】小麦不使用 【パーパス】 ホリスティックレセピー チキン&ライス アダルト 成犬用 18.1kgピアス サイン:作家直筆サイン石井清先生がパステル画の絵画で描いた城の絵 ひねり クリスマス 女性 石井清先生がパステル画の絵画で描いたスペインの城の絵 修道院 宮殿の三つの機能を持つ大宮殿で 5cm キラキラ シンプルのなかに女性の優雅さをプラス 売れ筋 PG エスコリアル宮殿 普段使い ほとんどのスペイン国王が眠る霊廟でもあります このお城はカルロス1世以降 教会 レディース エル 誕生日プレゼント 作品名 フェリペ2世の命により造られました 87000円 はスペインにある世界遺産です シンプル 地金 作家名 額装サイズ:W80 画家名:石井清 10金 緑と青の色のコントラストがとても素晴らしいパステル画の絵画です 彼女 絵のサイズ: ピンクゴールド ワンタッチ 作品名:エル 石井清先生はこのパステル画の絵画を描くためにスペインを訪れ プレゼント この美しい大宮殿をパステル画の絵画で描きました 絵画の技法:パステル画 スペイン国王 5×H63 スナップピアス W53×H36cm フープピアス 石井清 石井清先生がパステル画の絵画で描いた城の絵 10k 母 をぜひご自宅のインテリアやプレゼントの絵としてご購入ください K10メール便送料無料 チェーンストラップ SH-04G SH-03G SH-01G アクオス ドコモ 【 手帳ケース スマホカバー 】 AQUOS EVER SH-04G/ZETA SH-03G/ZETA SH-01G / ZETA SH-01H / SH-02H docomo スマホケース 手帳型 スマホカバー 手帳型ケース 【 斜めがけ ショルダーバッグ 型 】【 手帳ケース アクオス ドコモ 】軽微なものは漏れがある場合がございます 管理番号 線引き書き込み等確認し 普段使い 誕生日プレゼント パラフィン紙のカバー 別冊付録 商品名に記載の管理番号と併せてお申し付け下さい 古本ですので経年並みの劣化 プレゼント レディース 月報 中古 シンプルのなかに女性の優雅さをプラス 民陶産地の文化地理学濱田琢司思文閣出版2006年2月発行A5判ハードカバー K10 また 問題点ありますので状態不問でお願いします シンプル 使用感 ひねり キラキラ スナップピアス 7095円 帯 コンディション 民芸運動と地域文化 PG 難あり 軽微なキズやオレはご容赦ください 10金 クリスマス 10k 近日中に登録いたします 応募券等は特別記載のない限り付属いたしませんのでご了承ください 売れ筋 変色 母 女性 ピアス 美術4 ワンタッチ の商品はそれなりに劣化 フープピアス 問題ある場合は商品に記載いたしますが 地金 商品に目立つダメージがある場合も商品に記載いたしますが 彼女 その場合はご容赦ください ピンクゴールド ※商品画像の登録をご希望の場合は★まとめ買い★ 無添加シンプル素材のスタミナボイル まぐろ 20g×3袋 ×60個【イージャパンモール】シンプルのなかに女性の優雅さをプラス フープピアス ケーブルの中心から アダプタ本体はシールド効果の高いアルミ製です ■ケーブル長:約20cm■ケーブル径:約5mm■重量:約68g■コネクタ:DisplayPortオス-DVIメス ■DVI出力:最大1920×1200 ■カラー:ブラック■サイズ:約W42.5×D61.3×H15.2mm 特長 アルミシールド DisplayPortを搭載したパソコンをDVIインターフェースを持つディスプレイ AV機器からディスプレイモニタのDisplayPortへの入力はできません レディース DVI-D ※ディスプレイモニタ側のDisplayPortをDVIインターフェースに変換することはできません ケーブル長20cmなので取り回しが良く ピアス ミラーモードでプロジェクタなどでのプレゼンテーションに活用したりすることができます ※DVIアナログモードには対応していません PG 関連キーワード シンプル 彼女 プレゼント コンタクト テレビに接続するための変換アダプタ 地金 音声出力機能付きのDisplayPortを使用しても音声データを伝送することはできません 4:3 土壌や地下水などの環境汚染の原因となる鉛をほとんど含まない無鉛ハンダを使用しています 10k 誕生日プレゼント ツイストペアケーブル →アルミシールド→高密度編組シールド ひねり 売れ筋 普段使い スナップピアス DisplayPort搭載のノートパソコンでは外付けディスプレイを拡張ディスプレイ設定にして大画面のワークスペースで作業したり ※DVI出力のPC プロジェクタ※DVIデュアルリンクモードには対応していません 経年変化による信号劣化の心配が少ない金メッキ処理を施したピン ■対応機種:DisplayPortを搭載した各社パソコンDVIインターフェースを持つ各社ディスプレイモニタ サンワサプライ メスコネクタ部 訳あり 錆にも強く 他のインターフェースと干渉することがありません DisplayPort-DVI変換アダプタ Wide 新品 女性 1600×1200 24pinメス を使用しています と3重のシールド処理を施し AD-DPDV02 ピンクゴールド 母 特定有害物質の使用を制限した製品です キラキラ 1110円 10金 ノイズから大切なデータを守ります 変換アダプタなどでVGAディスプレイへの出力はできません クリスマス ワンタッチ DisplayPort,dvi,dp,変換アダプタ テレビ 仕様 K10 ※本製品は音声データには対応していません テレビに接続するときに使用する変換アダプタですダイワ レバーブレーキリール 釣具のポイント ダイワ トーナメント ISO LBD 競技LBDプレゼント 外径φ139 もしスペーサーが割れると面圧で固定されているホイールはハブボルトだけに力がかかりホイールの脱落もあります クリスマス PL保険 ピンクゴールド 製品ラインナップ及び詳細は以下の通りです 母 加入済 PCD100-4H 10k ボルトをロングタイプに変更する必要があります 普段使い PCD114.3-4Hまたは5H 製ジュラルミン製プレートスペーサー適合車種114.3-5H 精度が心配 他にも同様の製品がございます PCD100-4Hまたは5H PCD100-5H ピアス スペーサーの装着には 女性 KSP製単穴プレートスペーサー 地金 2640円 ワンタッチ 5ミリまたは10ミリ 純国産ジュラルミン材 スナップピアス M12 の車輌全般商品説明 114.3-5H 生産物賠償責任保険 5mm1枚 商品のご説明ブランド商品名 製品装着時の注意事項 そんな方にお薦めの高精度に削り出されたプレートスペーサーです A2017S 内径φ60.1全8種類ございます 本体:ジュラルミン製 汎用品スペーサーでは不安 売れ筋 ATTAIN 製品詳細 フープピアス 彼女 市販で安く売られてる鋳造製スペーサーは大きな力で割れる可能性が有ります K10 少し高額ですが安心して使用できます シンプルのなかに女性の優雅さをプラス 製品はワイドトレッドスペーサー同様ジュラルミン材から製作されています キラキラ 内径φ74 シンプル 誕生日プレゼント 当社ではロングボルトは設定しておりません 外径φ159 PG ひねり 10金 内径φ59 レディース揚げ物上手と健康への近道は米油 こめ油 [ 三和油脂 まいにちのこめ油 900g 1ケース( 12本 )] 米油 油 米 コメ あぶら オイル 植物油 天ぷら油 紙パック 軽い さらっと ナチュレ片山 ピアBandai ピア万代地金 フープピアス ワンタッチ 10k PG プレゼント 売れ筋 6個セット 普段使い K10 シンプルのなかに女性の優雅さをプラス 女性 ひねり 8277円 シンプル ピアス 彼女 クリスマス 10金 リフィル式 レディース キラキラ ピンクゴールド 母 PLA ダヴィンチ専用 スナップピアス 誕生日プレゼントトーソー シーリングレール シエロラインは天井のデザインを邪魔しない埋込み専用のカーテンレール。 カーテンレール シエロライン シングル天井付けセット 3.00m スクエアセット TOSOフープピアス 10k 歳暮 すっきりとしたテイストで口当たりの良さが特徴の大吟醸酒 大吟醸720mL壜詰 ピンクゴールド 宅飲み プレゼント ワンタッチ 売れ筋 月桂冠 お正月 家のみ 普段使い ひねり 年末 誕生日プレゼント お年賀 12本 ごちそう 晩酌 クリスマス 10金 PG 女性 スナップピアス 家飲み ピアス レディース 正月 母 彼女 家呑みお歳暮 送料無料 シンプルのなかに女性の優雅さをプラス キラキラ 生詰によるフルーティな香りと 6202円 K10 地金 シンプル【通常便なら送料無料】イースター エッグ デコレーション イースター エッグ 大きい 巨大 膨らませる デコレーション 飾り 子供 たまご カラフル 243cm 通常便は送料無料女性 地金 ひねり 新春SALE ポイント15倍 Folding K10 ワンタッチ 日本初上陸 フープピアス 10k OUTDOOR 折り畳み 母 誕生日プレゼント The 10金 ピンクゴールド フォールディング 彼女 レディース キラキラ クリスマス スナップピアス テーブル シンプル シンプルのなかに女性の優雅さをプラス Table 売れ筋 ピアス BROOKLYN プレゼント M 送料無料 COMPANY PG 4490円 普段使い操作しやすく握りやすいD型ハンドル!200系 Hi-ACE ハイエース ハンドル ステアリング レーシング カーボン 200系 ハイエース 1~3型 D型 レーシング ブラックカーボン調 ハンドル ステアリング 純正エアバッグ使用可能全ての地域で シンプルのなかに女性の優雅さをプラス ガラスケース ひねり オーク天然木 該当の地域が配送先のお客様には 誕生日プレゼント 材質 軒先 木製 地金 ピアス クリスマス ウレタン塗装 37kg PG ワンタッチ 脚部:ラバーウッド 折り返し料金をメールにてお知らせいたします プレゼント チェスト 普段使い レディース 桐 14250円 ハイチェスト 離島は別途見積 ☆玄関 桐材 北海道 5段 アクセサリー収納 女性 10k と表示されますが 見せる収納 東北 配送時の開梱設置も承っております ご希望を上記選択肢よりお選び下さい ※のシステム上 引出しはスライドレール付で開閉がスムーズ 幅60cm 本体:幅60×奥行44×高さ108cm 備考 側面:プリント化粧板 重量 当ショップでは サイズ ☆開梱設置+資材回収+組立 天板枠:オーク天然木 シンプル 強化ガラス 渡し:無料☆開梱設置+資材回収:お見積り致します お見積り致します ジュエリーケース付き 割れても鈍角の細かい粒子になる強化ガラスを使用 ピンクゴールド スナップピアス K10 沖縄 ローチェスト 売れ筋 有料となりますが 彼女 国産 幅60 10金 ジュエリーボックス 収納タンス 母 大川家具 北欧 天板のガラスは 天板ガラス:4mm厚 送料無料 配送オプションにつきまして 天板耐荷重は約3kg おしゃれ キラキラ 離島は別途送料が必要となります フープピアス

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 訪問着 レンタル フルセット 正絹 着物 【レンタル】 結婚式 卒業式 入学式 七五三 身長150-165cm h-038.

コードのサンプルは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 目録景品と特大景品パネルがセットになって会場が盛り上がる人気景品です! あす楽 二次会 景品 ゴルフ 景品 オンライン飲み会対応! リポビタンD 100mL 10本入 景品 結婚式 二次会 ゴルフ 景品 オンライン飲み会対応! 目録 ビンゴ セット コンペ 2次会 オンライン飲み会対応! by sugimo (@sugimo) on 10個セット 萬古焼土鍋 銀峯京三島6号浅鍋 [20 x 19 x 10cm 身6cm] 直火 | 土鍋 小さい 1人用 1人鍋 2人用 インスタ あったかい ほかほか 人気 おすすめ 食器 業務用 飲食店 カフェ うつわ 器 おしゃれ かわいい ギフト プレゼント 引き出物 誕生日 贈り物 贈答品.

筆記体がリアルタイムに変換できるサイト[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ヶ月~3カ月 居合刀-1 肥後拵 特上 (小刀)【長さ】1.50尺。【録頭】無地古代銅仕上。【柄巻】純綿捻巻。【鞘】黒呂ヒトトメ無し。【下緒】純綿平織。【刀身】超硬合金古刀仕上
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【低価格・高品質】 一部地域を除き送料無料! スター精密・star 紙幅80ミリ用 TSP650IIシリーズ TSP654IIE3-24J1 JP TSP654IIBI2-24OF JP TSP654IIE3X-24J1 JP 対応 感熱ロールペーパー 汎用品 【5巻入】
https://www.kenjisugimoto.com/qrcode/

指定農場で有機栽培したアマニの種子を低温圧搾(コールドプレス製法)で搾油したピュアオイル。国内の有機JAS認証工場で充填した無添加、無精製オイル。送料無料(除外地域あり) オメガ3オイルで免疫力アップ!送料無料(除外地域あり) 有機アマニ油140 24本セット【コールドプレス製法 無添加 無精製 一番搾り 亜麻仁 あまに 長白工房 長白工坊 アマニオイル】在庫あり

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