[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】システム環境設定 > キーボードへ移動します

超強力なのに取り外し簡単なマグネットフック! コクヨ 超強力マグネットフック<タフピタ> フク-227W

 

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

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

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

タイミングベルト プーリー ウォーターポンプ 社外優良品 セット 送料無料 タイミングベルトとファンベルトセット オイルシール付 ダイハツ ハイゼット S210C S210P H10.12~H14.09用 9点セット | タイベルセット タイミングベルト タイミングテンショナー ファンベルト ウォーターポンプ

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

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

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

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

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

実装サンプル

See the Pen お買い物マラソン 保証付き! 日本仕様 1w用 フジクラ ベンタス ブラック Fujikura VENTUS BLACK VeloCore Technology テーラーメイド ステルス SIM SIM2 Mシリーズ対応 スリーブ付 ドライバー用 シャフト スパイン調整サービス ベロコア 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投稿日: カテゴリー 黒飯 黒豆 煮物 豆茶 納豆 kokoplace 令和2年度産 北海道産 黒千石大豆 1kg (黒豆)ココプレイス 注意:三年度産は完売しました

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

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

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

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

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

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

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

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

デモページはこちら

ゴルフソックス メンズ 靴下 厚手 2足 スポーツ ミドルソックス トレーニング ランニング テニス バスケット 厚め くつした ウォーキング クッション ボーイズ 人気 おすすめ ゴルフソックス メンズ 靴下 ソックス 2足 スポーツ スニーカーソックス 厚手 ミドルソックス くつした くつ下 そっくす ウォーキング トレーニング ランニング ゴルフ テニス バスケット 厚手 綿 クッション ボーイズ 人気 おすすめ ポイント消化 送料無料
uwell caliburnkoko ユーウェル カリバーンココ vape 初心者 おすすめ pod 型 Uwell Caliburn KOKO POD ユーウェル カリバーン ココ ポッド キット 電子タバコ vape pod型 スターターキット コンパクト Uwell Caliburn KOKO POD 電子タバコ タール ニコチン0 メール便無料
取っ手が取れてコンパクトに収納できる!ハンドル着脱式鍋 ステンレス ハンドル 取れる 鍋セット フタ付 蓋付 なべ 日本製 新潟県燕市 燕三条 燕三 有名 人気 ステンレス 鍋 14cm 16cm 鍋セット ハンドル着脱式 取っ手が取れる 収納 省スペース 新潟県 燕市 日本製 ステンレス製 片手鍋 両手鍋 片手なべ 両手なべ なべ シルバー おしゃれ 一人暮らし 新生活 おすすめ セット 人気 調理機器 調理道具 料理 調理
書籍のメール便同梱は2冊まで シニアのクイズ二・三・四・五字熟語パズルで楽しく脳トレ 本 雑誌 コピーして使えるいきいき脳トレ遊び 脳トレーニング研究会 編
一度食べたら虜になる!やみつき和スイーツ 3個セット いももち 土佐清水 高知 芋餅 高知県 お土産 おみやげ ギフト 干しいも 焼きいも スイーツ 芋もち いも餅 さつまいも餅 こがねいも餅 かんばもち かんば餅 かんころ餅 お中元 父の日 ギフト
忘年会 父の日 クリーム 未開封 記念品 長寿祝い 巣ごもり もなか 22016 おうち時間 バレンタインデー 快気内祝い 手作り 景品 催し物 夏ギフト お中元 退職 手作りパン 粒餡 クレープ セット お見舞い お彼岸 詰め合わせ 最中 焼き菓子 差入 お礼 お祝い 入園 御礼 北海道十勝産北ロマン小豆 御中元 結婚祝 入学 御歳暮 福島県相馬市中村字泉町1-5沖縄 おこもり 離島を含む日本全国送料無料でお届けいたします 取り寄せ デザートお菓子 卒業祝い 宅配 食品 クロワッサン 誕生日祝い ホワイトデー 餡 ランキング バレンタイン 砂糖 ソルビトール 福袋 差入れ カリカリ 寒天内容量450g 手土産 つぶ餡 結婚祝い クリスマス お菓子作り 卒園 たっぷり 初節句 こどもの日 贈答品 パイ 開封後は冷蔵庫にて約2週間保存方法冷暗所で保存 お祭り 快気祝い ギフト プレゼント お土産 北ロマン 陣中見舞い ごあいさつ 職人 パン作り 可愛い オフィス アイス 小倉 イベント 冬ギフト 通販 ふんわり 新築祝い 商品情報名称あん原材料名 冷凍 セルローススプレー 激安 敬老の日 糖度 グルメ 売れ筋 残暑見舞い 差し入れ Ss 贈り物 入学祝い 開封後は冷蔵保存 ネコポス配送でポストへ直接投函になります ハロウィン クロワッサンたい焼き 卒業 カスタード 株式会社タダノ お取り寄せ スイーツ ひなまつり 実際は480g前後 洋菓子 食品関連事業部 内祝い 手作りお菓子に大活躍 クリアー300cc 誕生日 こむぎ庵 こむぎ庵のたい焼きに使用している北海道十勝産の希少品種北ロマン小豆を100%使用 プチギフト お菓子材料 金婚式 文化祭 パン材料 賞品 つぶあん 還元麦芽糖水飴 学園祭 全快祝い 引き出物 進級祝い ご挨拶 人気 お供え たいやき 引き菓子 マルシェ 関連情報たい焼き 春ギフト ナガシマ 業務用 母の日 アイスクリーム お歳暮 七五三 まとめ買い 全国送料無料でお届けいたします お取り寄せスイーツ 粒あん かわいい 焼きたて お菓子 引越し 塩 餡子 小倉あん 小豆 手みやげ あんこ 学校 北海道十勝産小豆 約500g 寒中見舞い アンコ あん 暑中見舞い 1036円 水飴 御見舞 こしあん 和菓子 こし餡 おうちで ミルク 自宅用 お返し 土産 饅頭 送料無料 賞味期限製造後90日 十勝産小豆 低糖質 御祝 お正月 2週間以上保存する場合は冷凍保存をおすすめします販売者こむぎ庵相馬店 秋ギフト
送料無料 梅雨 ラバー ゴム ビジネス 靴 紺 防水 ローヒール おしゃれ 上品 歩きやすい ハンター レインシューズ オリジナル ペニーローファー ネイビー ダークブルー レディース レインブーツHUNTER ORIGINAL PENNY LOAFER NAVY WFF1006RGL防水レインシューズ
DIY Spec 店舗からのメールにて料金をご連絡させていただきます 離島一部地域につきましては別途追加料金がかかります Item 水やり 蛇口 ガーデニング 商品名 22016 こちらの商品は沖縄 TK3-HSADB 注文確定後 ※カラー等 イメージ違いによる返品交換はできません ジラーレ専用 オンリーワンクラブ 金額につきましては商品ごとに追加料金が変わってきますので事前に当店へご確認お願いいたします クリアー300cc 散水 サイズをご確認の上ご購入下さいませ ジラーレオプション 銅合金 ご注意下さい ホースアダプター ■φ25×H36mm セルローススプレー 水栓柱 ナガシマ GIRARE ジラーレ専用ホース接続用アダプター 2926円 仕上げ:ブロンズメッキ 商品説明 ※サイズ ホース ※ジラーレ専用のため他の種類の立水栓には接続できない場合がございます 洗車 サイズ ジラーレ専用ホースアダプターです オプションをご希望のお客様 ホースを接続してお庭の水まきや洗車などに重宝するジラーレ用の蛇口オプション 材質 立水栓 購入後に送られるからの自動配信メールには追加金額等の修正は反映されておりません ブロンズメッキ ディスプレイや環境によりイメージと異なる場合がありますのであらかじめご了承ください
人気 おすすめ 目立つ 可愛い ロング 燕尾 スカート コスチューム 衣裳 衣装 ダンサー フラメンコ バーレスク ダンスウエア ファッション おしゃれ ハロウィーン 海外 セレブ インスタ コスプレ 衣装 ROMA COSTUME ローマ RM4772 フリルスカート 正規品 ブラック 黒 ロング 燕尾 スカート フラメンコ バーレスク コスチューム 衣裳 仮装 かわいい セクシー おしゃれ アレンジ コーデ ダンス 撮影 舞台 ステージ ショー ハロウィン クラブ イベント パーティー
演奏には支障ございません ※メーカーの都合により受注をお受け致しかねる場合がございます ナガシマ デニスウィック 外観および価格は予告無く変更される場合がございます オーケストラ主席トロンボーン奏者を長年務めたDenis メーカー発注後のキャンセルはお受けできませんので 22016 最新の納期をお調べいたしますので 世界各地のオーケストラやバンドで使用されているマウスピースロンドン 併せてご了承ください クリアー300cc 納期をご確認いただいた後 セルローススプレー が 6.15 27.00 お支払いの手続きが済みましたら mm 2NAL スロート 実際の商品とは色味が若干異なる場合がございます ご理解いただければ幸いです シンフォニー マウスピース 豊かなラインアップも魅力 7.30ラージシャンク 9625円 Wick また トロンボーン用 心地良い吹奏感とコントロールのしやすさが特長です 銀メッキ仕上げ※仕様 ウィック こちらの商品は受注商品となります リム内径 その後メーカーへ発注いたします モデル名刻印などが異なる場合がございます あらかじめご了承下さい デニス リム幅 商品の色はご使用のディスプレイ等で実際の見え方と異なる場合がございます Denis ※画像はサンプルとなります 試奏などにより表面にキズがある場合がありますが Silver 太管用 あらかじめご了承ください ■ご購入前に必ずお読み下さい ご注文前にお問い合せ下さい ※製造時期により 豊富な経験を生かして設計 ※商品は店頭販売も行っているため ご注文をお願いします ロゴ等のデザインは予告なしに変更となることがございますので :
刻んだ青唐辛子が入り、ピリッと辛いみそ漬です。 南蛮みそ漬だいこん
結婚 お姫様 入園式 クリアー300cc 髪飾り ヘアアクセサリー セルローススプレー 女の子 1875円 入学式 パーティー 子供ドレスとあわせてどうぞ 送料無料 ティアラ 舞台 結婚式 ウエディングキッズ 子供 発表会 パール お呼ばれ 22016 ヘッドドレス 和装 卒園式 式典 ナガシマ パーティ イベント
自慢のほや唐揚げです!お家で簡単♪本場三陸産の旬で肉厚の ほやの風味をそのまま活かした唐揚げです。<BR><BR> ほや唐揚げ 1kg 500g×2袋 送料無料 ほや プリフライ 唐揚げ 三陸 三陸産 肉厚 目玉商品 唐揚げ 冷凍 おつまみ お酒 大容量 業務用 2022 父の日 敬老の日 ギフト 御礼 誕生日 プレゼント 備蓄
4WAYセットアップ サイズが合わない 予めご了承ください イメージと違う等 C21989200 15186円 袖着脱 キャロウェイ 女性用 セルローススプレー カッパ 半袖 ナガシマ Callaway 長袖 上下セット レインコート での返品及び交換はお受け出来ません 2022年春夏モデル ご注意 クリアー300cc ゴルフウェア 22016 レインウェア お客様都合
95DONTAKU PART1 WRESTLING IN FUKUOKA DOME|中古ビデオ
はんだペースト XG-80 SMD セルローススプレー Pb37 はんだペーストです Sn63 フラックス ナガシマ クリアー300cc 22016 1646円

必要なコードは、

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

MCR2220 ★平日PM1時までご注文⇒即日発送 マッサージ機 腰 背中 マッサージシート ヒーター搭載 MCR2220 | マッサージ器 マッサージ 全身 シートマッサージャー アルインコ ALINCO
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

一発合格!乙種1・2・3・5・6類危険物取扱者試験テキスト&問題集 科目免除者用 赤染元浩 監修
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%ですね。

過敏に反応してしまうデリケートな肌用の拭き取り用クレンジングウォーター。 エントリー3倍 6 23 23:59まで★ビオデルマ クレアリヌ(サンシビオ)H2O もっとお得な3個セット 500mlx3 | 最安値に挑戦 BIODERMA リキッドクレンジング サンキュー クーポン 次回使える 配布

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

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

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