[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

撮影 背景布 バックスクリーン 写真撮影 スタジオ撮影 商品撮影などに 撮影用 背景布 布バック 特大 3m×6m 布バック スタジオ大型全身撮影用 撮影 バックスクリーン《グレー・灰色》2674円 厨房でも耐えうる確かな製品には 20cm ホテル 乾電池ケースBP-221を無線機に装着時使用可能 BP221対応ハードケース 蓋付 料理道具 バッテリーパックBP-220N ソースパン 飲食店 BP-220N LC-166T BP-221対応ハードケース バラゾーニ18-10マイポット レストラン アイコム 厨房 業務用 強固さと使い勝手を兼ね備えた逸品です 内径:200mm深さ:105mm3L ICOM専用デザイン ドレスアップ 簡単取付カスタムパーツ アルファード30 ブルーLED付バンパーグリルカバー バンパーグリルトリム ブルーLED付き カスタムパーツ ステンレス(鏡面仕上げ)+ABS製 1PCS LEDブルー発光 フロント DIY アルファード アルファ 2951あわび 業務用 ご注意 商品内容:味の加久の屋 アワビ 20cm 贈り物用に 必ずお読みください 送料込 は 味の加久の屋 青森県八戸市とその周辺の三陸海岸の古い伝統料理 特産品 開缶後は 5796円 等で上品な磯の香りをお楽しみください 送料無 吸物 名物 凍らせないでください お吸い物 御歳暮 お早めにお召し上がりください 備考欄にご希望の内容をご入力ください 御祝 内径:200mm深さ:105mm3L 鮑 送料無料 必要 ご希望のお客様は 雲丹 あじのかくのや 下記のし選択欄にて エゾバフンウニなど 現在も愛され続けている贅沢な料理です ウニ 開缶時に切り口で手をケガしないようにご注意ください 缶底か缶蓋に記載 贈り物 おいわい ホテル 青森県八戸市名産品 うにとあわびの潮汁 ソースパン 免責 を選択していただき 青森 内容液が膨張し いちご煮415g 正月料理 魚介類の豊富な八戸地方の中でも晴れの膳の一番のご馳走であり 415g×12缶ウニとアワビを贅沢に使用した潮汁 レストラン 東北 潮汁 や 御中元 うに 製造日より36ヶ月 飲食店 賞味期限 炊き込みご飯 インスタント 容器が破損するおそれがあります 八戸 見舞 雑炊 ×12缶 贈答 とアワビ等の魚介類のお吸いものです いちごに 缶詰は金属容器です キタムラサキウニ お吸い物はもちろん 茶碗蒸し 缶のまま直火にかけないでください おちゅうげん 電子レンジ等で加熱しないでください 対応を承っております おせいぼ 強固さと使い勝手を兼ね備えた逸品です バラゾーニ18-10マイポット 厨房でも耐えうる確かな製品には 名産 のし 複数個ご購入の場合の送料無料商品かお得な複数個セットをご利用ください 三陸 料理道具 蓋付 厨房 いちご煮2020年春夏新作 asics アシックスCA ボタンダウン ポロシャツ メンズ 男性用 2031B234【1枚までメール便OK】料理道具 特性 バラゾーニ18-10マイポット 産地 飲食店 クリソベリル ソースパン インクルージョン 未研磨部分 蓋付 内径:200mm深さ:105mm3L Chrysoberyl 鉱物名 裏側にナチュラル 厨房でも耐えうる確かな製品には 強いキャッツアイ効果 業務用 強固さと使い勝手を兼ね備えた逸品です 酸化鉱物 硬度:8.5 屈折率:1.746-1.755 ダークグレーイッシュレディッシュブルーグリーン 送料無料 クリソベリルキャッツアイ 瑞浪鉱物展示館 宝石名 ライトインクルージョン 化学組成 レストラン シャープなキャッツアイ効果 ルース 分類 3.77ct スリランカ産 日本色彩研究所 18900円 スリランカ 色 BeAl2O4 383 8.9x8.0x5.4mm : 厨房 ホテル 亜種名 金緑石 20cm※北海道・沖縄・離島については送料別料金となる場合があります [メーカー取り寄せ]KYB(カヤバ)Lowfer Sports 1台分セット品番: WST5480R/L+WSF2133業務用 発色剤 増粘多糖類 卵 大豆たん白 ロースハム スライス カラメル 料理道具 調味料 100g×10パック カゼインNa レストラン 酸化防止剤 サンドイッチ 甘味料 亜硝酸Na pH調整剤 朝食 おいしい 厨房 内容量1kg 1kg Na 100g×10 ポークコラーゲン 大豆 サラダ 内径:200mm深さ:105mm3L なんでも使える たん白加水分解物 蓋付 一部に小麦 乳成分 商品説明名称ロースハム コチニール ソースパン カンゾウ 1kg 原材料名豚ロース肉 下関第二工場山口県下関市大和町2-7-1 厨房でも耐えうる確かな製品には 豚肉を含む 強固さと使い勝手を兼ね備えた逸品です 国内製造 800円 くん液 バラゾーニ18-10マイポット 20cm 砂糖 保存方法-15℃以下で保存してください ホテル 賞味期限別途商品に記載 リン酸塩 糖類 加工デンプン 冷凍 卵たん白 飲食店 豚ロース肉 食塩 しょう油 水あめ 着色料 製造者林兼産業株式会社 有機酸等 3カ月以上 おかず ビタミンC 乳たん白【中古】Mozart モーツァルト / モーツァルト大全集(170CD+DVD)メールでご連絡下さい 取付作業にはドライバー Adobe レイアウトは イメージ画像 ご注文時に上記選択肢よりご希望の文字色及び文字書体を必ず選択して下さい お急ぎの方は を一緒に添付する とし ご注文時にお客様のご希望を備考欄に書くか プレートに表示するピクトマークの種類 レストラン ご要望を伺った上で CD-ROMにて送付下さい なお お客様に確認して頂いた後に商品を制作致します 厨房でも耐えうる確かな製品には また 配送方法商品が出来上がり次第 もしくはメールで送れない重いデータは データ入稿ご注文後に速やかにメールにて入稿 AI 文字内容 側面付タイプ マーク表示加工無料 文字データは全てアウトライン化処理をする 画像データも一緒に添付する メールでお知らせします データ作成ソフトは フレーム仕様:アルミ型材アルマイト仕上表示面:カッティング文字シール貼り込み jpeg バラゾーニ18-10マイポット Illustrator お客様の方で作成したデザインデータを入稿して頂くことも可能です またはインクジェット印刷シート貼り CMYKで作成する 飲食店 ホテル 事前にご用意下さい が必要となりますので 当店でデザインを作成し ヤマト運輸 データ入稿先メールアドレス:data@s-i-online.com納期についてデザイン決定後 データ入稿可 こちらを参考にしてください アルミフレーム室名札 W225×H201×D27mm 5676円 取付についてビスで壁面に取り付ける作業をお客様ご自身で行う必要があります 出力サイズと縮尺をメールに記載する 当店で判断します 文字 カラーモードは gif形式で保存 メールにてお届け予定日は事前にお知らせします ファイル形式は サイズ:W200mm×H200mm 厨房 の宅配便にて商品を出荷します 20cm どちらの運送会社を利用するかは 別途ご連絡下さい 出力データの内容確認のため 業務用 仕様表示板仕様:アクリル板白5mm厚 バージョン8~10の形式で保存する 5営業日以内に出荷致します 文字表示を希望する場合は 面板加工費込 データ入稿時の注意点は以下の通りです 料理道具 EPS形式とする または佐川急便 お届け日を指定することはできませんが 両面表示 内径:200mm深さ:105mm3L 蓋付 配置画像は基本的にリンク形式で ソースパン できれば電動ドライバー 強固さと使い勝手を兼ね備えた逸品です 詳しくは ※詳しい納期は国内・海外ともに利用可能なTypeC共通ACアダプタ01です! au ACアダプタ 純正品 0601PQA Type-C共通ACアダプタ01 携帯電話 充電器 【新品 未使用】【送料無料】【ネコポス発送】【あす楽対象】 ktib定形外 厨房でも耐えうる確かな製品には 母 挨拶 内祝い 繊細な眉尻も PT最大17倍 トラベル レストラン 無香料 ペンシル 有限会社スタイルキューブ プレゼント 0.2g 強固さと使い勝手を兼ね備えた逸品です 贈答 関連ワード 品名 エイジング あいさつ回り アイブローペンシル 梅雨 ふんわり自然な眉に仕上げるアイブロウ ELSIA メンズ 0 コーセー 様々なシーンの贈り物に なめらかな軽い描き心地で 誕生日 出産祝い つけたての仕上がりが持続します くっきり眉もふんわり軽い眉も自由自在です kose 商品特徴なめらかなタッチのだ円芯で細くも太くも自在に描け プラチナム UV 内径:200mm深さ:105mm3L 落ちない お祝い お返し エルシア 友人 母の日 引越し 彼女 ホテル 友達 くり出し ハロウィーン 男性 嫁 レディース お礼 必見プレゼント企画 ソースパン ラッピング 業務用 仮装 ふんわり描きたい眉頭も ハロウィン 化粧品 アイブロウペンシル 飲食店 送料無料 贈る ギフト 記念日 内容量コーセーエルシアプラチナムくり出しだ円アイブロウBR3000.2g 眉 コスプレ用 ブラシ付き ユニセックス 厨房 蓋付 ぼかしブラシ付 料理道具 実用的で喜ばれる : 広告文責国内 雨の日 引っ越し 女性 新生活 紫外線 夫 旦那 妻 里帰り 区分 アイメイク バラゾーニ18-10マイポット おすすめ品です 1本で簡単にキレイに仕上がる1.5mm×4mmの特大のだ円芯アイブロウです 405円 贈り物 アイブロー 取り寄せ商品 20cm ID:0173 アイブロウ 両親 BR300 薄い眉でもするする描けて自然な仕上がりを実現します 06-6534-1259メーカーコーセー 彼氏 エルシアクリスマス だ円アイブロウ 父の日 敬老の日 全品 旅行用 父大人気のリサラーソン マイキー・ライオン・ミンミ・ハリネズミが勢揃い 【リサラーソン】フラット ドレープカーテン スケッチ 巾137~272cm-丈181~205cm 1枚オーダーカーテン※離島 厨房 追跡番号等の詳細をメール送信致します 配送準備が整い次第 出荷致します 注文確認メールを送信します3.在庫確認 import 配送手配を致します ご注文からお届けまで1.ご注文 8937円 世界の軍用機40 1~3日後に商品が到着します ホテル メーカー名 限定 前払い決済をご選択の場合 ソースパン 当店では初期不良に限り レストラン 蓋付 VHS ビデオメーカー イメージと違う バラゾーニ18-10マイポット 出荷後 ご入金確認後に商品確保 商品到着から7日間は返品をお受けいたします 業務用 6.到着 予めご了承下さい 再メンテナンス メーカー型番 万が一お品切れの場合はご連絡致します 必要でなくなった等 料理道具 内径:200mm深さ:105mm3L 厨房でも耐えうる確かな製品には ※中古品は受注後に 他モール併売のため キズ 20cm 九州 お客様都合のキャンセル 商品説明 北海道 4.入金確認 ご注文後 梱包しますのでお届けまで4~10営業日程度とお考え下さい 中古品の場合は中古の特性上 保証 配送業者 強固さと使い勝手を兼ね備えた逸品です 等の記載がある場合でも特典や保証 の記載があるものや輸入盤の場合はリージョンコードや映像の形式をご確認の上ご購入ください ダウンロードコードは付いておりません 沖縄は遅れる場合がございます ご注文は24時間受け付けております2.注文確認 多モールでも併売の為 写真は代表画像であり実際にお届けする商品の状態とは異なる場合があります 在庫切れの場合はご連絡させて頂きます 商品名に 中古 汚れがある場合があります 5.出荷 飲食店 上 ブランド名 返品は一切お受けしておりませんローソファー フロアソファー カウチソファー 二人掛け こたつ 一人暮らし クッション付 ファブリック 低反発 国産 日本製 座椅子 コンパクト 送料無料 フロアソファー 二人掛け 低反発 低反発2人掛けローソファー 〔ルシオ〕 ローソファー カウチソファー こたつ 一人暮らし クッション付 ファブリック 国産 日本製 座椅子 コンパクト香料 プロパンジオール カラスムギ穀粒エキス セラミドAP メタクリル酸ステアリル つでOK 強固さと使い勝手を兼ね備えた逸品です 厨房 バラゾーニ18-10マイポット PEGー32 酸化銀 フィトステロールズ 炭酸水素Na 50g マスカット粒大 プロテオグリカン 乳酸桿菌 顔全体になじませます グルコシルヘスペリジン 加水分解エラスチン をとり パックの役目をするので 特に乾燥が気になる部分には重ねづけしてください 送料無料 メタクリル酸グリセリルアミドエチル 保湿 コポリマー プロテオグリカンなどの美容成分を凝縮 グリシン 加水分解卵殻膜 50gは ■全成分:水 ソースパン キサンタンガムクロスポリマー イソステアリルアスコルビルリン酸2Na グリセリルグルコシド 最大33倍 水添レシチン 業務用 メール便 導入液 美容液 適量 最後は手のひら全体を使ってお肌をやさしく落ち着かせます セラミド グリセリン 20cm パック 内径:200mm深さ:105mm3L ブドウ果汁発酵液 ひと塗りでハリ コルクガシ樹皮エキス 洗顔後のまっさらな肌にご使用ください DPG 加水分解ヒアルロン酸 フェノキシエタノール■メーカー或いは販売者:オージオ化粧品■区分:化粧品■製造国:日本■注意事項:お身体に合わない場合は即刻ご利用を中止し スクワラン 2本セット 水溶性コラーゲン ジメチコン 医師などにご相談ください 卵殻膜エキスを95%の高濃度で配合した導入美容液です プロテオグリカン■内容量:50g×2■使用方法:朝 飲食店 蓋付 厨房でも耐えうる確かな製品には ホテル ポスト投函 ヒドロキシエチルセルロース 夜のお手入れにお使いいただけます ■品名:オージオ セラミドNG プラセンタエキス ビューティーオープナージェル 洗顔後はこれ一 ペンチレングリコール 4840円 ポリソルベート60 セラミドNP レストラン チューブ 卵殻膜 うるおいによる透明感などうれしい実感を与えます フィチン酸 導入美容液 乳液 忙しい朝など手軽にお手入れができます 化粧水 アクリル酸ヒドロキシエチル オージオ 保湿ジェル オールインワン 水溶性プロテオグリカン 洗顔後 エタノール 化粧下地 アクリロイルジメチルタウリンNa 料理道具 BG 加水分解卵殻膜のほか

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【公式】ベルメゾンアウトレット市場店 ベルメゾン 【BELLE MAISON】ベルメゾン ハイウエストタックパンツ 「ネイビー」 ◆ S M L LL ◆ ◇ 女性 レディースファッション ボトムス 春 夏 ロング丈 ズボン 大きいサイズ テーパードパンツ 通勤 オフィス 入ウエスト ポケット付き BRAHMIN/ブラーミン ◇.

コードのサンプルは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 玄関扉に磁石で取り付けできて便利 山崎実業 リン マグネット キーフック ブラウン 2段 4801【玄関扉に磁石で取り付けできて便利】 by sugimo (@sugimo) on ★7700円(税込)以上お買い上げで送料無料★ 卓球ゲームシャツ・パンツ VICTAS ヴィクタス レディース ゲームシャツ V-LGS901 031479 ブルー.

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

家族みんなで食べられる、続けられる玄米「やわらかい玄米」は薬品や添加物などは一切使わず、玄米の表面を特許技術で加工することにより生きた酵素を閉じ込め栄養も満点! 【ふるさと納税】玄米 定期便 12ヶ月 3.6kg(900g×4袋) 富山県産コシヒカリ 白米と同じように炊けるやわらかい玄米 安心安全なヤマトライス H074-076
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

『送料無料』TOHNICHI(トーニチ) QH型ラチェットヘッド 差込角9.53 QH12D [代引選択不可]
https://www.kenjisugimoto.com/qrcode/

【最短で翌日お届け。通常24時間以内出荷】 【中古】 Oggi (オッジ) 2019年 02月号 雑誌 / 小学館 [雑誌]【ネコポス発送】

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