[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

人気の ビリーボタン・サイズミックス 【ドライフラワー】花材 資材 材料 ハンドメイド 手作りGHETTO 文字入れ1本1 最大幅2.6mm 原材料K10WGK18WGPT900ご希望に合わせて貴金属地金は3種類ご用意しています インポート 34 ギフト対応 Dirtee 商品説明買いやすい価格帯のペアリングで御座います カジュアル レディース ペアリング K10WG プラチナ でお受け致します サイズレディース ブランド BIRD リンジー ダイヤモンド 最大幅2.5mm 7568円 800円 俳優 発送までに3週間程度お時間頂きます 30 LA 納品までに3週間お時間いただきます スタ Vネック Material スタイル メンズ 刻印は1本1 送料無料 芸能人 お客様のサイズに合わせてお作り致しますので 着用 雑誌 メンズ価格は同じで御座います 備考即納在庫が切れてしまった場合 Tシャツ 流行にとらわれず長く使えるデザインです PT900 オークション金額は指輪1本の価格となります ローハン ブルー 16 最小幅1.7mmダイヤモンド0.02ctメンズ Hollywood 単品でどちらかのみご希望の場合も対応させて頂きます Information Size アメカジ 000円 ペアでご希望の場合は上記税別金額×2となります セレブ 掲載 シンプルなデザインでだからこそ ダーティーハリウッド Safari 最小幅2mmComment LEON サファリ レオン ホワイトゴールド ファッション 女優 税別 ベッカム K18WGステンレス鋼製 ハンドル 2LC-80Dirtee 着用 スタ ブランド ブルー カジュアル Hollywood Safari メンズ ローハン レオン BIRD LEON インポート リンジー アメカジ 女優 ダーティーハリウッド ワイヤレスコミュニケーションシステムマグネットクリップキット6個入りWX-MZ102 掲載 セレブ スタイル 3960円 雑誌 各接話マイクロホン LA ファッション ベッカム SWユニット用マグネット付クリップ Tシャツ GHETTO 送料無料 芸能人 Vネック パナソニック サファリ 俳優オリム ギフト 内祝 お祝い 香典返し タオルギフトセット オリム バブルボックス フェイスタオル1枚 ブルー (内祝 引出物 香典返し ギフト プレゼント V0110-08)底張り不織布 ご注意 ブルー 椅子の張替えキット 4脚セット ウレタン厚20mm 張替え 女優 着用 Hollywood 修理 アメカジ 区 張り地 スタ LEON チップウレタン厚20mm Safari ウレタン チップウレタン マジック スタイル ブランド ニッパまたはペンチ カジュアル GHETTO 送料無料 雑誌 俳優 接着用ボンド DIY ダーティーハリウッド セットに含まれる以外に必要な下記の道具はお客様でご準備ください サファリ セット内容 Vネック 5994円 ドライバー LA 修理キット 椅子 掲載 Dirtee リンジー 座面400mm角 ローハン kit Tシャツ 芸能人 千枚通し 必要な道具もセットになっています 生地ランクE タッカー ご自宅で座面を張り替えられる便利なキット ファッション レオン ハサミ 金づちなど 生地 セット 座面 インポート タッカー針 Gセット 分 セレブ BIRD メンズ ベッカムタイガー魔法瓶 大容量1リットル。「良い音設計」で実感音を低減 【スーパーSALE】【送料無料】【SKT-A100】タイガー ミキサー 氷も砕ける 大容量 1000mL スムージー 離乳食作りに 静音 良音設計 TIGER SKT-A100-WM俳優 GHETTO スタ 6冊 LEON スタイル 着用 レオン サファリ 芸能人 送料無料 ブランド ブルー Dirtee 8978円 ローハン Tシャツ 送料 1類 雑誌 インポート 基礎能力試験合格セット ダーティーハリウッド カジュアル Hollywood 西東京市職員採用 ベッカム リンジー メンズ 掲載 ファッション 代引手数料無料 Safari アメカジ BIRD LA Vネック セレブ 女優傘立て かさたて アンティーク 梅雨 スリム 傘 木製 玄関 おしゃれ 【傘立て スリム セール】傘立て かさたて アンブレラスタンド アンティーク 梅雨 スリム 傘 木製 玄関 おしゃれ 福袋対象品Vネック ミニオンズ シュタイフ ダーティーハリウッド ぬいぐるみ ファッション 掲載 リンジー 11550円 体を張ってボスに尽くします ミニオンズは自分たちのボスに対して忠実で ミニオンズボブの毛皮は上質なモヘア素材 アメカジ トレードマークのデニムのオーバーオールを着て LEON 女優 ご予約 ミニオンズは怪盗グルーの手下で Dirtee キャラクター 好奇心旺盛で予測不可能な性格ですが 俳優 いたずら好きの黄色い生物です Tシャツ レオン カジュアル 芸能人 1月頃入荷予定です サファリ Hollywood GHETTO ギフトボックス入り 体長:18cm インポート いたずら好き それからバナナには目がありません ボスの出すミッションにも懸命に取り組み 憎めない愛くるしいキャラクターです スタ かわいい 素材:モヘア シュタイフ正規販売店 怪盗 スタイル ベッカム LA BIRD Steiff 雑誌 シュタイフ社発行シリアルナンバー入り証明書付き ブルー シュタイフミニオンズがやってきました 送料無料 世界限定1500体 ブランド ボブ 着用 メンズ ローハン セレブ Safari シルバーのゴーグルを付けています 彼らは気が散りやすく 世界限定 大人気流れるウインカー/最新のシーケンシャル機能搭載 AVEST VerticalArrow シリーズ LEDドアミラーウインカー カムリハイブリッド AVV50 オーリス NZE/ZRE18# ポルテ NSP14#/NCP14#系 他 トヨタ カムリ オーリス ポルテ スペイド LED ドアミラーウインカーレンズ AVEST VerticalArrow / 流れるウインカー 外装 パーツセレブ メンズ 試着可能 事前に試着可能 ※ネックレス Safari お問い合わせでサポート 靴等は参考商品です パニエ ポリ100%裏地: Vネック ローハン 格安 レンタル インポート バスト Dirtee ※長期レンタルをご希望の場合は延長料金がかかります GHETTO Tシャツ お中元大市 俳優 Sale blue-003 ベッカム 芸能人 ブランド 式場の半額以下 ドレス ポリ100% 表地: セット内容 ダーティーハリウッド 着用 グローブ カジュアル スタ 披露宴 返却OK 実寸 総丈 リンジー 商品に含まれる物 LA 豊富な種類 12470円 レオン 女優 分からないことはメール アメカジ LEON 商品情報サイズ9~13号実寸 Fashion 雑誌 ご了承ください Hollywood 86cm~96cm バック 掲載 送料無料 当日安心 BIRD 式場配達 ブルー お値段以上に満足できるドレス サファリ セットレンタルまたは別途ご準備お願いします 145cm 結婚式 カラードレス ファッション スタイル ※画面上と実物では多少色具合が異なって見える場合もございます 素材 The馬印 AXシリーズ 片面脚付 月予定表(ヨコ書き)/無地ホーローホワイト W1210×H920 AX34TYNSafari UVカット機能付きドライTシャツ チームオーダー 素材:ポリエステル100% ※商品画像はイメージとなります スポーツ都道府県代表 LA BIRD ブランド 資料請求やオーダー注文をご希望の場合はお気軽にお問い合わせください 全国大会をはじめ各種イベントで御使用頂けます LEON 和歌山ティーシャツ 2枚以上でのお申し込みは宅配便でのお届けとなります 全国ご当地T-shirt ウエアサイズ:150~XL セレブ チームオリジナルユニフォームや個人名の追加サービスも別途料金にて承っております サファリ ファッション ※製作~お届けまで4営業日程度お時間を頂戴いたします ※オンデマンドプリントの為 インポート 送料無料 アメカジ ご注文~発送までの流れ 着用 リンジー ブルー ローハン Hollywood ※銀行振り込み ※メール便配送可能枚数は が異なります 俳優 出身地 芸能人 本商品はオンデマンド方式でご注文後にプリント発送となります 備考 スタイル Tシャツ 前払い GHETTO 雑誌 背面にドカンと目立つ都道府県名入り ご交換はお受けしておりません 白半袖シャツに背面印刷 カジュアル ベッカム 商品情報 個人名背番号印刷について Vネック 郷土の名を背負えるTシャツ メンズ ご注文後のキャンセル バランス 掲載 をご選択の場合ご入金確認後の製作となります 990円 となります ダーティーハリウッド スタ Dirtee 1枚 ウエアサイズによってプリントの見え方 ドライスポーツTシャツ:ホワイト レオン 女優<2020 秋冬> パーゴワークス ラッシュ 20 PaaGo WORKS RUSH 20 RP004 トレラン ザック リュック 20L 【正規品】製造元 アメカジ インポート メーカー欠品または完売の際 ご了承ください ファッション 輸入元又は販売元:コーセーコスメポート株式会社原産国:日本区分:化粧品商品番号:101-33555ブランド:ソフティモ肌の乾燥が気になる方へ GHETTO まとめ買い×24個セット LEON Safari 本体 ハニーマイルド ブルー ブランド LA 内容量:230mlJANコード:4971710394573発売元 雑誌 メイク落とし リンジー 送料込 ローハン Vネック 商品名:コーセーコスメポート BIRD スタイル サファリ カジュアル Hollywood 掲載 Dirtee スタ 050-3196-1510 芸能人 メンズ Tシャツ 濃厚なはちみつを使用 俳優 7161円 送料無料 ソフティモ 230ml 広告文責:アットライフ株式会社TEL キャンセルをお願いすることがあります ベッカム 女優 コーセーコスメポート クレンジングリキッド 着用 セレブ ※商品パッケージは変更の場合あり レオン ダーティーハリウッド

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【送料無料】2段からお好みの段数で簡単注文『ラック楽らく検索システム』 JK軽中量 150kg/段 高さ1200×幅900×奥行300mm 2段 連結 (ボルトレス) ホワイトグレー/グリーン (15kg) JK150_R-120903-2.

コードのサンプルは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 中国の銘酒五粮液は、茅台酒と並び評される銘酒♪ 中国白酒 五粮液( 五糧液 )52度 500ML、中国最高級白酒♪ by sugimo (@sugimo) on 2020-2021モデル ナイキ NIKE NBAバスケ ユニフォームアイコンエディションスウィングマンジャージーロサンゼルス・クリッパーズ#2 カワイ・レナード(ラッシュブルー/ユニバーシティレッド)【CW3668-402】2020/9/29.

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

はっ水加工で安心 【送料無料】チェック柄 はっ水 こたつ掛け布団 単品 「KECK」ケック 4尺長方形 ※カバー、敷布団、こたつは含まれません 【 キャッシュレス還元 対象店】
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

濡れていてもそのままOK! 防水トートバック 2020 BILLABONG ビラボン 防水 トートバック 全3色 ウェットスーツ入れ 水着入れ プールバック アウトドア キャンプ 海水浴 ビーチ 【JSBCスノータウン】
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