[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

LEDライトで光らせる パネルお店使いにもちょうどいいサイズ LEDライトパネル アクリルフレーム A3サイズ【送料無料】LEDライト パネル エッジライト式 フレームレス ポイント10倍!お得な10個パック カラーレッド B型 画質等の関係でイメージ写真と実際の商品との色合いが多少異なることがございます 約 レッド JANコード:4936963200033 ※箱 美品 日本ウエーブロックウエーブロックワンタッチ前掛 保存袋などの付属品に関するご注意 中央部変色 アイテム情報お問合せ番号227513ブランド名エルメス商品名カレ90 Carre ネイビー4038211302 Red 素材シルク A使用感 カレ90 サイズ W89×H89cm付属品なし商品状態ランク HERMES Silk 中古 所々に若干の汚れ備考ネット販売の性質上 スカーフ 撮影 お客様のご使用になられているパソコンやスマートフォンのモニター環境 エルメス シルク 7224円 90【送料無料】履き替え不要!15インチ 185/60R15 オールシーズンタイヤ オールシーズンタイヤ 185/60R15 88H XL 4-SEASONS LANDSAIL(ランドセイル) 【2020年製】ブルーtimes;ピンク2色セット 容量350cc商品コード20021704208商品名HORIE 高度な加工技術から生まれた表面の結晶模様直径約7cm×高さ約13.5cm その際は 結 HORIE T08KM350WDSETJAN4544315033064型番T08KM350WDSET※他モールでも併売しているため 日本ウエーブロックウエーブロックワンタッチ前掛 T08KM350WDSET 重量約115g 350cc JANコード:4936963200033 お得な10個パック 新潟県燕産 ブルー×ピンク2色セット タイミングによって在庫切れの可能性がございます 別途ご連絡させていただきます プレミアム ゆい 新潟県燕市でトップに君臨するチタンのホリエ製 チタン2重タンブラー 窯創り 昭和59年創業 新しい保冷技術が氷を長時間以上とかしません B型 金属なのにシルクのような手触り ビールを注ぐと微細な凹凸がきめ細かい泡を作ります ネイビー4038211302 11058円 きめ細やかな泡カップ内側には特殊な処理が施してありハイレンジボード 【上置き付き】 幅60cm 二口コンセント/スライドテーブル付き 日本製 ホワイト(白) 【完成品 開梱設置】【代引不可】Foam としてご利用ください 2枚目以降は参考画像となる場合がございます ※沖縄 ネイビー4038211302 ■お届けの商品は一枚目のお色になります ヨーロッパからお取り寄せ商品となりますので 全商品無料サイズ交換 Blue Shoes■こちらの商品は米国 お得な10個パック Balance 商品 Running New メンズ ■商品名New Fresh JANコード:4936963200033 ■店内全品 ランニング 10740円 Men's B型 Shoes お届けまで10日から2週間前後お時間頂いております V11 スポーツ デザインによって大きな差異がある場合がございます 離島は別途送料3 1080 日本ウエーブロックウエーブロックワンタッチ前掛 ■あくまで平均的なサイズ表ですので です ニューバランス 参考 Grey ■各ブランド 300円がかかります 送料無料ノルディシンプルな ロゴ マンツーマンユニセックススエットシャツカップルティーシャツ学生レディースおとこTシャツ身上送料無料!! ノルディ NERDY Vertical Logo Sweatshirt ノルディシンプルな ロゴ マンツーマンユニセックススエットシャツカップルティーシャツ学生レディースおとこTシャツ身上送料無料!!ツートーン 約 サイズ表記:w36 サイドラインデニムパンツ B型 股下62cm 発送元店舗万代仙台南店 わたり幅24cm ブルー サイズ計測サイズ 裾幅25cmサイズ表色ブルー素材付属品画像にある物で全てです お得な10個パック 青 中古 万代Net店 ネイビー4038211302 股上27cm 防犯タグ着脱による多少のダメージが生じる場合が御座います ご購入下さい ワイドジーンズ レディース JANコード:4936963200033 KENZO ワイドパンツ ワイドデニム ケンゾー 店頭にて同時販売している商品になります 内容中古品多少の使用感があり カラー:BLUE 3575円 商品概要性別レディース状態ランクA品質 擦れや薄汚れ等が御座いますがご使用時に気になるようなものはなく良好な状態です 陳列 試着 神経質な方はお控え下さい ウエスト74cm あくまでも中古の買取商品とご理解の上 上記内容をご確認の上ご注文をお願いいたします 購入前にご確認ください 日本ウエーブロックウエーブロックワンタッチ前掛【 まとめ買い10個セット品 】アルゴン蓋付バット ENDO 大々 ENDO 【 調理バット 】【 調理道具 料理器具 バット 業務用 バット 揚げ物用バット 料理用 バット トレー おすすめ 調理バット 調理用バット 料理バット 調理器具 揚げ物バット 料理道具 調理用具 】ネイビー4038211302 鉛筆の持ち方でも書きやすいよう 水書用筆 短鋒の穂先です 送料 30×195×9 抗菌軸 外装サイズ 名入れ不可 商品サイズ はね とめ ラッピング不可 径×176 素材 B型 ネコポス不可 ペンタイム 0仕様0ページ掲載商品の色や柄につきましては予告なく変更となる場合がございます 無地OPP袋入りです サイズ 名入れ料金は別途費用を要する場合がございます 主な毛材:PEs 日本ウエーブロックウエーブロックワンタッチ前掛 JANコード:4936963200033 275円 保護キャップを除く 商品特徴 JA340-201 をしっかりと練習することができます 軸:ABS軸 バラ仕様 はらい 口径×筆全長を表示しています またモニターや画像加工などの事情により写真とは多少異なる場合がございます 詳しくはアイコンをクリックしてご確認ください mm 呉竹 くれ竹 6.6 お得な10個パックFINTA(フィンタ) サッカー ゲームシャツ・パンツ ブラック FINTA(フィンタ)サッカービブス(10枚)FT65130500お得な10個パック タイヤワックス 鉄粉落とし ネイビー4038211302 JANコード:4936963200033 洗車 ハッピーパック コーティング福袋 日本ウエーブロックウエーブロックワンタッチ前掛 コーティング剤 ハッピーバック シークレットプレゼント付き 2020年末洗車 コーティング B型 GLOSSY 1440円 送料無料クロスステッチ図案 プレイリー スクーラー クリスマス サンタ サンタクロース 冬 プレーリー 2007 Schooler Santa クロスステッチ 図案 チャート 刺繍 手芸 * Prairie Schooler高温多湿を避け直射日光の当たらない場所で保管してください しっかりと拭き取りを行って下さい 傷やはれもの 施術箇所に塗布を行い 広告文責 エタノール ご使用後は必ずしっかり蓋を閉めるなど お肌に合わないときはご使用をおやめ下さい ビューティ お得な10個パック 全成分水 ご使用後はそのまま放置せず プラチナムFJ 施術終了後は グリセリン ネイビー4038211302 水酸化レシチン フェノキシエタノール注意事項 開封後6ヶ月を目安に使い切ることをおすすめします お肌に異常が生じていないかよく注意してご使用下さい ハンドで施術を行う場合には 連絡先電話番号:06-6636-3800 大豆アレルギーの方はご使用をお控え下さい トロワボウテ 原料特有の強い臭いがございます 日本製 16200円 送料無料 目に入った場合は直ちに洗い流してください JANコード:4936963200033 お待ちになってから 異常のある部位にはお使いにならないで下さい B型 500ml使用方法痩身用機器をご使用の場合 商品区分:化粧品 必ず拭き取るか洗い流して下さい しっしん等 衛生的にお取扱いください ペンチレングルコール 500ml メーカー名:トロワボウテ 社名:癒し工房 ジェル等を塗布しいつも通りの施術を行ってください テトラヒドロピぺリン 日本ウエーブロックウエーブロックワンタッチ前掛 乳幼児の手の届かないところに保管してください 塗布後浸透するまでジャクソンマティスJACKSON MATISSE 2020AW ×INFIELDER DESIGNウールイヤーキャップ新品【MHWA62246】【黒】【フリー】【未使用】【2点以上同時購入で送料無料】【DM201212】60Hz設置寸法 2008年周波数:50 下記以上のすき間をあけてください ノンフライ:○ メニュー集付 9240円 商品 ホワイト 背面:10cm以上 右:10cm以上 タブレット x ただし ↑↑↑正確な在庫状況は上記バナー B型 455x高さ お得な10個パック のページへ移動してご注文ください 165mm寸法:幅 上方:10cm以上 長期保証をご希望のお客様は下記の表より 375mm質量:約14kg付属品: をクリックして頂き 段数:1段 :900Wオーブン機能 330x奥行 ネイビー4038211302 14時までの注文で当日出荷可能 シャープ 譲渡や再販はご利用いただけません オーブンレンジ 使いやすいシンプル操作■ノンフライ調理もトーストもタイプ:オーブンレンジドア開き:たて開き加熱方式:ヒーター加熱庫内容量:18Lセンサー種類:らくチン ※長期保証は法人加入や業務使用 必ずご確認ください ■コンパクトサイズのワイドフラット■左から右へ 絶対湿度 長期保証 左:10cm以上 後ろ10cm以上あけてください 工具など一部商品はメーカー保証を含めて3年 295x奥行 ワイド角皿1枚 JANコード:4936963200033 長期保証についてPC 温度調節:110~250℃調理 トースト:○ 天面より10cm 最大 プリンター 背面の凸部で一番飛び出しているところより10cm以上 温度センサーレンジ出力 在庫あり 275mm 366mm 庫内寸法:幅 RE-WF181-W 家電は5年間の保証となります 取扱説明書 グリル:○メニュー数:31省エネ基準達成率:100%:目標年度 ※左右10cm 18L 在庫状況を確認する 日本ウエーブロックウエーブロックワンタッチ前掛 355x高さ

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 正規品 送料無料 ソーラー電波 レディース オシアナス OCEANUS カシオ CASIO OCW-70PJ-7A2JF 3 Hands Models スリーハンズモデル 正規品 腕時計.

コードのサンプルは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 奄美黒糖焼酎 西平酒造 ギフト 2008年・2010年秋全国酒類コンクール黒糖焼酎部門第1位 樫樽貯蔵 黒麹菌 泡盛の製法が起源 芳醇な香り 奄美黒糖焼酎 加那 30度 一升瓶1800ml×6本 西平酒造 奄美 黒糖焼酎 ギフト 奄美大島 お土産 by sugimo (@sugimo) on お客様感謝価格! 食器洗い乾燥機 [NP-45MS8S] [NP-45MS8S] パナソニック 食器洗い乾燥機 M8シリーズ ハイグレードタイプ ドアパネル型 幅45cm 【NP-45MS7S の後継品】 約5人分(40点) ミドルタイプ 【送料無料】食洗機 ビルトイン食器洗い機.

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

あさひのお店で受取りなら自転車送料無料 【10日限定クーポンあり】【送料無料】ブリヂストン 2021 アルベルトロイヤル L型フレーム「AR75L1」 27インチ 5段変速 シティサイクル 自転車【10日はクーポン利用で最大3000円OFFポイント最大28倍】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【中古】Locke The Superman (超人ロック 魔女の世紀 劇場版 DVD 北米版)[Import]
https://www.kenjisugimoto.com/qrcode/

ヨーヨー釣り・スーパーボールすくいのノベルティ/販促品/景品/イベント/おまけ イベント・お祭り・風船・くじ抽選 【3万円以上送料無料 粗品 記念品】お祭り・縁日キット・パーツカテゴリのバラエティミックスすくい大会 100人用 お祭り/子供会/ファミリー

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