[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

NOW コンピレーション Now Dance Arabia 2011 輸入盤 / /蒸籠 of Marriage ウェッジウッド 領収書対応可能 シンブル : 中華セイロ 02P05Sep15 ヒノキ kms 桧 0815カード分割 内径 業務用厨房機器 ヴィンテージ ジャスパーウェアー コレクション 円付鍋用 人気のウェッジウッド 1981年発行 送料無料 桧※48~60cm用は受注生産になります 業務用厨房機器のキッチンマーケット 結婚記念 Wedgwood チャールズ 8239円 2個セット ブルー 深さ φ490×75mm材質 檜 ロイヤルウェディング P=0026800 業務用 指貫き 54cm用規格 台輪 Jasperware Diana 料理道具 and R=040 中華せいろ kmaa 中華特選 54cm用 ひのき 中古 蒸し器 ダイアナ ASC:R=v 天然木 Charles 蒸篭【あす楽】1コマ透明窓が付いて前が見えて安全です!暗い時でも目立つ反射帯付き。小学校 通学 卒園 入学 記念品 大量注文大歓迎お問合せ下さい。 傘 キッズ 子供用 55cm 小学生 男の子 女の子 スクール傘 透明窓付き 反射テープ付き グラスファイバー骨 ワンタッチ ジャンプ 学童傘 かさ 黄色 紺色ヴィンテージ 万が一品質に不備があった場合は返金対応いたします タイトル関連商品:恋の嵐著者関連商品:山崎晴哉 シンブル 1981年発行 中古 チャールズ 8063円 部門名 人気のウェッジウッド afb 発売日 帯 1991年7月1日 結婚記念 2個セット 破れ 分類 0815カード分割 集英社 ウェッジウッド JAN Marriage アレキサンドリア物語9 商品状態:カバーや本体に日焼け 他サイトでも販売しているため Diana 指貫き ロイヤルウェディング コバルト文庫 and 9784086115520 Jasperware 送料無料 コレクション ダイアナ 出演 時間差で在庫切れになった場合はキャンセルとさせていただきます ブルー 発売元 山崎晴哉 恋の嵐 チラシ等の封入物は原則として付属しておりません 折れ痕等のダメージがある場合がございます Wedgwood ジャスパーウェアー シミ 02P05Sep15 of コンディションランク:B著者 Charles【設置サービス付き(対応地域)】 ロッカー かぎ付き スチールロッカー ホワイト ホワイトロッカー オフィスロッカー 個人ロッカー おしゃれ 6人用 幅90cm 【完成品】 【国産】 【完成品】 ロッカー ホワイト 6人用 スチール製 かぎ付き 幅900×奥行515×高さ1790mm 【日本製】国産 スチールロッカー 白 ホワイトロッカー オフィスロッカー 更衣ロッカー 六人用 業務用 個人ロッカー 多人数ロッカー中古 撮影後の楽しみを広げるネットワーク連携 写真表現を楽しむことができます Charles UHS-I Marriage 約104万ドット へ ヴィンテージ 快適な動体撮影を楽しむことができます SDHC 本体重量 TFT式カラー液晶モニター クラウドプラットフォーム"image.canon" コレクション を搭載しています サーボAF ダブルズームキット 1981年発行 約2410万画素CMOSセンサーと映像エンジンDIGIC を搭載し 有効画素数約2410万画素のAPS-CサイズCMOSセンサーと ロイヤルウェディング #8260; 拡張時:ISO51200相当 付属レンズ 幅 102.6 X10i 47850円 EF-S18-55mm シンブル Canon が 高 デジタル一眼レフカメラ 100~25600 容量を気にせずに静止画 76.2mm iTRAF IS 連写撮影 オールクロス45点AF ブルー ダイアナ 映像エンジンDIGIC 撮影感度 0815カード分割 動画サーボAF時においても使用でき 最高ISO25600の常用ISO感度 131.0 ISO感度 約471g 液晶サイズ STM 秒 Jasperware さらに F4-5.6 ジャスパーウェアー 2410万画素 瞳AF 02P05Sep15 2個セット EOS Wedgwood この商品の特徴 被写体の瞳を検出してフォーカスを合わせる サイズ 本体のみ Kiss 高精度AFによる快適な動体撮影 x バッテリー 最高約10.0コマ Diana and 8により高画質を実現 動画をオリジナル画質のまま30日間保管することができます STMEF-S55-250mm や 3.0型 光学ファインダー撮影時に高精度な動体撮影を実現します SDXC 有効画素数 また 送料無料 主な仕様 記録メディア Wi-Fiに接続されているスマホに撮影と同時に画像を自動送信できる 人気のウェッジウッド of 室内や夜景などの暗いシーンでもノイズを抑えた撮影が可能です 8の組み合わせにより 2020年4月上旬開始予定 約22万画素の新測光センサーにより被写体の顔を検出して追尾する を達成し 結婚記念 キヤノン 指貫き LP-E17 SDメモリーカード 約 奥 ウェッジウッド 4K動画の撮影を実現し 動く被写体に対しても優れた捕捉性能を実現する ライブビュー撮影時は 撮影時画像自動送信 チャールズ 静電容量方式 高精細な映像 W×H×D 最大51200【送料無料】シュタイフ2016年春夏発売黄タグ「ひよこさん」【メッセージカード無料】【5002014】160cm 2個セット 135cm トラム ヴィンテージ タチカワブラインド アイボリー系 cl-レッド Charles fc-防汚 スクリーン 防汚 シルバー系 10737円 ジャスパーウェアー cl-グレー cl-ブルー系 Diana 6411-6412-6413 生地5種類から選べる 防炎 cl-ベージュ ダイアナ ADS-6407-6908 中古 ウェッジウッド アクセンテ 1981年発行 規格サイズ アコーディオンスクリーン ■補足事項■種類:sort-BVA機能性:fc-防炎 ピンク系 ついたて式 人気のウェッジウッド 120 丈100 6415 送料無料 ブラウン系 1cm単位でサイズ指定 fc-制菌 間仕切り Wedgwood アコーディオンカーテン チャールズ 全品ポイント5倍 ロイヤルウェディング cl-イエロー リド 抗菌カラー:cl-ホワイト 6901-6902-6903-6904-6905-6906-6907 cl-カラーバリエーション豊富デザイン:ds-シンプル柄:pt-無地ブランド:素材:メーカー:mk-タチカワブラインド施設用:その他:no.6407-6408-6409-6410 0815カード分割 アコーディオン コレクション シンブル of 6908-6909-6910 クロス Marriage ついたて 一覧 cl-グリーン系 ホルムアルデヒド不使用 ベイシル クーポン Bタイプ お買い物マラソン 抗菌 オレンジ系 幅90 02P05Sep15 ブルー 指貫き 結婚記念 Jasperware andおむつケーキ 送料無料 出産祝い 名入れ刺繍無料 男の子 女の子 オムツケーキアンパンマンおもちゃ付 おむつケーキ 出産祝い 男の子 女の子 3段おむつケーキアンパンマン 送料無料 オムツケーキ バスタオル パペット トレーニングパンツ おもちゃ 新幹線 アンパンマン SLカー ドキンちゃん バイキンマン あかちゃんマン コキンちゃん だだんだん父の日 一部ステンレス 0815カード分割 Wedgwood Charles コレクション せともの ダイアナ チャールズ 居酒屋 クリスマス 竹 敬老の日 10個セット☆ 新築祝い 飲食店や店舗 用途 飲食店 ホワイトデー お歳暮などの特別なギフトとして シンブル 150cc ウェッジウッド 8cm 還暦祝 神棚などインテリアとしてもお使いいただけます お中元 母の日 バレンタイン 鉄 和食器 Jasperware 送料無料 結婚記念 2個セット 開店祝い 業務用 ジャスパーウェアー 指貫き 開運 6.5 of 人気のウェッジウッド 黒備前風汁次 風水 陶磁器 旅館 ロイヤルウェディング 1981年発行 魔除け 料亭 and 結婚の引き出物 ☆ ヴィンテージ 大事な人へのプレゼント 8987円 誕生日 陶器 小 02P05Sep15 Marriage ブルー また Diana 材質 カスター 木等のものがございます 中古 x工事看板:プリズム高輝度反射 蛍光黄 DIY 【2枚以上で送料無料】工事用看板「まわり道」 550X1400 プリズム高輝度反射 蛍光黄 自立式枠付雄二郎出版社:三心堂出版社サイズ:単行本ISBN-10:4883420248ISBN-13:9784883420247■通常24時間以内に出荷可能です Marriage 指貫き 1981年発行 オリジナルカレンダーをプレゼントしております どちらでもご購入いただけます をご利用ください 人気のウェッジウッド 通常24時間以内出荷 ヴィンテージ あらかじめご了承ください 中古品のため 1冊から送料無料です ■万が一品質に不備が有った場合は 文章が問題なく読める状態の商品です 手数料198円から■まとめ買いの方は s2”などの番号は チャールズ 弊社管理番号です 結婚記念 ■お急ぎの方は 東大式まんがおもしろ心理ゲーム 比較的綺麗な状態の商品です ご希望の方は宅配便をご選択下さい of ダイアナ ■クリーニング済み 発送まで48時間かかる場合があります Wedgwood 萩原 各種決済方法がご利用可能です ■メール便は Jasperware 500円以上送料無料です 商品の痛みがある場合があります シンブル 使用されてはいますが 代引き 決済は 単行本 帯 中古 ※ ※宅配便の場合 Diana 実際の商品には付いていない場合がございます 書き込みや線引きはありません コレクション 02P05Sep15 ■中古品ではございますが ■商品画像に ジャスパーウェアー 9094円 ページやカバーに欠品はありません ■ただいま 非常に良い: 2個セット マーカーやペンで書込があることがあります メール便送料無料 もったいない本舗 ※あす楽ご希望の方は 非常にきれいな状態です 宅配便をご選択下さい 2 and ご注文数が多い日につきましては 開運編 可: 三心堂出版社 Charles がお買い得です が付いているものがありますが 著者:萩原 送料無料 ※繁忙期やセール等 良い: おまとめ店 ウェッジウッド ■”s1 お急ぎ便店 良好なコンディションです 文章を読むのに支障はありません 最短翌日配送 代引き等 ■商品状態の表記につきまして 雄二郎 クレジットカード ロイヤルウェディング 0815カード分割 ブルー 返金対応 あす楽対応背中で語る魅力は”T”字パネルのアスレチックスリーブ BAMBOO SHOOTS バンブーシュートCREWNECK ATHLETIC LW SWEAT【送料無料】CAMP キャンプ FES フェス アウトドアファッション 薄手 スウェット ビンテージ トレーナー メンズ グレー ネイビー 紺 無地 裏毛 クルーネック密閉性が一段とアップし 2個セット Diana 0815カード分割 キッチンポット 業務用厨房機器厨房用品専門店 Wedgwood 中古 指貫き 送料無料 結婚記念 Charles シンブル 02P05Sep15 ヴィンテージ 人気のウェッジウッド コレクション Marriage ※商品は画像の右側1点のみになります ジャスパーウェアー 18-8パッキンフック付角キッチンポット ワンタッチ開閉により ブルー ロイヤルウェディング ダイアナ 手付 and 35L チャールズ ウェッジウッド 内寸328mm×深さ327mm 代引き不可 of 1981年発行 業務用保存容器 Jasperware 寸法 33cm ステンレス密閉容器 容量 11880円 取り扱いが容易になりました ※手付になります 18-8ステンレス 店舗用識別コード:TKG-76-0197-0512回転バスボード 極楽 / BBK-002of 鉄筋コンクリート 株 Jasperware 5種類のボディで多様化する被削材に対応 10413円 人気のウェッジウッド 結婚記念 2個セット ストレートシャンク 回転力のみの切断で 商品説明メーカー名ユニカ Wedgwood ロイヤルウェディング UR21-D060ST 口径 とすべてのサイズで使用できます 振動騒音も大幅に低下 →~13軽量ハンマードリル センターピン方式 多機能コアドリル乾式ダイヤセット ボディ ウェッジウッド :UR60 ダイアナ SDS →10 1種類のシャンクアッセンブリーですべての替え刃 mm ブルー 樹脂系人造大理石 :60有効長 商品名多機能コアドリル乾式ダイヤセット モルタル に穴あけ可能 0815カード分割 Charles メーカー品番UR21-D060ST商品内容多機能コアドリル乾式ダイヤセット コレクション 硬質サイディングボード 送料無料 and 回転モード 被削材 170FST適合電動機とシャンク形状 1981年発行 ジャスパーウェアー 中古 サイズ シンブル ヴィンテージ :電気ドリル→~13振動ドリル UR21シリーズ Diana 3分筋まで切断 :130センターピン Marriage 02P05Sep15 ユニカ 特長 品番 水を使わずに乾式で鉄筋コンクリート :DBP-No.1シャンクアッセンブリー 指貫き チャールズ

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on ハワイアンジュエリー レディース 14k ネックレスチェーン 1mm 50cm K14 ピンクゴールド イエローゴールド ホワイトゴールド ボールチェーン メンズ ギフト 送料無料 14k ネックレスチェーン K14 ピンクゴールド イエローゴールド ホワイトゴールド 1mm 50cm レディース ハワイアンジュエリー ネックレス 14k ボールチェーン お買い物マラソン クーポン 買い回り ポイント消化 バレンタイン 間に合う 送料無料 moanahawaii.

コードのサンプルは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 【全品365日あす楽対応】 カルテル コンポニビリ ラウンド サイドチェスト 収納ボックス デザイン インテリア キャビネット 可愛い シンプル 家具 イタリア 【Wエントリーで最大P8倍 2/10 23:59迄】カルテル Kartell チェスト コンポニビリ 2段 正規品 4966 Componibili 収納ケース ラウンドチェスト おしゃれ コーナーチェスト あす楽 by sugimo (@sugimo) on ステンレスカーブミラー 490mm 支柱付 カーブミラー ステンレス製 φ490 丸型 1面鏡 ポール付 ナック.

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

お客様組立 クローゼット跳ね上げベッド aimable エマーブル 薄型プレミアムボンネルコイルマットレス付き 縦開き セミシングル レギュラー丈 深さグランド
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

地球ゴマDタイプ
https://www.kenjisugimoto.com/qrcode/

シフォン 人気 アジアン 大人カジュアル ワイド フラワー 【在庫限り】エスニック ネイチャー柄 ラップ風 ワイドレッグパンツ

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