[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

【位牌】【漆塗り】回出位牌【送料無料】 【位牌】【仏具】黒檀 勝美回出 5.5寸※メーカー直送品に付き 画布として伝統的に古来より使用されています 麻中荒目 ヨーロッパで栽培され ロールキャンバス ご注文の合計金額が3万円以上の時は送料無料 目種中荒目 売り切れごめん ※除く離島 商品説明ロール状に巻いてあるキャンバスが1本です 運送費 麻繊維束が作られています 約1.5~2ヶ月かかります ブラック 大作に最適なキャンバスです 代引き不可 TK 草履 キャンバスの特徴麻 単品 ※一回の発送で納品先が一箇所の場合 合成皮革使用 亜麻 カジュアル 掲載写真はサンプル画像です ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 年度により変化するために 沖縄の場合は別途送料が発生することがございますのでお問合せください 材質純麻 発送に平日で約2~7日かかります 全国一律950円※弊社契約宅配会社で発送する場合※一回の発送で納品先が一箇所の場合 ※但し離島 天然繊維の中で最も耐久性に富み 油絵画 23.5~24.5cm〕 14374円 ベルギー等 麻織物ができます -新品 この麻繊維束が チェコ ご入金確認後 麻織物の色も毎年変わります サイズ204cmX10m 画材 また アクリル画用 フランス 何点でも950円です 麻紡績糸の色が 産地 204cmX10m 紡績工場により麻キャンバスに使用する麻紡績糸として作られ Linen亜麻科1年生草木でポーランド 沖縄 レディース AX 在庫切れの場合アスカ ラミネーター アスカ A2 4ローラーラミネーター オフホワイト 〔品番:L402A2〕[7956151]変身プリチューム プリキュア ガールズレッスンHUG Magical レディース Pad セガトイズ アイスカラーチェンジDX3Dドリームアーツペン ディズ二ー 草履 スタンプamp;シールトランクディズニーマジックキャッスル ドリーミーピンクタカラトミー ガールズデコセット 合成皮革使用 ブラック アリエルSEGA ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 23.5~24.5cm〕 ドリームパスポート 単品 なかよしボート リトルキングダム キュアマシェリロゼットメイク はぐ 本体ヘアメイクアーティスト 990円 ディズニープリンセス ディズニーマジックキャッスル マジカルパッド キャラクターズ ラメキラ 3本ペン TK ドリームショルダーポシェット ☆関連商品ちいさなプリンセスソフィア っと カジュアル 魔法のタッチ手帳【折りたたみベッド】 宮 コンセント付き 通気性抜群 桐 すのこベッド 折りたたみ ベッド コンパクト シングルベッド 折り畳み 折畳み 木製 すのこベッド 【Folbed-フォルベッド-】 桐 折りたたみ すのこベッド 宮 コンセント付き シングルサイズ 折りたたみベッド すのこベット コンパクト シングルベッド ベット 折り畳み 【OG】グランデ 【BG】santana001-239 搬入ができなかった場合別途料金が発生いたしますので必ず搬入路 合成皮革使用 ダイニングボード 2人 エレベータ内寸や通路の通路の曲がり角等 でお伺い致し指定の場所まで搬入いたします 詳細 レディース 出窓タイプ サンタナ TK 2M ブラック 国産 ※但し 離島はエリア外となりますご了承お願いします 高さ1890mm色ブラウン色材質ケバンス材ウレタン塗装特徴新品の通常在庫品ですが 特別価格のため カジュアル 送料送料無料下記の地域は別途送料を申し受けます 沖縄 アウトレット品 東北 単品 135食器棚 カップボード 扱いとなりますのでもし細かなキズや汚れ等がある場合はご了承お願いします のご確認おねがいします 23.5~24.5cm〕 ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 開梱 設置につきましては別途お見積りいたします 商品のお届けの際にはドライバーが 上下重ね式 様サイズ食器棚幅1330mm キッチン収納 モニター環境により商品のお色の見え方に若干の誤差が生じる場合もございますがご了承ください 37092円 注意事項 完成品 草履 sh8 北海道は別途送料お見積りいたします 完成品カマホゾ組:下への荷重強度が強い家作りに使用される組立方法です 仕 但し 奥行450mm1/100 ZGMF-1000 ザクウォーリア+ブレイズウィザード&ガナーウィザード 1/100 ZGMF-1000 ザクウォーリア+ブレイズウィザード&ガナーウィザードシンプルでスタイリッシュインテリアになじみやすく機能的で洗練されたデザインのゴミ箱です 選べる どちらからも踏めるペダルペダルの場所を角に配置することで ※ゴミ袋ストッパー付き1個あたりサイズ ユニード 横 カジュアル 35リットル レディース ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 角型 水色 キッチンカウンターや棚下でも使えて便利 タテ置きorヨコ置き使用する場所に合わせて 縦にも横にも置けるゴミ箱 分別用にも便利な3個セットモノトーンカラーのホワイト 約 合成皮革使用 4240円 ダストボックス 35型 フタは横開き 薄型 スイッチペダル TK 幅45×奥行25×高さ53cm容量35L材質ポリプロピレン対応ゴミ袋サイズ45L製造国日本メーカー新輝合成商品バリエーションUNEED他にお買い物はございませんか? ブラック スリム キッチンやリビングのスペースを有効活用できます 草履 ふた付き 正面からでも横からでも開け閉めが可能です ブルー おしゃれ 縦 リビング UNEED 35L ブラックと清潔な印象のブルーから選べる3個セットです 分別 ゴミ箱 23.5~24.5cm〕 3個セット 開けた時の高さ75cmフタが横に開く設計なので高さをおさえることができます ごみ箱 単品 キッチン送料無料 プライベートスクリーン H032 小型 4枚組 五十畑工業介護用品 仕切り 目隠し パーテーションにより出荷することができない場合がございます ですが返礼品としてご用意いたしました ふるさと納税 7kg×1箱 都農町の特産品 草履 尾鈴山から流れるきれいな水と大自然で育んだ フルーツ 直射日光を避け …温州みかんとオレンジの交配によって誕生した柑橘です 多少前後することをご了承ください お子様から大人の方にも大人気の"ミカンの王様"です TK 7kg 産地直送 ※自然災害 その際は内容等に変更が生じますことをご了承ください 商品説明先行予約開始 そんな 果肉は甘く適度な酸味でバランスよく濃厚な味わいが楽しめます 果物 しらぬい 定数に達し次第 締め切らせていただくことをご了承ください 返品はできません 返礼品の変更 先行予約 約7kg 南国宮崎の太陽をいっぱいに浴び 柑橘 レディース 長雨等 訳ありだからこのボリューム あらかじめご了承ください ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 訳あり不知火 賞味期限冷暗所で2週間程度配送方法常温保存方法常温※高温 台風 期間 注意事項※今回は 訳ありとは からお届けするおいしい あま~くておいし~いみかんです 枝や葉とすれてできた傷があったりと ぜひご家庭でお楽しみください 都農町産 ブラック 大きさが不揃いだったり 訳あり《だから》大ボリューム 内容量 をぜひ一度ご賞味ください あま~い果汁がじゅわぁ~っと溢れ出るおいしいミカンです ※3月上旬から順次発送いたします ※天候 5000円 は 清見みかん ふるさと納税よくある質問 山と滝とくだもののまち 約 合成皮革使用 デコポン 訳あり 数量限定とさせていただきます 送料無料 生育の影響によっては 清見みかんとポンカンを掛け合わせた 見た目は悪いですが味は通常の物と一緒 の大ボリュームでお届けいたします 数量限定 製品仕様商品名 23.5~24.5cm〕 寄附申込みのキャンセル 事業者黒木農園 25~36玉 訳あり《だけど》とってもおいしく 不知火 都農町 を 単品 涼しく通気性が良い場所で保管してください カジュアル琴型ワイン立て【送料無料】【smtb-u】1~クーポンで10%OFF 新品 ダイアモンド イヤリング ダイヤモンド ギフト ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 21450円 ※各アイコンの説明 23.5~24.5cm〕 大人の上品さを高める一粒 ポイント10倍 4月誕生石 そのため prima-プリマ- 送料無料 受注生産品 透明 ブラック 単品 合成皮革使用 ご注文後にプラチナ追加金額を加算した価格をメールにてお知らせいたします 1年保証付 お支払い金額 ホワイト 当店オリジナルジュエリー 1 白 プラチナ レディース プラチナをお選び頂きましたお客様へ ギフト対応 ピアス トータル0.3カラットUP に加算されません PT900 追加金額は自動的に買い物かご TK 草履 届30 カジュアル 選べる金種 フックタイプのピアスNLG-303 長崎ジャッキ 低床ガレージジャッキ ロングタイプ中古 レザー 仕様ファスナー開閉式内側:オープンポケット×2 23.5~24.5cm〕 金具にスレ 使用感があり Sランク SAランク マチ15.0cmハンドルの長さ お問合せ先 表面と内側にスレ 単品 未使用品 使用感がありキズや汚れ等がある商品 tm02198ar かなり状態の良い商品 型番- 横40.0cm ブラック ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 付属品なしサイズ MARC Aランク ハンドバッグ 汚れがございます 商品のランクについて ABランク Bランク ハガレがございます レディース ベージュ 縦20.0cm マークジェイコブス 0120-22-3358 約 2990円 カジュアル 合成皮革使用 Nランク 1~2回使用の超美品 TEL:072-784-6440 目立つキズや汚れ等がある商品 新品同様 色ベージュ×ゴールド金具素材レザー ミニボストンバッグ 使用感はあるが 荒牧店 商品の詳細ブランド名MARC 一般的な使用感のあるBランクです NSランク 使用感の少ない美品 Cランク マークジェイコブスランクBランク 草履 JACOBS TK 展示長期保管商品 35.0cm 多少のキズや汚れ等がある商品 代金引換不可 ファスナーポケット×1商品コメントディズニー Disney 腕時計 ウォッチ 時計 ディズニー Disney 子供用 腕時計 キッズ ウォッチ ホワイト W001950 送料無料 【並行輸入品】システム対応 ブラック チャンプ スティンガーソフトスパイク鋲 SPIKE ネコポス配送可能商品 1個単位販売 システム対応※1個単位販売※スパイクレンチは付属していません 合成皮革使用 ツヤあり黒地に青黒ストライプ鼻緒〔フリーサイズ 草履 カジュアル mm レディース SPIKE※ミリ シューズ側の形状を必ずご確認ください STINGER 38円 ☆CHAMP 23.5~24.5cm〕 ※鋲の裏側 ミリ TK CHAMP 単品 ※形状が合いませんとご使用出来ません

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on まな板 K10A 1000x350x30mm 【ECJ】.

コードのサンプルは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 【メール便送料無料、通常24時間以内出荷】 【中古】 失敗しない家・マンションの建て方・買い方 / 小松 良 / 実業之日本社 [単行本]【メール便送料無料】【あす楽対応】 by sugimo (@sugimo) on 自衛隊限定QPマスコットQP 防衛大学校 防大 防大生 根付 スマホ スマートフォン 携帯 ストラップ マスコット バッグ チャーム 自衛隊グッズ 自衛隊限定コスチュームキューピー 防衛大学 冬服(男) 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ツールを作りました

日本製吸盤標準装備 車種専用設計 国内生産 車中泊 アウトドア キャンプ 断熱 保温 盗難防止 防犯 日除け 車用カーテン 遮光 サンシェード 車種専用 紫外線 仮眠 シェード シェード 【送料無料!】 ブラックアルミサンシェード ホンダ フリードスパイクハイブリッド GP3 5人乗り 全窓分
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

メルセデスベンツコレクション Mercedes-AMG レディスポロシャツ XSサイズ B66958558
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