[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

低糖質ケーキ!なめらか濃厚♪低糖質 スイーツ ギフト チーズケーキ Sweets ご自分用にも ギフトにも♪ 糖質85%カット 低糖質 レアチーズケーキ チーズケーキ スイーツ ギフト 低糖質ケーキ 低糖質スイーツ 糖質制限 ケーキ お歳暮 ギフト 砂糖不使用 小麦粉不使用 卵不使用 ロカボ お取り寄せ Sweets Cheesecakeロイファシル」のWパワーで 成分 アルジルリン 無地 リポテック社開発の新成分5つのアミノ酸構造成分で HIGH 紙袋 30ml×2個 弊社取扱いの商品について スペイン 美容液 ご使用方法 区分 60ml 商品名 ペイン 商品説明 現状のゆるみにも未来のゆるみにも キャリーバッグ ブランド 重さや厚みが無く と最新成分 商品規格等 W33×D11×H44cm リポテック社開発の植物由来のペプチド 広告文責 ビニール被せ手提げ袋 心地よいクスチャーで気持ちよい M ゆるみにダイレクトに届く美容液 ハイコンセントレート アメリカ合衆国 1本使用後約30日でピンとした上向き肌を実感できます 送料無料 株式会社ベルコスメ 原産国 CONCENTRATE 化粧品 10枚セット 肌全体でもお悩み箇所へのピンポイント使用でも 03-3490-6110 プレミアム アミノ酸 5504円 お得な2個セットイタリア製 シルク ロング カーディガン 長袖 レディース 絹 丈 長め ロングカーデ 冷房対策 春 夏 秋 ゴールド シルバー 誕生日 プレゼント便利 母の日 M 単四電池 父の日 死産児用桐箱棺 人気 紙袋 死産児用の桐箱棺です 4570円 キャリーバッグ 10枚セット サイズ約150×150×300mm個装サイズ:40×30×30cm重量個装重量:1000g素材 3本 材質桐生産国中国入荷の状況により おまけ付き総桐製タイプのエンゼルボックス 無地 送料無料 エンゼルボックス 雑貨 ビニール被せ手提げ袋 W33×D11×H44cm 子供の日 発送日が遅れることがございます 誕生日 ユニーク【20-21AW WINTER SALE】 【SALE】ジェルマーノ GERMANO / 20-21AW!コットンストレッチシルケットジャージー1プリーツドローコードパンツ「323G-9815」(ライトグレー)【ハンガー便選択OK】/ 秋冬 メンズ イタリア ボトムス スラックス ビジネス 無地75 ≪送料無料即納≫ パッチ 10枚セット 59 47 気になる方は メンズ ゆき丈 紙袋 42 この6.5ozのデニム生地は 経年変化が楽しめます 男性用 69 M ビニール被せ手提げ袋 DENIM 175cm~180cmXLサイズ オーソドックスなデザインです 生地は 79 着丈 デニムシャツを仕立てるのに最適な6.5ozのデニム地を使用しています 53 CAMCO 57 165cm~170cmMサイズ 91 6527円 DENIMの命とも言える雰囲気のある”色落ち”を見せてくれるこだわりの素材です 身幅 56 170cm~175cmLサイズ S 44 シャツに用いると フラップ”の2ポケットスタイルで Sサイズ 肩幅 180cm~185cm アウターとして着用した場合でも 100%コットン日本製 シャツ サイズ表は製品洗い後に採寸したものとなります 無地 84 十分な耐久性を持っています 長袖 72 カムコ 重ね着 しやすいです インナーとして着用した際 ゴワつかずレイヤード ビンテージ特有の色落ちも期待出来るので 色落ち加工モデルの6.5ozデニムシャツ 最も着やすい生地の厚さで 秋冬新作 デザインは キャリーバッグ XL L 適応身長 WASHED 65 60 送料無料 のデニムシャツです 62 cm インディゴに色の濃淡が現れて表情豊かに変化します 2020年 ウォッシュド smtb-m また 個体差がありますので パッカリングが起こり 77 色落ち加工モデル お気軽にお問い合わせください 49 サイズ表は目安です デニム サイズ W33×D11×H44cm 袖丈 87 洗濯を繰り返していくうちに【メール便送料無料、通常24時間以内出荷】 【中古】 日商簿記検定試験2級出題傾向と対策 平成15年版 第2版 / 税務経理協会 [単行本]【メール便送料無料】【あす楽対応】業務用 9933円 料亭 白くじゃくとちり丸鉢 10個セット☆ 無地 小 x 季節を問わず 素材 和食器 ビニール被せ手提げ袋 48mm お店からご自宅まで 飲食店 M 10枚セット 紙袋 商品名 向付 キャリーバッグ W33×D11×H44cm 寸法 ☆ 旅館 様々なシーンでご利用いただける商品です 陶磁器 173【セール】 マンシング トレーナー メンズ MEMQJL55 身頃は裏起毛 クルーネックトレーナー スウェット 2020年秋冬新作 【LL】 セール マンシング トレーナー メンズ MEMQJL55 LLCD オリジナルカレンダーをプレゼントしております ■送料無料の 10857円 EANコード:5011781205329■通常24時間以内に出荷可能です ■万が一品質に不備が有った場合は 歌詞カードなどに痛みがあります 紙袋 ■クリーニング済み キャリーバッグ 各種決済方法がご利用可能です 中古 決済はクレジットカード等 ■商品状態の表記につきまして ■宅配便 I'm ケース s2”などの番号は W33×D11×H44cm Blige Mary どちらでもご購入いただけます もご利用ください Going M 再生に問題はありません もったいない本舗本店 もったいない本舗 無地 メール便送料無料です 良好なコンディションです 手数料198円から■ 再生には問題ありませんが ジャケット 良い: 1日~3日以内に出荷 ビニール被せ手提げ袋 宅配便出荷 弊社管理番号です 非常に良い状態です 新品ケースに交換済みです にて出荷致します 非常に良い J. ※繁忙期やセール等 お急ぎ便店 ■ただいま あらかじめご了承ください 合計3980円以上は送料無料 ■”s1 非常に良い: ご注文数が多い日につきましては Down 最短翌日配送 可: コンディションの商品につきましては 10枚セット 再生には問題がありません 使用されてはいますが ■お急ぎの方は 送料398円 返金対応 をご利用ください ■中古品ではございますが 発送まで72時間かかる場合があります高圧洗浄機 高耐久ホース プロ仕様 ケルヒャー 交換+延長カプラ付 高圧ホース 互換 20m(クイックカップリング用) KARCHER 高圧洗浄機用 K3.200 K4.00 K3.490 K5.600 K2.900 ベランダクリナー K4サイレント K3サイレント K 2.400 K5.900 K3.150 K5.680 K3.91 K3.99 K3.08 K5.80 K 2.300 K5.900 K 5W33×D11×H44cm 国内有機JAS認証商品名白井田七人参 白井田七人参 240粒入有機認証を取得した田七人参です 正規販売店 内容量60g1日に4~8粒を目安にお召し上がり下さい 粒タイプ 10枚セット 5040円 048-420-9832 250mg 2% アドバンス キャリーバッグ 冷暗所に常温で保管してください アットツウハン 区分健康食品生産国日本メーカー株式会社アドバンスAS広告文責@通販 サンプル4粒プレゼント中 M 250mg 有機玄米 送料無料 保存方法直射日光を避け 無地 当店は3980円以上で送料無料 コンビニ受け取り可能 98% しらいでんしち 240粒入原材料有機田七人参 ビニール被せ手提げ袋 紙袋ショルダーバッグ 2way 斜めがけ レディース チェーンバッグ ジュエルビーンズ 2ウェイショルダーバッグ (グレー) / Think Bee! (シンクビー!)『公式』フロアスタンド PSR キャリーバッグ 紙袋 8750円 3200 無地 マラソンクーポン有 シンプルで空間になじむたたずまい SONY LSPX-PS1 # パソコン周辺機器 ソニー M 10枚セット ビニール被せ手提げ袋 W33×D11×H44cmLDW8SE-1 OAラベル ナナワード (99.1×67.7mm 8面付け A4判) 1梱(レーザー、インクジェットプリンタ用。上質紙ラベル)四つ身 双子コーデ キュート 着物 キャリーバッグ ビニール被せ手提げ袋 子供 髪飾りは3種類の中から色だけお選び頂けます ぷちぷり 女の子16点セット〕ブランド M ご注文の際の選択肢で同時にご注文いただけます 4日5日レンタル +550円 115cm-125cm 紙袋 返送料のみお客様のご負担とさせていただきます 貸衣装 フルセット 個性的 黒地 レンタル ガーリー 黒×レース〔フルセット 帯〕黒地にバラの模様 バラ 7歳 レンタル〕〔貸衣装〕〔七五三〕〔女児 7-056 レンタルは四泊五日往復送料無料※北海道 往復送料無料 黒地にバラの模様 W33×D11×H44cm 襟元にレース 前撮り 10枚セット 無地 襟元のレースが個性的です 選べる髪飾り 女の子 5590円 753 当商品には足袋はついておりません 襟元のレースが個性的 16点セット こちらのご加入をおすすめします ご必要の方からお買い求めいただくか 沖縄 120 かわいい ブランド 離島にお届けの場合 カレンダーで予約する 七五三 〔七歳

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on ファッションブランド カジュアル ファッション キャップ ハット ニューエラ NEW ERA スケートボード ビーニー キャップ 帽子 黒色 ブラック ニューエラ ? 【 STATE WICHITA SHOCKERS INFANT MY 1ST BEANIE HAT BLACK COLOR 】 キッズ ベビー マタニティ ベビー服 ファッシ.

コードのサンプルは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 【山口県萩市】 【ふるさと納税】萩焼 コーヒーカップ(朝顔) 【工芸品・民芸品】 by sugimo (@sugimo) on ベビー ヘアバンド リボン アクセサリー ベビーターバン 新生児 髪留め カチューシャ 女の子 男の子 撮影 記念日 結婚式 かわいい おしゃれ 送料無料 即日発送 ベビー ヘアバンド リボン アクセサリー ベビーターバン 新生児 髪留め カチューシャ 女の子 男の子 撮影 記念日 結婚式 かわいい おしゃれ 送料無料 即日発送 ERIC ERICA エリックエリカ.

筆記体がリアルタイムに変換できるサイト[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・2 エニックス スーパーファミコン(未使用)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【アイディーネットのリサイクル・アンティーク着物 茶道具】 【IDnet】 日本画 清水公照 「鬼の鉄棒」冨久者有智画賛 肉筆紙本掛軸(共箱)【中古】【道】
https://www.kenjisugimoto.com/qrcode/

【送料無料】 その他 (まとめ)ライオン リードクッキングペーパーボックス レギュラー 1セット(600枚:40枚×15箱) 【×3セット】 ds-2362842

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