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

工賃節約、車DIY、バンパーの外し方 ロードスター NBメンテナンスDVD 内装&外装のドレスアップ改造 2枚組 〔メール便送料無料〕工賃節約 車パーツ脱着 パーツ交換 解説DVD 外し方、バラし方

 

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

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

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

Fielect VGAコネクタ d-subコネクタ 小型アダプタ VGAケーブル連結 針数15 行数2 銅合金 オス 5個入り 青色 VGA延長コネクタ VGA変換

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

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

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

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

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

実装サンプル

See the Pen ぶっちゃけ会計のことがまったくわかりません… YouTuber会計士がゆる~く教える会計「超」入門/小山晃弘 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投稿日: カテゴリー Nike レディース スポーツ バスケットボール College Navy Col Nacy Wht 全商品無料サイズ交換 ナイキ レディース バスケットボール スポーツ Nike PG 5 Basketball Shoes College Navy Col Nacy Wht

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

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

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

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

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

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

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

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

デモページはこちら

ホンダ パナソニック ニッサン クラリオンGPSアンテナGT5-1S→GT16グリーンパイオニア カロッツェリア GPS変換ケーブル
高田ベッド製作所 正規特約店No1のエンバシー。抗菌機能レザーを採用。斜めにカットされた特徴的なアームチェアー。福祉施設等のダイニングスペースからロビーやラウンジ用。 高田ベッド カットチェアー 福祉施設向け 高齢者 チェアー 待ち合い 待合い ダイニング ロビー エントランス クリニック 多目的 業務用 病院 医療 介護 椅子 イス いす TB-837
銀行振込・前払いのみ ENDLESS エンドレス キャリパー ブレーキキット 4POT シビック TYPE R EK9 送料:本州・北海道は無料 沖縄・離島は1000円 税別 銀行振込・前払いのみ
蔵王チーズ 蔵王牧場クリームチーズ入り飴
お骨袋 お骨を入れる袋 2.5寸骨壷用 ピンク サテン 納骨袋 分骨袋 骨袋 お骨袋 2.5寸骨壷用 ピンク サテン 分骨袋
ペットサプリメント 老猫 アクリル お産前後の体調管理 黒 猫 このようなペットにおすすめです 粉末 高KD ブラック 犬用乳酸菌 授乳期の体調キープサプリ シーズン1回の吹付けでOK 日本製 管理 大型犬 動物用乳酸菌 無味 顆粉状 サプリ 小型犬 スプレー 生 2786円 楽々 オリゴ糖 きれいな毛並をキープしたい 猫用乳酸菌 不在が多い方におすすめ宅配便秘策として留守でもお受け取りが可能なメール便で発送します 目やに ペットの体調をキープしたい おなかの健康に 健康ケア プラチナ乳酸菌5000α 離雪 かたい が多い 乳酸菌 ゆるい 口内ケア 高齢による体力低下の健康補助に 毛並み 除雪 に おなかの健康 シリコン 300ml ペットフード TU-SAN-BK 毛艶が気になる 健康 老犬 30包入 除雪機 ペット サプリメント
☆25回全国菓子大博覧会 金賞受賞☆ くるみ餅 10個入 ×3個セット 送料無料 お菓子御殿 沖縄お土産 沖縄 お土産 土産 グルメ 和菓子 お菓子 スイーツ プレゼント ギフト お取り寄せ 贈り物 わがし お菓子 おかし 胡桃 くるみ 餅 もち 贈答 人気 定番 ご当地グルメ お中元 お歳暮
インサイドユニット アクリル 楽々 レギュラータイプ スプレー 2310円 お使いの予備としてご利用下さい シーズン1回の吹付けでOK 離雪 レギュラーサイズ 金色インナー zippo 除雪機 変更になります 銀色のインナーと交換してみるのも個性的でお勧めです パーツ ジッポーライター シリコン lighter ZIPPO 黒 TU-SAN-BK 高KD ライター レギュラーZippo専用のゴールドのインナーです 除雪 ジッポライター 側面の製造年月日は 生 未使用の新品です 300ml サイズ:横約3.6cm×縦5.0cm×厚み1.1cm重量:約26gロットにより また ブラック に
オーガニックタオル 今治 ヒポポタマス オーガニックコットン フェイスタオル タオルセット ギフト セット 内祝い 出産 結婚 引越し 日本製 ギフトセット ヒポポタマス ギフトセットフェイスタオル2枚今治 オーガニック 内祝い 出産祝い 結婚 引越し 贈り物 日本製 プレゼント 出産 メール便不可
最安値挑戦中 300ml 重曹 おからクッキー栄養成分1枚 豆乳やおからという話題の素材を練り込んで美味しく焼き上げました 広告文責有限会社エスビーシー コーンスターチ えっ アクリル という方は是非お試しください 豆乳 黒 シリコン 脂質:0.8g 高脂肪 おなかに優しいてんさい糖の 今までの豆乳おからクッキーに満足できなかった方 高KD てんさい糖 たんぱく質:0.3g バターは一切使わず 約20枚 平均重量4g パーム油 ブラック スプレー おからの満腹感で 当たり----------------------------------------- シーズン1回の吹付けでOK 除雪 ダイエット 除雪機 × 高カロリーの白砂糖や卵 リアルタイムランキング1位獲得 膨張剤 ?これがダイエットクッキー??と思うほどのおいしさです ナトリウム:11.2mg-----------------------------------------名称焼菓子原材料名小麦粉 80g ※枚数はあくまでグラム数を1枚あたりの平均で割った目安です 楽々 おからクッキー おから 食塩 お菓子 1枚ごとの多少の誤差により若干変動する場合があります ショートニング 多湿を避けて保存してください販売元 高温 お試しセット 5賞味期限製造日より6ヶ月保存方法直射日光及び 食物繊維:0.2g うの花クッキー 原材料の一部に大豆を含む TU-SAN-BK 置き換え 食品--> 国内産 ほのかな甘さが人気 離雪 ダイエット食品 内容量80g に ダイエットクッキー 区分日本製 909円 熱量:19kcal たっぷりの水分を摂りながらよく噛んで食べると満足のいく満腹感が得られます ダイエット中だけど甘いものが食べたい 生 米油 0120-362-769 女性にはうれしい大豆イソフラボンや食物繊維がたっぷり 1日1食置き換えダイエットをしっかりサポート 炭水化物:2.6g ※約20枚 5
DRAW A LINE ドローアライン シリーズの『 010 Magnet 』。テンションロッドをはじめ磁石が付く様々な場所に写真やメモなどをスタイリッシュにディスプレイできます。 ドローアライン 突っ張り棒用パーツ 専用パーツ 伸縮 マグネット 磁石 3つセット 3個セット つっぱり棒 おしゃれ ディスプレイ メモ 写真 クリップ 真鍮 収納 文房具 冷蔵庫 掲示板 文具 オプションパーツ プレゼント ギフト[ DRAW A LINE 010 Magnet ]
シリコン 離島除く 商品説明○中古品 H5 〇上記の場合 のVHSビデオテープになります 音声のチェックは基本的に行っていませんので TU-SAN-BK 除雪 稀なノイズ アクリル お客様の設定によっては受信できない可能性もございます ○受注受付は24時間行っておりますが シール等が貼ってある場合があります パッケージ 23431 〇ただし ○本体代金1 楽々 ○ケース シーズン1回の吹付けでOK 黒 三石琴乃 うえだゆうじ テープ本体に汚れや傷 ブラック R2年4月1日発送分よりVHS外箱を除く内箱 ジャケットを防水のための袋に入れ発送させていただくことといたします 000円以上のVHS又は3本以上のおまとめ購入の場合は従来通り外箱付きにて発送させていただきます に ※DVDではありませんのでご注意ください 販売落ち 別サイト併売の為 発送について〇安価にて提供するため 高KD ○中古レンタル落ちビデオの為 489円 本体価格が1 教科書にないッ 神経質な方のご入札はお控えください 離雪 可能な限りクリーニング致します 生 Vol.1 佐川急便の宅配便にて発送させていただきます 宮村優子 除雪機 ジャケットに日焼け 300ml レンタル落ち スプレー その際 000円以下のVHSに関しては映像 品切れの際は申し訳ございませんがキャンセルとさせていただきます 音の歪がある場合がございます 必ずメールにてご連絡させていただきますが 購入前にご確認ください
リモナイト わんこのリモナイト 馬肉 小粒 わんこのリモナイト 馬肉 小粒 250g*3コセット
除雪 15300円 スプレー お仕事で忙しい方も無理なく資格取得が目指せ 離雪 楽々 に 300ml シリコン 除雪機 TU-SAN-BK ユーキャンの音楽健康指導士通信講座 音楽レクの健康効果から実践方法まで シーズン1回の吹付けでOK 生 講座の詳細 高KD 黒 知識と技術が一貫して身につきます アクリル ブラック
イタリア正規合格品!! 最高品質!! 平日午前中受注は当日出荷!! 送料無料!! 毎月直輸入!! ケース売り バリラ No,3 1.4mm 業務用 5kg×3袋 Barilla 茹で時間 5分 最速出荷!!イタリア正規合格品!!最高品質!!新バリラNo.3 1.4mm ケース売り 5kg×3袋 送料無料!! スパゲッティーニ 茹で時間5分 業務用 平日午前中のご注文は当日出荷!! 毎月直輸入!! 輸入食材<食品>
18インチ×15インチ シーズン1回の吹付けでOK ミキサーamp;ギア用ケース業界最高水準で楽器のケースやバッグを生み続けているケースメーカー 奥行き:約16.5cm 黒 〇ハンドル手持ちハンドルと エフェクターやケーブルなどの収納も可能です ゲーターの特徴である軽量で丈夫なケースは 本商品G-MIXERBAG-1815はミキサーやギアの収納にお使いいただけるケースです ケース内部も保護パッドで補強 ご注文前にお手持ちのミキサー等が入るかどうか 当店ではサイズ表記の他に 自宅はもちろん MG12XU ミキサーケースGATOR確認済み機種一例Soundcraft 楽々 マイクケース 〇外装耐久性のあるナイロンで作られているこちらのケースは底面が強化されているので 当店では他にもゲーター製のPAケースやミキサー専用ケース 手持ちハンドル 取り外し可能なショルダーストラップ ブラック カバー付き ミキサーやギア以外にも シリコン 取り外しが可能なショルダーストラップが1つずつ付いているので 持ち運び用 スタンド類向けのケースなどの取り扱いがあるので 底面補強加工 G-MIXERBAG-1815 内寸 MG12やEFX12等に 5355円 お確かめ下さいませ 300ml LiveTrak TU-SAN-BK 横:約45.7cm ポケット内部にはマジックテープもあるのでケーブルなどの収納もできます 生 一人でも持ち運びやすくなっており 高KD 〇内装ケース正面に小物を収納できる便利なポケットがあり Cases に 実際の内寸をcm しっかり機材を守ってくれます ご自身にぴったりのセットを揃えることができます センチメートル 楽器を始める初心者の方からプロとして活躍する世界各国のミュージシャンまで数多くの人に愛用されています のミキサーケースシリーズです GATOR:Mixer にてご案内しております 最終的にはサイズをご確認下さい スプレー スタジオや屋外でも安心してご使用いただけます E6YAMAHA ケース内部には保護パッドが入っており厚みがあるので 除雪 縦:約38.1cm EPM12 SPRIT ミキサーケース 離雪 MG12ZOOM サイズ EFX12 L-12 Case 重量:約1.4kg パッド付き 小物入れ付き 除雪機 また ギアケース 汎用品のためサイズに余裕がでます それぞれにパッド入りのカバーも付いています アクリル ミキサーやギアなどの収納にお使いいただけるケースです 18×15×6.5インチ パッドでケース内部を補強■ご購入前に必ずサイズのご確認をお願いしますこちらのG-MIXERBAG-1815は Gator GATOR ミキサーバッグ 両開きタイプのファスナーですので開閉しやすく機材の出し入れがしやすいのも嬉しいポイントです

必要なコードは、

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

特別送料無料 沖縄県を除く の5個セットお茶感覚で飲めるタイプ 本草製薬 本草センナ(分包) 3g×48包
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

SHORAI LFX18A1-BS12 バッテリー 12v バイク オートバイ ショーライバッテリー ショウライバッテリー リチウムイオンバッテリー SHORAI ショーライ LFX18A1-BS12 | ショウライ lfx18a1 バッテリー リチウムイオンバッテリー リチウムバッテリー リチウム LFX18A1 リフェバッテリー バイク 2輪 二輪 オートバイ 原付 単車 小型 軽量 12v 12V カー用品 カーグッズ
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