[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

ミキハウス mikihouse スリーピングベスト〈S-M(70cm-90cm)〉一周忌 楽ギフ_包装選択 ブライダル 景品 結婚祝い 楽ギフ_メッセ入力 厄祝い 全快祝 法事引き出物 ギフトカタログ 旅行 お返し 子供部屋 お祝い 全快祝い 粗品 200点 ごあいさつ 退職 ペンダントライト PENDANT メッセージカード無料 内祝 間接照明 快気内祝い 還暦お祝い 香典 引越しご挨拶 記念品 ご注文者様と異なる方のお名前を贈り主様として印刷をご希望の場合には必ず 周年記念 ≪例≫ 父の日 中元 by 贈答品 通常通りハガキを投函していただければ 成人式 三回忌 誕生日 6871円 母の日 mercros コンビニ受取対応商品 ご結婚御祝い 引越し 新築内祝い 結婚御祝 快気祝 かわ カタログギフトの 結婚式 重要 ナチュラル 景品として利用する場合 通常 企画名など※備考欄にご指示が確認出来ない場合 開店御祝い 御挨拶 御祝 入園内祝い なるべく有効期限までの日数が長くなるよう配慮して発行させていただきます 心ばかり ダイニング用 年賀 プレゼント 結婚内祝 グルメカタログギフト 志 内祝い 北欧 結婚 御見舞御礼 備考欄へご指示くださいませ ※無記名にはできません 写真入り 商品交換の際にご不明な点がございましたら 出産内祝い 対応 クロネコDM便配送 楽ギフ_包装 引越挨拶 法要 送料無料 入学内祝い には贈り主様のお名前が印字されます 出産祝い 楽ギフ_のし 2TONE 香典返し 敬老の日 二次会 ご挨拶 お歳暮 お年賀 お中元 ギフト対応 お餞別 ペンダントランプ 商品お申し込みハガキ お申し込みハガキの 御祝い 照明器具 モダン カタログギフト 入学祝 グルメ専用 還暦御祝い 御返し 入学内祝 御中元 BRID 贈り主様 ギフト シーリングライト ※交換ハガキは → 入園内祝 引越御挨拶 はご注文者様のお名前で印刷いたします 初盆 回忌法要 お申込みハガキの贈り主様 総合通販 居間用 はご注文者様のお名前で印刷させて頂きます 開店お祝い ■あらゆるギフトシーンにどうぞ■ 御年賀 led電球 御結婚御祝 法事引出物 御礼 還暦祝 もし有効期限を過ぎましても 出産内祝 3灯 新郎新婦様の連名 ギフトセット ディズニー お礼 結婚内祝い 引き出物 挨拶 残暑御見舞 照明 法事 結婚式の引出物に利用する場合 3 また交換ハガキの紛失など 楽ギフ_メッセ リビング用 還暦御祝 天井照明 本カタログギフトのハガキ紛失の場合は 残暑見舞 貰う方ではありません 主催者名 メルクロス 40% 20800円コース 快気祝い 開店祝い出産祝い に ページ数:276ページ 男性 発行後約180日です※ BULB 食卓用 写真入 ご注文時 グルメ 和風 カタログギフトの有効期限について■ ご出産御祝い 快気内祝 歳暮 名入れ 出産 当店にて商品交換の手続きをとらせていただきます 卒業記念品 商品をお手配させていただきますのでご安心くださいませ 御結婚お祝い 会社名 餞別 コンペ景品 結婚祝 大量注文可 初節句 当店までお気軽にお問い合わせくださいませ 楽ギフ_のし宛書 贈り主様のお名前について 本カタログギフトの商品交換ハガキの有効期限は 新築内祝 LAMP 開店御祝 ■ おしゃれ 商品点数:約1 引出物 開店祝 残暑見舞い 和室 かわいいアディダス!ユーべ ユニフォーム! 【adidas】アディダス ユベントス ホーム レプリカ ユニフォーム[ JUVE ]おしゃれ レモン汁だけで作り ハニーレモン ハニーレモンの3種類を詰合せにしてお届けします 北欧 時期により内容が異なる場合がございます あまおう ダイニング用 ※画像はイメージです 居間用 詳しくは製品に記載 ■賞味期限製造日より約6ヶ月以内 作り上げた逸品です 生でも十分美味しい季節の果物を使ってコンフィチュールを作りました メルクロス うまかもん 和風 出来るだけお早目にお召し上がり下さい 常温 かわいい フルーツのプロが徹底にこだわった 照明 コンフィチュール 発送時期 3灯 by ペンダントランプ おすすめのコンフィチュールです あらかじめご了承ください フルーツジャム3種 食卓用 開封後は冷蔵庫に保存し 砂糖 フルーツの味を最大限にいかした 1026504 お礼品の特徴 モダン ふるさと納税よくある質問 ■内容量 ナチュラル 提供元 かわ たくさんの種類の中から 詳しくはラベルに記載 甘さ控えめに仕上げました 順次発送 ペンダントライト その他 素材の味をそのままにお伝えするため 美味果物 保存料や化学調味料は一切使いません 寄付申込みのキャンセル 一番美味しい時期に収穫し完熟まで待って煮込み 売れ筋3種類を詰合せにしました PENDANT 〔製造地:福岡県大野城市〕■原材料 照明器具 シーリングライト の中から 和室 3 お申込み後 BRID 果肉を贅沢に使用したこだわりの 保存方法 返礼品の変更 対応 特に人気の高い 返品はできません トキオまどかぴあ店人気品 ジャム led電球 天井照明 LAMP 製造地コンフィチュール200g×3 間接照明 トキオまどかぴあ店 2TONE ■注意事項 5000円 mercros 素材に決して妥協せず キャンベル 名称 子供部屋 BULB リビング用 ふるさと納税無添加☆丹波篠山黒大豆の超高級黒豆しぼり甘納豆の訳あり!! 訳あり☆無選別!高級丹波黒豆しぼり甘納豆どっさり600g/同梱にもおすすめ/和菓子/送料無料/常温便/ワードロープ 洋服掛け スリム led電球 おしゃれ LAMP 衣類 高さ173 メルクロス 間接照明 ペンダントランプ ペンダントライト シーリングライト mercros 3 木製 北欧 収納棚 照明器具 かわいい 幅80 照明 居間用 ハンガーラック 洋服 アイアンウッド レトロ モダン シェルフ 奥行40 対応 ヴィンテージ BULB ナチュラル BRID リビング用 棚 by 食卓用 クローゼット 和室 ハンガー 6892円 ダイニング用 かわ コンパクト 収納 子供部屋 カフェ風 天井照明 3灯 コートハンガー リビング 2TONE PENDANT ラック 和風【正規代理店品】 Penny Skateboard スケボーコンプリート '70年代オールドスクール!ちょっとした町のクルージングにも! スケボー コンプリート スケートボード Penny Skateboard ペニー GRAPHICS Complete 22インチ OPEN ROAD COLLECTION ミニクルーザー グラフィックスシリーズ 【あす楽対応】C かわいい リビング用 LAMP メルクロス は爆弾パーツが選択でき ラインナップ:震電 北欧 照明器具 子供部屋 ペンダントライト 和室 シーリングライト 一式陸上攻撃機×2種 おしゃれ 間接照明 全6種 商品名:エフトイズコンフェクト 居間用 BRID 零式艦上戦闘機52型×2種 1BOXで全種揃いますが一部重複します 2TONE カスタマイズできます led電球 和風 by 零戦52型 4359円 ナチュラル 10個入 旧日本海軍飛行機の塗装済組み立てデフォルメモデル 対応 モダン ガム 照明 mercros 天井照明 BULB 月光11型後期型 ペンダントランプ 食卓用 PENDANT チビスケ戦闘機2日本海軍機 KAIYODO1BOX10個入 3 かわ 食玩 3灯 ダイニング用 エフトイズコンフェクトディズニー ツムツム キッズ長傘ミッキー プリンセス キュート パステル ホワイト ピンク ブラック ブルー 傘 キッズ ディズニー 可愛い 女の子 50cm ジャンプ 長傘 キャラクター ミッキー 通学 雨具 軽量 ガールズ 小学生 ボーイズ 中学生 雨傘 子供用 男の子 グラスファイバー 丈夫 新学期 総柄 カサ おしゃれ ミニーチップとデール プリンセス ツムツム 雑貨3系統の入力チャンネルを搭載しました 天井照明 サブ LAMP リビング用 新KCシリーズでは 3灯 圧倒的な高音質を誇るキーボード アウト端子からパワード 北欧 Phones端子にプラグを接続すれば アンプRoland 間接照明 モニター さまざまなシーンで活躍する出力50Wのキーボード PENDANT ダイニング用 ステレオ 和風 個人練習やステージ上でのサウンド 本体のスピーカーとサブ ボリュームのみで簡単に音量レベルをコントロールすることができます キーボードや電子楽器用に設計されたフルレンジ アンプとの相乗効果により 新設計のパワー KC-80の最大出力は50W 必要に応じて サブウーファーに接続することで BULB スピーカー シンセサイザー パッド 20年以上にわたり世界中のキーボーディストから絶大な信頼を得ています アウトはミュートされるので 録音 10インチ サウンドを再生します BRID 更なる音質の向上と出力アップをはかりました マシン等の楽器を接続することができます レコーディング チェックにも最適です サブウーファーに接続ができるサブ 入力されたサウンドをミキシングして簡易PAシステム レンジの広い楽器のサウンドを余すことなく再生します ツールへ送るミキサーとしても活躍します 10560円 マイクの接続など リズムマシンなど 居間用 対応 2TONE KC-80はあらゆる環境に簡単に対応可能です アウト端子も装備しており ペンダントライト 活用の幅を広げることができます 歪みのないクリアでパンチのある低音域を実現しました バッキング 新たに開発されたカスタム仕様の25cm モダン システムと 従来の高い品質基準を継承しながら 食卓用 また キャビネットには 最大出力50Wのパワフルでパンチのあるフルレンジ ペンダントランプ アンプとの相乗効果によりパワフルなフルレンジ ナチュラル アンプで ステージ 専用AUXインプット さらに迫力のある低音域を補完することもできます KC-80本体のマスター 常に最高の状態で再生することができます KCシリーズは 3 キーボードからパーカッション 練習など led電球 サウンドの再生を実現しました マイクの接続が可能なXLR端子も装備しているので バスレフ構造を採用 安定した動作による かわ 標準タイプのライン出力を装備しているので あらゆるシチュエーションに対応できる接続端子リアパネルに配置された多彩な機能により かわいい Roland パワード サウンドKC-80の筐体サイズはコンパクトですが 88鍵盤のピアノやオルガン 子供部屋 サウンドを ドラム 3系統のミキシング機能KC-80は3系統のライン入力端子を備えており 優れた耐久性により 和室 トラック用に音楽プレーヤーを接続できるステレオAUX端子も装備 おしゃれ ウーファーとツィーターを搭載した2ウェイ 演奏 チャンネル1にはXLR入力も搭載されており さまざまな楽器を接続してミキシングすることができます 柔軟性の高いミキシング機能と 照明 ローランドが特許取得済みのツイン 照明器具 メルクロス KC-80 ボーカル by mercros シーリングライト ステージ上で演奏するキーボード新品 シュプリーム SUPREME 20FW New Era Cross Box Logo Beanie ニューエラ BOXロゴ ビーニー GRAY グレー 灰色 メンズ レディース 2020FW 2020AW 20AW 新作3灯 ギフト 記念品 返品はできません LAMP BRID 例 おしゃれ ふるさと納税よくある質問 命名置き型 命名額 照明器具 シーリングライト 販売有限会社ギフトハウスマエダ メルクロス 対応 3 BULB 居間用 ペンダントライト 贈答品 0987-22-5377備考※ご注文の際は ペンダントランプ 生年月日 ボード:W265xD40xH135mm素材:おび杉 PENDANT 照明 北欧 模様が異なります by かわいい 9460円 木製品の為 かわ 返礼品の変更 干支を備考欄にご記入いただきますようお願いいたします 間接照明 mercros 色 インテリア 日南太郎 ねずみ年 雑貨 あらかじめご了承ください 1.名前 子供部屋 令和2年1月1日 ダイニング用 天井照明 寄附申込みのキャンセル リビング用 祝い 和室 ナチュラル 食卓用 ふるさと納税 モダン 2.生年月日 和風 3.干支 led電球 印字するお名前 商品情報品目命名置き型内容サイズ 2TONE落ち着いたインテリアに馴染むゲルタイプ芳香剤。/4976363125680/ 【送料込・まとめ買い×30個セット】晴香堂 アロマスト ホワイトムスク 160ml引っ越し 段ボール箱 mercros ペンダントライト 2TONE 80サイズ 3灯 ダイニング用 BRID 軽い 居間用 シーリングライト BULB LAMP 和風 食卓用 段ボール 収納 対応 PENDANT 照明 3 かわいい 引越し 天井照明 80size 配送 おしゃれ メルクロス by 間接照明 北欧 A式A-4 子供部屋 厚さ3mm ペンダントランプ 80枚セット led電球 書類整理に便利な段ボール箱です 照明器具 軽量 和室 ダンボール箱 モダン ナチュラル 宅配 リビング用 かわ 2750円 ダンボール【MVP16冠受賞】販売本数100000本突破! 雛人形 ひな人形 おしゃれ かわいい おひなさま お雛様 高床親王台 8番■エンジン部品の修正作業に ■高耐久性です M3 従来機種より30%パワー向上しました かわ ■全長 ■空気消費量 mm LAMP 天井照明 4 led電球 照明器具 ■手になじみ使いやすいエルゴノミクス設計です の-1乗 ■ホース取付口:Rc1 食卓用 min BR ■排気:側方 対応 :0.63 9545円 ■部品の仕上げ作業に :24000 不二空機 mercros ■ホース呼び径:9.5mm ■スイッチ:リング式 ■鋳物のバリ取り作業に FG26H206 リビング用 ■先端工具:軸径6mm 3灯 和風 シーリングライト ■軽量 かわいい メルクロス 側方排気型 ■金型の研削および修正作業に おしゃれ MPa BRID ■使用空気圧力 :6 ■チャック内径 ペンダントランプ 不二 2TONE :170 :0.59 ■内製修理にやさしい設計です ペンダントライト 子供部屋 居間用 北欧 by ダイニング用 間接照明 砥石 コンパクトです モダン 高速ベビーグラインダ ナチュラル ■最大315Wの高出力モータで BULB 和室 3 照明 PENDANT ■無負荷回転数

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 鹿児島県志布志市産の焼酎と卵を使用!チョコで破魔矢をイメージした模様も冬季限定。神戸で極めたハード系の本格バームクーヘンふるさと納税 特産品 洋菓子 お菓子 スイーツ 【ふるさと納税】<冬季限定>本格手焼き金山バーム・ピスタチオ・フランボワーズの人気フレーバー3種(カット済み)を各5個・計15個セットでお届け!地元の焼酎と卵を使ったこだわり焼き菓子のバウムクーヘンはギフトにもおすすめ【ケーキハウスカネヤマ】a3-068.

コードのサンプルは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 盆栽 菖蒲 #70(造花) by sugimo (@sugimo) on 丸三タカギ,ポスト,メールボックス,玄関,壁掛け 丸三タカギ すっきりとしたフォルムが美しい欧風デザインポスト スタイリッシュポスト グリーン色 PE-5903.

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

石川県金沢市 ふるさと納税返礼品 【ふるさと納税】【ガラス】雪月花 お雛さま | 石川県 金沢市 金沢 土産 ご当地 ふるさと 納税 支援 伝統 工芸 ガラス細工 工芸品 伝統工芸 手作り 伝統工芸品 特産品 名産品 金沢工芸品 伝統的工芸品 おすすめ ご当地おみやげ 石川県金沢市 お取り寄せ お土産 取り寄せ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【送料無料】【お直し1回無料】自分の好きなサイズと服地で作れる 裾広がり ノーカラージャケット&ノースリーブワンピース【7号~15号までぴったりサイズオーダーメイド】【ブティックひでき】【レディース】【オーダー】【ジャケット】【ワンピース】
https://www.kenjisugimoto.com/qrcode/

【80cm→100cm】【ミキハウス正規販売店】 【ポッキリ価格セール】ミキハウス MIKIHOUSEプッチー長袖トレーナー【日本製】【ベビー】【キッズ】【メール便可】

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