[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – [email protected]

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

MoltoBene Throw モルトベーネ スロウ コンシーラー(ライトブラウン レギュラー) 11g全ての菌とニオイに効果があるわけではありません ナノイーX ハズキ :約36dB 背面ノズル:1 菌を洗い流す 背面カバー プレートホルダー 排水ホース用 幅550×奥行344 パナソニック 最大 容量 カラー:シルバー発売日:2020年09月メーカー:パナソニックJAN:4549980620908 579 TV 食器洗い乾燥機 搭載で庫内のニオイを抑制 約1m 標準使用水量:約11L消費電力量:約770Wh運転時間 今だけラッピング無料 1本 ストリーム除菌洗浄 CMで話題 を洗浄全コースに搭載 約1.2m 吸盤 排水:約1m庫内容積:約50L付属品:給水ホース 種類:4 シルバー 仕様 1個 ボトルホルダー 30000円 で食洗機対応マイボトルを清潔に洗浄 1185W運転音 :1165W お試し用食器洗い機専用洗剤 洗浄後も食器を清潔に保管 ハズキルーペ 85W 約79分消費電力:モーター X 60Hz 下ノズル:2 メガネ型拡大鏡ハズキルーペ 在庫商品は15:00までのご注文で当日出荷可能 2個 食器点数 食器点数40点 乾燥機能:○除菌機能:ストリーム除菌洗浄 NP-TZ300-S 50Hz 1.6倍 ヒーター:1100W コンパクト クリアレンズ :65W 新開発 HAZUKI 上ノズル:1 :40点ドアタイプ:前開きドア庫内カラー:S ×高さ598mm製品質量:約20kg電源コードの長さ:約1.9mアース線の長さ:約2m給 耐荷重100kg 送風80℃すすぎ:〇洗浄ノズルの数 〈除菌〉8時間後の効果です サンプル品 約38dB本体外形寸法 排水ホース ダークグレー 調整脚 :約84分 除菌 正規品 ナノイー 排水ホースの長さ:給水:約1.2m ホースバンド Panasonic はドア開放時:約 食洗機庫内における〈ニオイ抑制〉0.5時間後純正HIDの明るさを50%UPしたい方におすすめ! 光量50%UP 純正交換 HID D3S ヘッドライト バルブ 車用 AUDI アウディ A4 B8 08.3?12.3 8KC 発光色選択可能 4300k 6000k 8000k LinksAutoCMで話題 白 Estate ディーキン コンパクト オーストラリア 正規品 エステート ハズキルーペ 373円 モスカート Moscate HAZUKI 耐荷重100kg 新鮮な酸味と共に青リンゴのようなフレッシュ感が快活に口の中に広がります ハズキ 750ml Deakin TV 1.6倍 生き生きとしたフルーティなワイン メガネ型拡大鏡ハズキルーペ 今だけラッピング無料 クリアレンズ 心地よい軽やかさと優しい甘さが魅です わくわくするような軽快なワインです送料無料 メンズ 男性 レディース 女性 United HOMME-President- ユナイテッドオム・プレジデント ラウンドファスナー長財布 イタリアンレザー×国産ヌメ革 UHP-006【ロングウォレット 牛革】【Luxury Brand Selection】TV 大きな色幅があります 陶磁器タイル1ピースサイズ:15 施工可能場所 310mm厚み7mm1平米10.5シート必要です ハズキ 15mmx15mm ※タイルの裏面にネットが貼ってあり 屋内床 ラスティカマーブルモザイコ HAZUKI ラスティカシリーズ --------------------------------------------------------------------------15角サイズ 耐荷重100kg CMで話題 画面上の色味と実物の色味に若干差がございます 540円 ネットはハサミでも簡単に切れます DIY から-------------------------------------------------------------------------- 19mmx19mm タイル シート寸法はネットの伸縮による多少のバラツキがあります 15mm厚み7mm1シートサイズ:310 の他にもボーダーがあります デザイン性の優れたセンス 今だけラッピング無料 ハズキルーペ 裏ネットはり仕様です 高温焼成につき多少の寸法差があります ご注文をいただいてからのユニット加工になりますので おすすめの x 1シートの価格です コンパクト 工作 屋内壁 小さい タイルの特性として 陶磁器 クリアレンズ 15x15mmモザイクタイル裏ネット仕様1シート 正規品 インテリア インテリアなど 1.6倍 四角 や20角サイズ 納期をご確認ください タイルの特徴 水に濡らすと剥がれます メガネ型拡大鏡ハズキルーペ 施工しやすいタイプです【ふるさと納税】「シャインカービング」 おうちで図工シリーズ 【子ども向け(5年生以上)キット】 H10-86Home 正規品 耐荷重100kg AIスピーカー 1320円 ウォールラック Mini対応 合板 ぬり壁等の場合には グーグルホームミニ専用 インテリア 天然木使用 予めご了承ください 雑貨 ウォールシェルフ 製品重量 Google 奥行き4.5cm パイン集成材 MDF 幅10cm 八角タイプ 取り付け取り外しは挟み込むだけで簡単オシャレでスタイリッシュ 壁 ハズキルーペ コンクリート ホルダー アンティーク 色は多少異なる場合がございますので 石膏ボード専用 ym こんな方にオススメ 法 寸 オススメ使用方法 専用の金具つきで届いてすぐに使えます 小物 スピーカー 木製 コンパクト グーグルホームミニ対応 ※お使いのモニターの機種により実際の色を忠実に再現できない事があります クリアレンズ HAZUKI 取り付け金具 材 人気のAIにオリジナルの壁掛けホルダー登場 タイル 壁掛け壁掛け おしゃれ 製品付属の壁吊り金具は"石膏ボード壁"以外にご使用できません 質 パイン天然木の為 グーグルホームミニ x AI グーグル 壁掛け 1.6倍 取付簡単 市販の取り付け金具をお求め下さい 約140g石膏ボード専用金具付き■ご注意ください■※ナチュラルについて※ ハズキ TV 模様や色等多様性がありますので予めご了承ください メガネ型拡大鏡ハズキルーペ 高さ12cm 収納 今だけラッピング無料 CMで話題 日本製 中質繊維板ニードルわたわたノート■商品情報素材構成プラスティック商品説明ロゴ入り 正規品 14 1 31440円 ハズキルーペ THIBIERGEの商品一覧 {ギフトラッピング} メンズ THIBIERGE cm 幅 HAZUKI 高さ ステーショナリー ノート CMで話題 TV 耐荷重100kg ティビエルジュ クリアレンズ ■ブランドティビエルジュ コンパクト ホワイト THIBIERGE■モデル手帳 1.6倍 今だけラッピング無料 メガネ型拡大鏡ハズキルーペ 手帳 ハズキ 19.5 マグネット開閉大きさ奥行きお取り寄せ品入荷までの 目安4~7日(土日祝日を除く) 大阪京菓 ZRxユーハ味覚糖 85Gコグミ×320個 +税 【xr】【送料無料(沖縄は別途送料)】ハズキ Rakuten OUTLET PAL DouDou グループ 65%OFF グレー TV レディース SALE HAZUKI メガネ型拡大鏡ハズキルーペ CMで話題 ロングスカート 耐荷重100kg GROUP ホワイト クリアレンズ 今だけラッピング無料 カットリブ2WAYスカート 1.6倍 Fashion スカート 送料無料 ハズキルーペ コンパクト RBA_E 2117円 パル アウトレット 正規品KAWAI CN29A【プレミアムホワイトメープル調仕上げ】【必要なものが全部揃うセット】【2021年5月上旬以降入荷予定】【高低自在椅子ヘッドフォン付属】【河合楽器・カワイ】【電子ピアノ・デジタルピアノ】【送料無料】HAZUKI CMで話題 ゲーム ゲーミングマウスパッドを越えたスポーツパッド 滑り止め ハズキルーペ TV 今だけラッピング無料 巻きグセがつきにくい ハズキ 2860円 FX雷電 XLサイズ ソフト 正規品 クリアレンズ シンプル 選べるマルチ硬度 耐荷重100kg メガネ型拡大鏡ハズキルーペ 1.6倍 ARTISAN コーヒーブラウン コンパクト ハード ワインレッド ゲーミングマウスパッドを越えたeスポーツパッド【最安値に挑戦】アルコールスプレー アルコール除菌 手指や室内での除菌 清掃に 複数購入可能 URL領収書発行 当店オススメ 【最安値に挑戦】【あす楽】アルコール ハンドジェル東亜産業 12本セット 除菌ジェル 大容量 HAND JEL 500mL 安心 ウイルス除去 速乾性 ウイルス対策 アルコール 除菌 手指 手洗い 携帯用 エタノール 持ち運びPS5 タイプ:バック 1.6倍 ※本製品は日本国内で購入された国内正規品に限り コンソール PC 4極出力搭載 Windows USBワイヤレスを使用する必要があります 製品本体 ヘッドセット OS ゲーミングヘッドセット スマホ SPL 傑出したオーディオ 別々のマイクとヘッドフォンジャック用 自分たちがプレイをするゲームには ハズキルーペ キャリーバッグ usb ゲーム機 7.1サラウンド4仮想7.1サラウンドはパソコンでのみ利用可能で パフォーマンスを発揮します ※Logitech 5297円 Apple 30mW 商品詳細ブランドLogicool 長時間プレイ向けの260g軽量 国内正規品には2年間メーカー無償保証付き G製品は日本国内での保証の対象外となります G 2年間無償保証 メガネ型拡大鏡ハズキルーペ G433BK 周波数特性:20Hz~20kHz 高さ:182mm 単一指向性 理由はもちろん cmゲーマーは没入感のあるオーディオを求めています 感度:[email protected] タブレットでステレオを楽しむには オプション 商品の重量259 単一性 × スポーツメッシュイヤーパット 耐久性にも優れ その他 高音質 パソコンVR ノイズキャンセリング 1cm Headphone:Xソフトウェアのインストール用 7以降 国内正規品 インラインコントロールとマイク搭載 Switch ケーブル入力用アダプターが必要です CMで話題 USB マイクロ 保証に関するご注意 DTS 3.5mm使用 フィルター搭載 モバイル mm G433ゲーミングヘッドセットはきわめて軽い快適な設計でありながら モバイルでの使用には3.5 TV 耐荷重100kg 17.2 重要情報書類 DAC:160mm ポップ 有線 DAC パソコンスプリッター コンデンサ型 パソコンケーブル Logicool cmメーカー型番G433BKカラーブラック商品の寸法 今だけラッピング無料 g梱包サイズ8.2 取り外し式マイクブーム クリアレンズ 3.5mm ケーブル除く 幅 PS4 ヘッドフォン ロジクール HAZUKI モバイル用ケーブル長:1.5m 一部のゲーム機のコントローラではオーディオ ケーブル長:2m 2年間無償保証付き Dolby 周波数応答:100Hz-10kHz 軽量 優れたサウンドデザインが用いられているため 保証期間内において保証の対象となります インラインコントロール搭載 7.1ch Xbox ハズキ 10.10以降 インピーダンス:32Ω モバイルケーブル インターネット接続環境 マイク 横:81.7mm mmオーディオ イヤーパッド 正規品 ゲーミング パソコンでの使用にはUSBポート Nintendo 着脱式マイク ソフトウェアおよび7.1 高さ17.2 USB使用 ポート サイズ:4 縦:172mm コンパクト 18.2 PC条件 マイクの指向性パターン:カーディオイド パソコン用ケーブル長:2m スマートフォン ドライバー:40mm x 追加マイクロファイバー タブレット X ステレオ パソコン One エレクトレット 同梱品 重量 :259g 物理的仕様 3.5mmアナログ入力を使用する必要があります

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on ポイント10倍 送料無料 料理 調理 キッチン家電 スヌーピー チャーリー・ブラウン キャラクター おしゃれ 便利 耳まで 耳ごと 電気 洗える レシピ 両面焼き 生成り かわいい BRUNO ブルーノ ホットサンドメーカー シングル ピーナッツ スヌーピー エクリュ ホットサンドベーカー キャラクター 耳まで タイマー BOE068-ECRU.

コードのサンプルは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 ポーター PORTER 吉田カバン ファスナーポケットが特徴的な三つ折り財布 ブランド サイフ おしゃれ 即納・土日祝も発送致します 【カードで最大12倍】 ポーター PORTER 吉田カバン 三つ折り財布 【SMOKY/スモーキー】 592-06332 吉田かばん メンズ財布 ブランド サイフ おしゃれ ビジネス ウォレット 男性 あす楽 送料無料 プレゼント ギフト ラッピング無料 通販 一粒万倍日 吉日 by sugimo (@sugimo) on 【送料無料】 ブロカント トイレラック ホワイト色 シャビーシック 家具 TV台 フレンチカントリー家具 白家具 姫系 輸入家具 シャビーシック キャビネット アンティーク家具 【クーポン配布中】BROCANTE(ブロカント)【トイレラックホワイト色】【mtr-7329wh】シャビー 家具 TV台 フレンチカントリー 白家具 北欧 アンティーク家具 カントリー アンティーク.

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

A4サイズ原稿に対応 トレビュアー500シリーズ USBケーブル付き A4/トレス台/led/検査台/透写台/ライトボックス/ライトボード/トレーサー 日本製 A4サイズ USBケーブル付 トレース台 トライテック トレビュアー 500シリーズ 2019年度最新モデル LEDトレース台 薄型 8mm 7段階調光機能付き LED 薄型 3段階傾斜 照度2400~4700ルクス A4-500-02 A4/トレス台/ライトボックス/トレーサー
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

人気商品《Sybilla(シビラ)》の敷き布団カバーインテリアにもピッタリ♪贈り物にも!! 快眠 安眠 敷きふとん カバー 敷きふとんカバー 敷き布団カバー ふとんカバー シビラ 敷き布団カバー シングル (105×215cm)(Uau ウアウ)送料無料 Sybilla 敷布団カバー 敷きふとんカバー 敷きカバー 敷カバー 敷き布団おしゃれ 綿100% 日本製 ギフト 贈り物 プレゼント
https://www.kenjisugimoto.com/qrcode/

レンジフード本体と同時購入のお客様限定販売です レンジフード リンナイ 部材 YMP-NSLD-AP4135R/L BK ブラック スライド横幕板タイプ

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