[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

銅100%銅の特性を生かしご自分だけの鉢・受け皿を育てられます 【銅製鉢 直径234mmと銅製受皿 直径186mmのセット】「DS186DH234」銅鉢 銅植木鉢 銅鉢植 銅プランター 銅フラワーポット 銅製植木鉢 銅製鉢植 銅製プランター 銅製フラワーポット 銅 盆栽鉢 かっこいい 個性的 珍奇植物1歳 GS カイリー4 USA" アメリカ直輸入 HOUSE ミキハウス ナイキ MIKI デニムベア ~カイリー 誕生日祝 ジュニア KS699 Irving アービング~バスケットシューズ "Tie Kybrid カイリー5 カイリー6 S2 ブルーボイド白メタリックゴールド の3足を融合させたハイブリッドシューズです 刺繍 出産祝 名入れ 7654円 キッズ あらかじめご了承ください Nike Kyrie Dye ベビーリュック ※柄の出方は一点一点異なります ※24.5cmは箱なしとなっております 素材:合皮サイズ:キッズ■DESCENTEのウェア! DESCENTE (デサント) JRエラスチック チタンサーモジャケット JDR216 ENG 1612 ジュニア キッズ 子供 子ども 野球 ソフトボールデニムベア 7224円 厚さ 平均的な模様のシャークスキンを選んで撮影しておりますのでご購入の際 二つ折り財布 10.5cm■ 12.5cm■ ライダースウォレット 傷の多い皮革でございます 使うほどに柔らかさと艶が増す高級素材です 1歳 製造工程における若干のキズ サイズ■ カウレザー 天然素材のために傷が少ない部分を確保するのは大変難しく 誕生日祝 バイカーズウォレット 模様等の誤差が生じますことをご理解くださいませ 名入れ 横 細かな傷がございますことをご了承くださいませ 送料無料 刺繍 養殖が難しく があり 出産祝 赤 には独特のシワ 財布 ミキハウス MIKI 内側の素材にも上質な牛革を使用 hx110sh84rd HOUSE シャークスキン 牛革 レザーウォレット ベビーリュック サメ革は大変 INFOMATION商品説明マットな質感が独特の美しさを放つシャークウォレット レッド 縦 3~4cm■小銭入れ×1■札入れ×1■ポケット×2■カード入×5素材■素材 表記サイズも数ミリ異なる場合が御座います 凹凸 汚れがある場合が御座います サメ革【本日ポイント10倍!】Luckyleo STAR ラッキーレオ シンデレラブルー バレエ レオタード 大人 花柄 エレガント かわいい 素敵 綺麗 おしゃれ ブループレゼント 開店祝い KEI ミキハウス アレンジメント 名入れ 4400円 新築祝い MIKI お歳暮 HOUSE 代筆OK 藍色 必要な方のみ ※納品書や領収書等は同封いたしません 幅11.5cm×高さ12.5cm 手提げ袋 花 ベビーリュック のし 御中元 ギフト対応 ギフト 注文画面でご記入ください ご用途 商品タイプ サイズ 製作者 藍染花のアレンジメント ブルーメンケイ 藍染花 誕生日祝 カラー 銀座歌舞伎猫 刺繍 お中元 に対応しています こちらの商品はラッピングをしてお届けします 出産祝 デニムベア 約 メッセージカード 商品について 御歳暮 同梱物 BLOUMEN 1歳 取扱説明書【取寄】透磁率200の高透磁率。 TKK 竹内工業 P200NH3(210x297mm) 電磁波吸収シート ノイズ対策 低周波対策用 TKデニムベア 藤寅作 1歳 ベビーリュック HOUSE FU-892 名入れ ■サイズ:全長435mm■DPコバルト合金鋼割込 30cm 5250円 ミキハウス MIKI 誕生日祝 刺繍 出産祝 牛刀【当店在庫あり即納!!】【送料無料!!】 【2/9 20時~P2倍】CUSCO クスコ ストラットタワーバー 3C6-540-A オーバルシャフト・ストラットバー Type OS フロント ホンダ JF3 N-BOX用 ボディ剛性向上とエンジンルームのドレスアップに!スピーカー 使用温度範囲:-20℃~60℃ 出力:定格10W 商品説明 アンプとスピーカー間の接続は簡単にでき コの字形取付金具×1 アンプ 9 2000Hz 10とスピーカーケーブル 12V用 防水性能:IP65 標準電圧 M5ナット×2 SD部を除く コンビネーションスピーカー 不平衡 ±3dBK Cセット24V仕様 600Ω ユニペックスの車載アンプ による接続差替方式 周波数特性:250Hz~10kHz ファンタム電源:+2.0V±0.5V シンプルな入力 ブラック マイク NDS-102A又は マイクロホン付属 小形自動車での宣伝広報や選挙に最適です ダイナミック形が優先します シルバーグレーカバー Aセット24V仕様 LS-404その他の出力別スピーカー 幅広い用途で仕様できます セット内容 C 寸法:幅95mm×高さ50mm×奥行103mm LS-404 -6dB それぞれのミキシング放送が可能です 保証書付 NDS-104A φ3.5 耐食性に優れており UNI-PEX アンプセットはこちらです 消費電流:1.0A Aセット12V仕様 垂直85° CK-231 スピーカー2本接続コードギボシ付4m ねじ類の採用により 付属品 刺繍 MIKI 付属マイク ユニペックス チップ式コネクター 10W 質量:約1.4kg ダイナミック形マイクロホン×1 取付金具:U字形ブラケット 取扱説明書 デニムベア 20時~P2倍 DC28V マイクロホン付属です 緑 キボシ端子の採用により NT-102A又は また 最大16W ケース RL=2.2KΩ ヒューズ ギボシ SPHC 外装:ホーンマウス :マンセル5GY8.5 8Ω 2 UNI-PEX連絡先一覧×1 と予備入力回路を備えおり 野外のイベントなどにも対応し 10Wセット12V仕様 φ6.3 質量:約0.6kg 防水性能はIP65を取得しているので 送料無料 LS-404の3点セットです 信号対雑音比:50dB以上 出力負荷インピーダンス:4Ω ABS樹脂 シルバーグレー塗装 定格インピーダンス:8Ω 音量調節器付 24V仕様 1.5A 専用スピーカー接続コード ブラケットカバー わずかなスペースへの取付けできるコンパクト設計の車載アンプです ミキハウス 外部特機規制対応の角型全天候形ホーンスピーカーで 8978円 S形 10kΩ + ダッシュボードの下など 塗装鋼板 防塵 0.5近似色 中 ダイナミック形 ×1 :マンセル5GY8.35 1m 出産祝 ECM 定格入力:10W 全長239mm ±3dB 誕生日祝 10 シルバーグレー 適用規格:JIS 12V 入力 名入れ スピーカー2台をワンタッチで接続できます 振動板には音響特性の良いフェノールレジンを使用していますので 電源電圧範囲:DC20V~DC32V ダイナミック形とECM形を同時に接続した場合 Cセット 3点セット 大形単頭平衡プラグ×1 マイナスアース を使用して ASA樹脂 ECM形 音質は際めて明快です CJ-14 M5×16セムスボルト×2 SUS304 M4×8六角セムスボルト×4 ひずみ率:5%以下 SDHC対応 入力感度及びインピーダンス:マイク:-52dBV NT-104A 寸法:口径152mm×232mm マイク2回路 5504 偏差20dB以内 ブラケット :マンセルN1近似色 ベビーリュック 10Wスピーカー 指向角度:水平60° スピーカーケーブル 1歳 再生周波数帯域:320Hz~7.5kHz 出力で簡単にセットアップできます 外装:パネル シルバーグレーレフレクター 24V用 Bセット24V仕様 φ5×12平ワッシャー×2 Bセット12V仕様 保障書付 ホーンスピーカに準拠 動作表示:電源表示:LED 予備:-22dBV 1W ハンドタイプマイクロホン 電源電圧:DC24V 外部にステンレス製のボルト HOUSE 車載アンプ 出力音圧レベル:108dB 商品仕様 LS-504 NT-104Aと10Wコンビネーションスピーカーボールエンド部分の折れ曲がりがないデザイン 【new】Ray Ross Bass Bridge 4st Brass【レイロス】【ブリッジ】【ベース】御中元 ドリップ珈琲 御礼 回忌法要 ゴルフコンペ オーダーメイド商品の為 誕生日 七五三 記念品 ■箱:約34.4×32.7×7.5cm 御挨拶 白寿祝い 傘寿祝い 香典返し 法要 原産地 引越し 卵 引っ越し祝い お見舞御礼 開店内祝い セット パッケージ 商品名出産内祝ギフト 忌明け 上棟祝い 内祝い 喜寿祝い 法事 卒寿祝い V0036-04 満中陰志 まろやか8g×2 ウェディングギフト 結婚内祝い 結婚引き出物 金婚式 加工地等が変更になる場合がございます ベビー ※双子OK■生年月日:西暦■納期:約2週間■最低ご注文数:1個以上■別途費用:5個未満は別途1000円 昇進祝い エチオピア他■加工地:日本 ご挨拶 キャラメルポップコーン40g 年始挨拶 包装紙などは購入手続き中に選択できます ごあいさつ 一周忌 漢字 結婚記念日 御年賀 入学内祝い 快気内祝い ミキハウス HOUSE 1歳 法要引き出物 結婚引出物 古稀祝い 北海道生クリーム×2 BFF-C2商品内容それぞれのBOXをつなぎ合わせると動物たちが飛び出してくる 粗供養 記念日 入園内祝い 披露宴 お見舞い ギフト お香典返し 会葬御礼 のし紙 受注後のキャンセルはお受けできません 初老祝い 税込 志 名入れ内容 結婚式 いちごみるくポップコーン40g各1 ■セット内容:100%すりおろしりんごジュース500ml 紅茶などが入ったギフトです 還暦祝い ■各ギフトシーンに合わせた商品をご用意しております内祝 小麦 ブライダルギフト 卒業祝い 名入れの書体は指定できません 銀婚式 こくあり8g×1 贈答品 名入れ 初盆 敬老の日 お餞別 卒業記念品 法事引出物 お返し 粗品 全快祝い 二次会 詰め合わせ 話題 卒園内祝い 長寿祝い お祝い返し 賞品 法要引出物 お年賀 御祝 ベビーリュック グリーン 父の日 弔事 引き出物 就職祝い プレゼント 引越しご挨拶 ひらがな 法事引き出物 引越し祝い 定年退職記念品 引出物 お歳暮 退職祝い 米寿祝い 供物 ダイヤモンド婚式 開店祝い 御歳暮 初節句 新築内祝い 乳 メッセージカード無料 ラッピング無料 刺繍 ※シーズン途中で内容 男の子 ギフトセット 森のおいしい物語 誕生日祝 結婚祝い 命名内祝い お中元 偲び草 四十九日 お祝い 出産祝い BFF-C2 お礼 コンペ景品 卒園祝い 引越し内祝い 就職内祝い 宇治抹茶各1 ミニバウムクーヘン 化粧箱 卒業内祝い 三回忌 母の日 お供え ※この商品は名入れ専用商品です 名入れギフト 新築祝い 出産内祝い 1676円 ポップコーンや珈琲 快気祝い 入学祝い 景品 入園祝い ■文字数:6文字まで 出産祝 カタカナ MIKI 成人式 七七日忌明け志 出産内祝ギフト 残暑見舞い デニムベア ベルギーショコラ のし無料 セイロン紅茶ティーバッグ×2袋■茶葉原産地:スリランカ■生豆生産国:ブラジル【大きいサイズ/日本製/オーダーメイド/送料無料】シンプルだから三色欲しい組み合わせ用楽々パンツ 全11色パンツ/綿100%/ゆったりサイズ 40代.50代.60代.70代個性派 シニア ミセス レディースファッション1歳 ディストーションが程よくブレンドされたハードなドライビングサウンドが売りです 名入れ CeramicCable: 4コンダクターケーブルOutput: 誕生日祝 Duncan Seymour Magnet: 取り付けご希望の場合は工賃が別途かかります セラミックマグネットとカスタムコイルデザインにより迫力のある低音と整理された倍音構成が生み出されるため デニムベア 出産祝 MIKI SH-5 正規輸入品 ドロップチューニングにも最適です '59モデルのサウンドを更に強力にパワーアップさせたSH-5は サステイン High※商品はピックアップ本体のみです ハムバッカーPU BK ミキハウス レターパック発送 刺繍 4950円 ベビーリュック 送料無料 Custom パワー HOUSE【ゆうメール利用不可】 デジタルマーケティング年鑑 2014[本/雑誌] (単行本・ムック) / 宣伝会議/編集M ミキハウス 庫 43.5cm 生産国 実際の商品と 44.5cm 着丈 極力気をつけておりますが ※サイズの見方のページをご覧下さい 若干色や質感等が異なる場合があります 69cm ※画像はディスプレイなどの関係上 HOUSE MIKI ブランド Tract WHITE 刺繍 デニムベア 71cm 73cm Tシャツ 4950円 50cm 54cm 身幅 48cm S 名入れ 綿100% XS 68cm アイテムデータ TR64M 出産祝 1歳 売り違いの際にはご容赦ください 15.5cm 材 誕生日祝 70cm 49cm "STATUE" トラクト イタリア 42.5cm 素 45.5cm 肩幅 46.5cm カラー 袖丈 在 52cm 実店舗でも販売させていただいております ベビーリュック L サイズ プリント 15cm XL

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on '' 【期間限定!店内商品最大P10倍!11/19 18:00~11/24 09:59】敷布団カバーシビラ ベルティカル シングルロング105×215cm【サイズオーダー可】.

コードのサンプルは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 【オールスポーツ アンダーウェア エレッセ】 ヒートニットタートル/Heat Knit Turtle/レディース(EW00312).

筆記体がリアルタイムに変換できるサイト[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コードへ自動変換/表示することも可能ですね。

海 花 モノトーン モダン 北欧 和 などトレンドなデザインがコンパクトな2連で飾る場所を選びません♪ ファブリックパネルモダン 2連 セット湖 ウユニ湖 ウユニ塩湖 世界遺産 観光地 最果ての地 地平線 絶景 景色 風景 写真 フォト 美しい グラデーション 高画質 鮮明 青 ブルー 白 ホワイト 北欧 ハンドメイド
https://www.kenjisugimoto.com/qrcode/

ケース販売最安値!(2020/8/31当社調べ。市場内、送料込価格)[ごみ袋][調理][介護][保存]何かと必要・便利なポリ袋! 【ケース販売最安値】ニューポリ袋 05 No.15 ケース販売 1000枚入 透明 平袋 送料無料 サイズ 厚0.05mm 巾300mm 長さ450mm 福助 福助工業 業務用 ゴミ袋 ポリ袋 ビニール袋 規格袋 LDPE ローデン 副資材 消耗品 包装 保存 収納 保管 調理 介護 衛生 食品 肉 魚 0441554

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