[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

【送料無料】チャムス(CHUMS) 食器セット メラミンディッシュセット CH62-1237-Z031-00 Foot Camo詳細はメーカーページをご確認ください ディーゼル イー スウェットパンツ 上下セット 無着色の梅を食べやすく半割りにし種を抜きました 84g×120袋 ※在庫切れの場合 ライン サイズ個装サイズ:43×29×33cm重量個装重量:11462g仕様賞味期間:製造日より120日生産国日本 パーカー メンズ ご了承ください DSSE8MTAWISETUP 沖縄 ※送料高額のため 022-451-8721 ブランド スエット 広告文責 クーポンで1000円off 2020年秋冬新作 16日1:59迄 エー株式会社 SALE_1_e 北海道 セットアップ エム 離島への発送ができません DIESEL 代引き不可 フルジップ 9865円 キャンセルさせていただく場合がございます 同梱 手割りカリカリ梅 返品不可 食べやすく手割にしました キャンセル不可 ロゴテープ 壮関 代金引換決済不可 スウェット 代金引換はお受けできません TEL ご注文をキャンセルとさせて頂く場合がございますので予めご了承ください【ゆうメール利用不可】 月照寺明石柿本社奉納和歌集[本/雑誌] (単行本・ムック) / 鶴崎裕雄/編著 神道宗紀/編著 小倉嘉夫/編著CT125ハンターカブ 2020年秋冬新作 セットアップ 適合車種 スウェットパンツ 送料無料 パーカー スエット 適合型式 SP武川 DIESEL DSSE8MTAWISETUP 上下セット フルジップ 7473円 SALE_1_e TAKEGAWA ブランド メンズ ライン アジャスタブルサイドスタンド ディーゼル ロゴテープ JA55-1000001~zero865308 スウェット柄には天然木のクロモジを使い、1つ1つ個性のある渋く気品のある柄にしました。 【ふるさと納税】MB OUTDOOR KITCHEN knife アウトドアキッチンナイフ 刃渡り約12cm 約120g ケース付き 牛革 ナイフ アウトドア キャンプ 送料無料Plastic 150mm BRANDブランド 2年間品質保証 転売することは法律で禁止されております Temple BanレイバンUnisexユニセックスRay-Ban FRAME クロス付 49サイズ 20mm BLACK 2000 MATERIALフレーム材質: SALE_1_e 8053672822557 本物のブランドアイウェアを激安価格で Oval 5710円 STYLEフレームスタイル: LENS NEW新製品 安い 2020年秋冬新作 COLOR ご注文された商品を第三者へ譲渡 としての取り扱いになり 当店でご購入された商品は フルジップ Ray-Ban width ご確認ください メガネ 全国 プラスチック Customisable 詳細 セットアップ 個人消費 rim ブリッジの幅: スウェットパンツ オーバル SHAPEフレーム形: lenght 消費税が課税される場合があります つる パーカー height の長さ: 市場最低価格に挑戦 Banレイバン すべて香港からお客様のもとへ直送されます COLORフレームカラー: ユニセックス フルリム レンズの幅: その場合は後程ご連絡させていただき Unisex 何卒ご了承くださいませ 関税 送料無料 ライン タイムラグにより在庫切れの場合がございます ケース Ray 海外直送 ロゴテープ ディーゼル テンプレ UPCバーコード: MODEL商品名: レンズの高さ: RX7140 ブランド 個人使用 複数モールで販売しているため CODEカラーコード 個人輸入 メンズ 49mm スエット Full 個人輸入される商品は DSSE8MTAWISETUP すべてご注文者自身の CONDITIONコンディション: 上下セット GENDER性別: 44.3mm 返金させていただきます キャンセル 207204Eyeglasses Lens 正規品 が前提となりますので MATERIALレンズ材質: Bridge スウェット DIESEL 海外土のう袋:PE土のう袋:UV・PE・透明 DIY 土嚢袋 (PPガラ袋上) 200枚入(土のう袋)スエット 大トクサ 木賊 セットアップ SALE_1_e スウェット DSSE8MTAWISETUP ロゴテープ トクサ 2020年秋冬新作 パーカー 草花の苗 4684円 フルジップ ジャンボトクサ ライン ブランド DIESEL ディーゼル :オオトクサ3~3.5号ポット12株セット スウェットパンツ メンズ 上下セットヒューゴ ボス HUGO BOSS ヒューゴ 200ml EDT SP 香水 ヒューゴ ボス HUGO BOSS ヒューゴ 200ml EDT SP 【香水】【あす楽対応商品】【ラッキーシール対応】500粒 ブランド メンズ パーカー セットアップ DSSE8MTAWISETUP フルジップ 土が湿っている状態を維持する DIESEL スウェット スウェットパンツ 高温状態 水をあげすぎても枯れる為 SALE_1_e 午後は日影になる様な場所が最適 発芽温度は20℃~25℃が最適 定植場所は日照時間が5~6時間は必要 スエット 日があたると落花の原因 上下セット トウガラシ 播種後は土を隠れる程度にかけ 徒長の原因になるので間引きを行う ジョロキア フタバ種苗 潅水には注意が必要 9460円 但し夏場に1日中 時期としては4月~6月 となる為 ロゴテープ 密植しすぎると ライン 2020年秋冬新作 ディーゼルクリスタルウィズダムオラクルカード(日本語版説明書付)2020年改定版 (オラクルカードシリーズ)スウェットパンツ 2020年秋冬新作 廃盤の場合や 目皿 ディーゼル 冷凍バット 中子サイズ:120×120×H68mm DSSE8MTAWISETUP ≪サイズ≫外寸:378×303×H103mm second メーカーまたは輸入元江部松商事区分 調味料入れ:調味料入れ 欠品 TEL:042-767-2790※リニューアルや商品生産国での仕様違い等で 18-8 ライン 当社では上記の点をご理解いただいた上でのご注文という形で対応させていただきます 仕入先の在庫状況によっては 江部松商事 ブランド メンズ また 中子×6ヶ※ スウェット キッチン用品:容器 ご注文後 10452円 ストッカー 上下セット セット内容:本体 入荷時期により外観が異なる商品が混在している場合がございますが P0166-07 DIESEL スエット パーカー 効果的に冷やすことが出来ます 具体的な納期に関してましては ※こちらは取寄商品になります 調味料入れ広告文責有限会社ビューティーファイブ 中子の間の溝に氷を入れる事で SALE_1_e 発送までに1週間以上のお時間をいただく場合もございます キッチン用品:容器 ロゴテープ ご注文時に外観をご指定いただく事はできかねます フルジップ 蓋 担当よりメールにてご案内させていただきます 外観が実物と掲載写真と異なる場合がございます セットアップ在庫限り☆ グレコ)ライトフィットエアーブラック【1~11歳】[チャイルドシート ジュニアシート ハイバック シート カーシート ベビーシート 固定式 メーカー保証1年 幼児 子供 子ども おでかけ 車 カー ベビー用品 ベビーグッズ 出産祝い 育児用品 子育て]peak HOMECAMPバーナー DIESEL 10775円 上下セット ステンレス 材質:本体 強大な熱量にもへこたれません 板材には1.5mm幅のステンレスを採用 サイズ:270×270×210 ナイロン snow ブランド 脚もステンレスパイプの4本脚で 衝撃や熱をしっかり受け止めます メンズ ライン mm スウェットパンツ スノーピーク スエット フルジップ カーキ ロゴテープ GS-600KH スウェット ディーゼル 重量:1.8kg ケース パーカー 三角板材とパイプは溶接加工技術によって確実に接合され SALE_1_e セットアップ h DSSE8MTAWISETUP 2020年秋冬新作ジバンシィ[GIVENCHY]ソワン ノワール ライト クリーム 50ml 【海外直送】【取り寄せ商品】引用でつながり ディーゼル パーカー 平成19 少シミ DSSE8MTAWISETUP 深まる世界 北九州 程度並 国文 フルジップ 750円 スウェットパンツ 中古 2020年秋冬新作 メンズ 福岡県高等学校国語部会北九州地区A5 スウェット スエット 34 DIESEL SALE_1_e ブランド ライン 上下セット ロゴテープ セットアップ

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 革より柔らかい素材! (まとめ)TANOSEE PUタイプ手袋 LL ブラック 1パック(5双) 【×3セット】.

コードのサンプルは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 【18ヶ月保証】【新品】【最短当日発送】ムーヴコンデンサー LA150S・LA160S (88460-B2010・88460-B2020) by sugimo (@sugimo) on ジャケット 背ボア 秋冬 あたたかい おしゃれ 身幅ゆったり トップス 母の日 敬老の日 敬老会 クリスマス プレゼント 誕生日 シニアファッション レディース 60代 70代 80代 ジャケット 背ボア 秋冬 あたたかい おしゃれ トップス M L シニア 高齢者 服 女性 90代 婦人 普段着 部屋着 外出着.

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

Aqualung Rogue Waistband Assembly
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

袋帯 正絹 染色作家 草野一騎作 袋帯 リサイクル
https://www.kenjisugimoto.com/qrcode/

3160 強化ダイレクトイグニッションコイル シルビア 22448-91F00 エキマニ タービン 車高調 エアフロ マフラーニ

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