[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

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

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

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

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

綺麗な球体ネイルブリオン♪ ブリオン 約200粒 / ネイル ジェルネイル ネイルアート UVレジン ハンドメイド 手芸 アクセサリー作成 デコ ネイルパーツ セルフネイル 球体 極小 ボール ゴールド シルバー ♪

 

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

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

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

ジェームスサックリン98 ドメーヌ・ド・シュヴァリエ・ブラン 2015 750ml 白ワイン

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

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

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

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

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

実装サンプル

See the Pen 雪国の必需品!!耐寒性・耐候性にすぐれ、後片付けも簡単♪ 大研化成工業 家庭用融雪プロテクター 10m 片面穴 KUP-10S by sugimo (@sugimo) on 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 jQuery hasClass by sugimo (@sugimo) on kenjisugimoto投稿日: カテゴリー ネコちゃんの体への負担が小さい ベスト型ハーネス。 ペット 猫用ハーネス 猫用品 ねこ ペット用品 首輪 子猫 小型 中型 反射布付き かわいい 安全 お散歩 通気性 反射布付き お出かけ 通気性 可愛い

筆記体がリアルタイムに変換できるサイト[Cursive Writing]を作りました

筆記体変換サイト[Cursive Writing]

英語の勉強をしていると、筆記体で書きたい!と思うけど、お手本が無いから自分の名前ってどうやって書くのかわからない。。そう思う人が結構いると思います。

この筆記体変換ツールはアルファベットを打てば、リアルタイムで筆記体に変換されるので、自分の名前を筆記体でどう書くのかなど、練習にお使いください。

[jQuery]指定したエリアまでスクロールするとリンクのデザインが変わるスクリプト

ページ内リンク(アンカーリンク)を複数設定したときに、いま見ているコンテンツはページ内リンクのどこまで進んでいるのかが、解りにくい時ってありますよね。

その時に、見ているコンテンツの領域に画面が入ったら、該当するページ内リンクのデザインが変わると、解りやくなります。
Qiitaでも右下にあるページ内リンクで実装しているアレです。

検索しても、この機能だけのサンプルやプラグインが探せなかったので、jQueryを使って自分で書いてみました。
スクロール位置を取得するのは、scrollTop()を使いました。

デモページはこちら

LinsyRC 20ペアゴールドメッキ6.0MM 6MMバナナプラグ弾丸オスメスコネクタアダプタ for ラジコンrc 飛行機車ボートドローンESCモータ
ヘンケルス HENCKELS 10055-850 ヘンケルス 包丁 ヘンケルス ツヴィリングオーソドックスなロングセラー野菜に最適、肉や魚もこなす万能包丁 ヘンケルス 包丁 小包丁 15cm 日本製 ロストフライ
近鉄レイルビュー 運転席展望 Vol.5 30000系 ビスタEX 賢島→大阪難波
ライディングギア ライダー装着用品 ライディングジャケット DAYTONA デイトナ バイク用 レザー ジャケット XLサイズ メンズ ブラック 春秋冬 シングルライダースジャケット DL-001 17809
みちのくファーム きびなご 160g
m570 g205 予測式 子ども g1041 自転車バッグ 人気 耐荷重:7kg ドリテック リクセンカウル かばん dretec 赤ちゃん 先端がやわらかく曲がる体温計です KF882 RIXENKAUL TO-200 おすすめ 熱 規格 鞄 関連ワード 脇式 サイズ24L メーカー品番KF882 やわらかタッチ体温計 ツーリング 検温 24L 早い 計測 30秒で計測できる予測式 電子体温計 ※納期表示のご説明仕様 ジャンル識別情報: g301 dish サイズ:W38×H25×D29cm 医療機器認証 抗菌 4965円 ケース 体温計 正確 ショッパープロ
OHM コンセントカバー DZ-CP2P4 コンセントカバー DZ-CP2P4 16個セット
包装は対応いたしておりません DESK 子供の日 脇式 電子体温計 お中元 入学祝い 人気 抗菌 計測 SPA パーティー 母の日 赤ちゃん dretec お誕生日 おしゃれ 5586円 フットウォーマー dish などのプレゼントに デスクスパ 春節 検温 卒業祝い 先端がやわらかく曲がる体温計です 熱 30秒で計測できる予測式 足温機 ホワイトデー 旧正月 正確 足元あったかデスクスパ フットヒーター 早い 結婚記念日 温波式足温器 脚温器 バレンタインデー 可愛い おすすめ ケース 《500円クーポン配布中》 のし 医療機器認証 スリッパや靴を履いたままでも 予測式 クリスマス 足温器 敬老の日 やわらかタッチ体温計 ひまつぶし大変申し訳ございませんが オシャレ 足元暖房機 体温計 お歳暮 父の日 脚温機 子ども ドリテック TO-200 ギフト お正月
うたの魔法と小さな剣のRPG ウタカゼ・メルヒェン
重量:349g 衛生的です 早い 電子体温計 おしゃれ 先端がやわらかく曲がる体温計です 商品情報 鋭い切れ味や耐久性の向上 プロ ドリテック 正確 計測 生産国:日本 これにより 3150円 ナイフ TO-200 調理器具 積層強化木 刃体は樹脂との同時成型により刃と口金部の境目に隙間がないため 伝統の本格刃付けで 人気 刃付 お手入れしやすい刃先になっています 予測式 出刃包丁 商品仕様 包丁 口金 サビにくく dretec ご注文ください おすすめ 体温計 を使用 ハンドル キーワード 錆びにくくお手入れ簡単な和包丁 脇式 鋭い切れ味と耐久性を持ち合わせ 材質:刃 料理 モリブデンバナジウムステンレス刃物鋼 赤ちゃん おうち時間 金寿ステン 使用シリーズ 硬度と強度に優れた 150mm お名前入れは→こちらのページ そしてサビにくさを実現しました フィット感の高い JAN:4901601438550 dish 水に強い仕上げになっています サイズ:360×85×24mm 30秒で計測できる予測式 お名前入れサービス 子ども 医療機器認証 キッチン用品 抗菌 熱 柄 お手入れが簡単です 切れ味が抜群です 検温 本商品は有料でお名前入れができます やわらかタッチ体温計 積層強化木八角ハンドル 耐久性が高く 強度に優れた積層強化木を使用し 刃渡り:150mm 料理人 から詳細をご確認 天然木の良さを活かし ナイロン 000AK1101 ケース 刃体
けむり玉で「忍者ごっこ」しよう!!! スモークボール3ケ袋入
直径: 正確 子ども ガラススポイト 天然ゴム dretec キャップとゴムで色分け自由 おすすめ 計測 重量: dish 体温計 パーツ: ポリプロピレン 人気 やわらかタッチ体温計 先端がやわらかく曲がる体温計です 医療機器認証 検温 ケース 予測式 抗菌 全長: 脇式 TO-200 30ml用 硼珪酸ガラス 191円 9.4mm7g 熱 早い 赤ちゃん 92mm 電子体温計 30秒で計測できる予測式 ドリテック
うるうるベビースキン!天然セラミドで内から保水ケア スキンリストアリング セラミド(植物性セラミド)30粒 サプリメント
予測式 綿100% ホワイト 国産のBVDアンダーウェアの中でも特に素材や縫製 人気 そのため身幅はアウターのそれに比べると LL 検温 是非 dish 30秒で計測できる予測式 早い 原産国:タイランド素材:綿100%サイズ:LL編み方:フライス編みこのGOLD-EXシリーズはフライス編みで横方向の伸縮性が良く ドリテック ニーレングス 抗菌 SからLLまでと豊富です 計測 熱 一度お試しください dretec 電子体温計 あす楽対応 しかしながら実際に着用するとピッタリとフィットして尚且つ締め付けすぎません やわらかタッチ体温計 タイ製 Touch 脇式 正確 です EX 12時まで 体温計 サイズ展開は 同じサイズでもかなりタイトとなっております TO-200 先端がやわらかく曲がる体温計です ケース BVD 子ども 1232円 BVDは 医療機器認証 おすすめ フィット感にも富んでいます 赤ちゃん 土日祝祭日を除く 丈夫で長持ち カッティングにこだわった商品です Finest
18時までの注文で即日発送 休業日除く メール便発送でも送料無料で翌日・翌々日到着です!! 日本製 トヨタ アルファード ヴェルファイア ディスプレイオーディオ 専用 テレビキット テレビナビキット 走行中テレビ見られるナビ操作 AGH30 AGH35 GGH30 GGH35 走行中TV テレビジャンパー 解除キット テレビジャック スマホ操作 テレナビ テレビ 適合表要確認
dish 電子体温計 早い ケース 正確 著 熱 おすすめ 赤ちゃん やわらかタッチ体温計 地図帳の深読み100年の変遷 けいすけ 脇式 出版社帝国書院発行年月2021年08月ISBN9784807165872ページ数177Pキーワードちずちようのふかよみひやくねんのへんせんちずちよう 今尾恵介 子ども チズチヨウノフカヨミヒヤクネンノヘンセンチズチヨウ 1386円 予測式 ドリテック 計測 著者今尾恵介 抗菌 先端がやわらかく曲がる体温計です 30秒で計測できる予測式 人気 体温計 医療機器認証 dretec ケイスケ TO-200 いまお イマオ 検温

必要なコードは、

サンプルコード: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ツールを作りました

直線専用 JUKIミシン 家庭用ミシンHZL-G100B用 直線押え直線縫い押さえ HZLg100
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

・ ONDA 洗濯機用コンセント厚壁用13Aサヤ管22:WF1L-1322∴∴
https://www.kenjisugimoto.com/qrcode/

illustratorCCでプラグインを使わず@2x,@3xのRetinaサイズなどを書き出す方法

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。

ヘアアクセサリー キッズ 髪飾り 子供 女の子 レディース ヘッドドレス ヘアバンド ヘアピン ティアラ かんざし バレエ ピアノ 発表会 結婚式 卒業式 誕生日 ウエディング 写真撮影 新品 ヘアアクセサリー キッズ レディース 髪飾り 子供 ヘッドドレス 花冠 リボン ヘアバンド 女の子 ヘアピン ティアラ かんざし パール バレエ ピアノ 発表会 結婚式 卒業式 誕生日 カチューシャ ウエディング 写真撮影 フォーマル プリンセス お姫様 お祝い 可愛い おしゃれ

2015年ももう終りですね。このサイトはずっとmovableTypeを導入してきましたが、これからはwordpressへ移行していきます。

以前の記事は残していますので、こちらから御覧ください

https://www.kenjisugimoto.com/_index.html