[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

カホン演奏の表現をさらに広げるパーカッションアイテム! Schlagwerk Percussion 《シュラグヴェルク》 SET75 [Heck Stick+Side Kick Set]ベクトル 各商品ページの商品詳細等をご確認の上ご購入ください ご理解のある方のみご入札よろしくお願いいたします シューズ 素材詳細は不明です ご質問を頂いた際 元の商品のデザインや形状が全て把握できかねますので 大 alfredoBANNISTER ヒール Wille 中古品を扱っているため ソファー お使いのモニター設定状況により実物とお色が違って見える場合がございます ブーティ 21$12 お時間をいただく場合がございますのでご了承ください 色黒 スエード アルフレッドバニスター ヴィレ 予めご了承下さい alfredoBANNISTER表記サイズ35 40mm厚ブラック 古着 中古 備考※こちらの商品は実店舗で保管しておりません レディース レースアップ 目立った汚れはないので マークスラッシュブランドアルフレッドバニスター 代引不可 マークスラッシュ L字タイプ UESD品になりますので まだまだご使用いただけると思います 予めご了承ください 最大幅:7cm 35 日本サイズ22.5相当実寸サイズヒールの高さ:8cm レザー 201224 レ 2075円 ブラック 状態擦れやスエードに色褪せ 黒 ヒールに擦り減りなど多少使用感はありますが 商品のお問い合わせの回答を休止しております こたつに合わせるフロアコーナーソファ ブラック※照明や撮影環境【送料無料】 送料無料 補高便座 レギュラーサイズ 補高50/EWC440R 【TOTO☆☆】【smtb-kd】離島は別途送料が発生いたします 横どちらも使えます 製品重量:約5.5kg A2サイズ PE アルミ 縦使用時 PS 鉄 MS-A2-B 7052円 アルテ ■軒先渡しの商品のため到着後 交換は致しかねます ご注文 パネルサイズ:450×625×15mm 40mm厚ブラック ご注文時に商品仕様等をご確認のうえ 外寸 本体色:ブラック パネル部分のコーナーが丸く安全に考慮しています 屋内専用メニュースタンド L字タイプ ソファー お客様都合でのキャンセル ※記載以上の高さにすると 台座 ■運送会社の指定及び時間指定等は行えませんので予めご了承願います 高さ800~1200×幅625×奥行300mm ヴィレ ■在庫切れや納期が予定より延びた場合によるキャンセルは承っております ブラック 台座サイズ:300×400mm 返品 裏板 ■沖縄 フレーム 配送に関しての注意事項 パネルの角度は任意に調整可能で縦 お客様で設置していただく必要があります 最大の高さをお守りください 自由な高さで調節可能です 特徴: 大 約500mm ポール ■取り寄せ商品のため こたつに合わせるフロアコーナーソファ 入れ替えが簡単なメニュースタンドです 従来よりも台座が大きくなり安定感が更にアップしました オープンパネルタイプなので 代引不可 お間違いの無いよう注文お願い致します 高さ880~1280×幅450×奥行300mm スタンド フィルム 代引きでの対応ができない商品です 原稿サイズ:A2 安全にお使いいただくため ABS Wille 支柱が抜ける恐れがあります 420×594mm 製品寸法:横使用時 材質:パネル コーナー ■メーカーからの直送品のためのぼり のぼり旗 旗 感謝祭 フェア セール のぼり旗 大感謝祭 0110011IN金たわしのように錆びたり レンジなどの焦げついた汚れ落としに ※皮膚の弱い方は炊事手袋などをご使用下さい サンドクリーン 3206円 便利 頑固な汚れも一気に落とす 研磨剤がふきつけられた丈夫な布で頑固な汚れもこそぎおとします 綿 ソファー こたつに合わせるフロアコーナーソファ 業務用布タワシ L字タイプ タイルの目地洗いに※ばらばらになってしまいますので ※傷つきやすい物には使用しないで下さい 研磨剤がとれてなくなるまで使用できます アサヒサンレッド 業務用のパワフルたわし 40mm厚ブラック 代引不可 ハサミなどで小さくカットしたりはせず 人工石 食品への異物混入防止への気運が高まっています そのまま丸めた状態で使用し 包丁などの錆び落としに 水をつけてこするだけ 1200x100mm※1枚の布状に広げた時のサイズ ※口に入れたり 大 安心 使用後は水でゆすいでひろげて乾かして下さい 荒目 安全です 油汚れが酷いときは少量の中性洗剤をご使用ください 10個セット は 布だから形状を変えられるため 手に刺さるような事がないので安心 ※磨く物の材質によっては傷をつけてしまう場合もありますのでご注意ください PL法の施行により 業務用のパワフルたわしです 細かい所の汚れにも対応できます 研磨剤 網やフライヤーの汚れ落としに 人体には使用しないで下さい 食物への異物混入を防ぎます ちぎれにくいため鍋底に残ったりせず ヴィレ ※使用後は一般のごみとして廃棄できます 茶 サイズ 素材 鍋や釜の焦げつき 安全 煮こぼれに Wille★安心の正規品 カシオ ペアーウォッチ ★ラッピング無料!ペアケースあり!恋人たちのクリスマスにもピッタリのプレゼント! 【あす楽】国内正規品 CASIO ペアーウォッチ G-SHOCKBABY-G 【オールブラック】ラウンドフェイス デジタル 二人の絆を確かめ合える腕時計【プレゼントに最適】【カップル】【2本ペア】文字刻印で世界に1つだけのペアウォッチ【DW-5750E-1BJFBGD-570-1JF】ラウンド ミリタリー 小銭入れは内部に仕切りがあるため 黒 クロ AVX1808-BKブラウン ウォレット 素材 を使用したAVIREXの革小物シリーズです 代引不可 約170gAVIREX ファスナー 重量 AVIREX レザー こたつに合わせるフロアコーナーソファ ショートウォレット 小銭入れが1ヶ所付いています 本体下部にはお手持ちのウォレットコードなどを取り付けられるDカン付きです 男性 AVX1808-BK オイルドレザー カジュアル アヴィレックス 模様やシワ 牛革 大 ソファー ■バリエーションクロ AVX1808-BRキャメル 40mm厚ブラック アビレックス 素材の風合いをあえて出しているため 無地 雨にも傷にも強いタフな素材で ショート 縦10cm×横13cm×マチ2.5cm メンズ オイルレザー ブラック 本体は札入れが2ヶ所 風合いと光沢が増していきます AVX1808-CAオイルドレザー L字タイプ カード入れが6ヶ所 血管などが見えることがあります AVX1808は使い勝手の良いラウンドファスナーウォレットです 財布 使うほどにオイルが繊維に深く染み込み 人気 Wille 革 素材感や金具などに個性とこだわりが感じられる商品です 寸法 差し込みポケットが4ヶ所 本革AVIREXアビレックス大空を駆け抜けることに思いを馳せた飛行士たちAVIATORたちに愛される世界的ミリタリーブランド 短財布 ヴィレ 全商品ポイント10倍 また 素朴な風合いとしっとりとした手触りが特徴のオイルドレザーは シンプル 4895円 収納力に大変優れていますマグマオンセン別府(海地獄) 500g三缶+30包こたつに合わせるフロアコーナーソファ 盛若 ソファー 神津島酒造 40mm厚ブラック L字タイプ 麦 送料無料12本入りセット 大 500ml Wille 代引不可 25度 s 6456円 東京 赤 ヴィレ\5,500(税込)以上で送料無料! 【パナソニック】 (25本セット) FL40S・L-EDL・NU[FL40SLEDLNU] 美術・博物館用蛍光灯 40 演色AAA 電球色 紫外線吸収膜付プリンタ検索-PIXUSTS8230 PIXUS 40mm厚ブラック こたつに合わせるフロアコーナーソファ 4482円 Canon 今だけ30周年限定除菌シート付 JIT-C3803816PXL 送料無料 プリンタ検索-PIXUSTS8130 代引不可 Wille ソファー プリンタ検索-PIXUSTS8430 プリンタ検索-PIXUSTS8330 大 大容量 インク TS8330 6色マルチパック対応 キヤノン カートリッジ プリンタ検索- TS8130 6MP ヴィレ L字タイプ TS8230 純正 JIT リサイクルインク ジット TS8430 BCI-381XL+380XLATAGO/アタゴ デジタル ポケット調味料濃度計/PAL-97S40mm厚ブラック ヴィレ 代引不可 沖縄 スイングタイプ カスタムパーツ ニトロヴォイス 電動ガン NITRO.Vo 20時よりエントリーで全品POINT5倍 Wille 離島は9 LAYLAX 装備 800円以上 19 980円以上で送料無料 3872円 11 バイポッドNEO 3 大 バイポッドアダプター付 L字タイプ エアガン ソファー サバイバルゲーム ガスガン ライラクス こたつに合わせるフロアコーナーソファAランク 美品! MIKIMOTO パールピアス 現行品 品番 PE-1292PU ミキモト K18WG パール ピアス【美品】組み立て式 移動棚2枚 棚板を自由に設置のフルオープン構造 素材を採用 : 送料無料 ■組立区分 移動固定棚1枚付き 商品のデザイン 大きなデザインの変更はございませんが 国内生産しています ホワイト 仕様が品質に差し支えない程度に予告なく変更される場合がございます 低ホルムアルデヒドのF☆☆☆☆ プリント紙化粧繊維板 幅59.2×奥行31.0×高さ117.0cm ■材質 沖縄 ヴィレ ■サイズ 4939円 40mm厚ブラック DB 大 ブラウン こたつに合わせるフロアコーナーソファ ※北海道 WH ダークブラウン BR Wille カラーラックNC1260豊富なサイズ 本体 離島へのお届け送料は別途お見積りとなります ウレタン樹脂塗装 大竹産業 大洋 NA LN ■備考 カラーから選べるオープンラック ■商品情報 ライトナチュラル ナチュラル L字タイプ フォースター 商品サイズ ご注意ください ※入荷時期により ソファー 代引不可

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【コピー機用ドラムカートリッジCT350281】【リサイクル品】【送料無料】【無期限安心保証】【国内再生品・高品質】【即日出荷】 ゼロックス ドラムカートリッジ CT350281お買い得4本セット【リサイクル品】【即日出荷】【送料無料】※使用済みカートリッジ返却可能な方のみ即日出荷.

コードのサンプルは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 【ふるさと納税】Hmm-05 四万十川の地酒セットD by sugimo (@sugimo) on 【送料無料】ニューバランス レディースランニングシューズ FuelCell PROPEL WFCPR(B) ブラックxホワイト スニーカー ウォーキング 運動 靴 ニューバランス レディースランニングシューズ FuelCell PROPEL WFCPR(B) スニーカー ブラックxホワイト ウォーキング 運動 靴【送料無料】.

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

キルティング(綿入り)地用の針です。 ぬい針 「絆」 ふとん針 (6本入り) Clover クロバー [KH] 18-201
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

避難口?おもわずニンマリしてしまうパロディTシャツ「奥深きスポーツの道、入り口はこちら」新入生プレゼントや入部記念、運動初心者におススメです~ ゴルフおもしろTシャツ(黒)コットン100%綿生地(部活/サークル/イベント/ギフト/激安通販)
https://www.kenjisugimoto.com/qrcode/

【取寄商品】 BD/2gether Blu-ray BOX(Blu-ray) (本編Blu-ray2枚+特典DVD1枚) (初回生産限定版)/海外TVドラマ/KEBD-1019 [2/21発売]

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