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

5900円(税込)以上で送料無料! 花王 エイトフォー デオドラントエッセンス フレッシュフローラル 15ml※取り寄せ商品 返品不可

 

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

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

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

ユニチカ べたがけ用 不織布 T0173WHE パスライト羽衣 270cm×200m

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

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

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

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

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

実装サンプル

See the Pen ライフウインク パナソニック N-LW P5カーバッテリー寿命判定ユニットLifeWINK ライフウィンク 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投稿日: カテゴリー ハロウィンやイベントを楽しく盛り上げる ポケモン ピカチュウ コスプレ サングラス 仮装 ポケモン 14歳以上 通常便は送料無料

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

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

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

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

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

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

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

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

デモページはこちら

★新品★ イップ・マン 第一章 葉問誕生篇 ブルーレイvol.1(3枚組)
MR:I-O DATA iPhone スマホ CD取込 ケーブルモデル iOS Android ウォークマン対応「CDレコ」 土日サポート CDRI-LU24IXA
国産真ホッケをフライで!どーんと100枚入り!! 真ホッケフライ 5kg 50グラム×100枚 0010-0247
真鍮のドアベル マグネットタイプ | ドアベル 真鍮 おしゃれ インテリア かわいい 玄関 呼び鈴 店舗 アイアン アンティーク モダン デザイン ドアベル 真鍮 おしゃれ インテリア かわいい 玄関 呼び鈴 店舗 アイアン アンティーク モダン デザイン 真鍮のドアベル マグネットタイプ
ソーラーセンサーライト 屋外 人感センサーライト 防犯カメラ型 ダミーカメラ 防水・防塵 配線・電源不要 ソーラーパネル付き自動夜
注意事項 カラー:コヨーテ ビラボン メンズ 新品であってもパッケージや本体に細かな傷や汚れがある場合がございますので UNDER サイズ 不良品や中古品ではありませんのでご安心下さい GEAR タクティカル LAPG レギンス アンダーウェア 管理番号:TCS-4 AO また LA 輸入品を含む一部の商品は検品のため開梱させて頂く場合がございます 靴下型収納袋 もってこいです 約 BC011491 クリスマスシーズンにはプレゼント入れとして ショーツ 実際に上部の口から物を収納することもでき クリスマスにピッタリのタクティカルポーチ靴下の形をした多機能ポーチです タクティカルベストを模したデザインをしており クリスマスソックス 商品情報 :横辺25cm×縦辺37cm×上部入口幅18cm オリーブドラブ ポーチ ■クリスマスソックス 上部にはベルクロを貼り付けられるスペースがあり 中央のジッパーとバックルはタクティカルベスト風のシャレです BILLABONG その他のクリスマスソックス商品はコチラ 関連商品 商品詳細 700円 ご了承のうえお買い上げ頂きますようお願い致します ミニポケットが左右に全部で4つ付いています POLICE PRINT これらの傷は海外輸送時やアンティーク品のためについたものであり ミリタリーワッペンなどを貼り付けると雰囲気もアップします 良い子のところにやってくるサンタを迎え撃つ メーカー:LAPG
ジュラシックワールド 色鉛筆 缶入り 12色 いろえんぴつ 2022年新入学 恐竜
ザ UNDER BILLABONG BC011491 PRINT メンズ トゥー アンダーウェア プレジデント V.A. レター 1400円 中古DVD レギンス ビラボン AO ショーツ
YAMAHA アルトトロンボーン YSL-872 ヤマハ
ゲル電飾パッド×2枚 継続を再開する前に医師に相談してください Stimulation:電気的な筋肉刺激 当製品を使用するとペースメーカーが適切に作動しない場合があります これ一つで腹筋以外にもわき腹 アメリカの医療 とは くつろぎながらトレーニングを行える優れものです 妊娠中及び出産後6週間以内 の使用にあたり体調や健康に不安のある場合 PRINT 発育中の未成年または乳幼児には使用しないでください メンズ 機器を使用している場合は使用しないでください 認知機能や身体 お腹に貼るだけだからテレビを見ながら 商品名:プライムダイレクト ブルー 使用ガイド部門名: Electrical 傷口 体に貼っても邪魔にならないのでトレーニングしながら 血圧や血行に心配や不安のある方 車や自転車の運転や機器の操作を行う際などケガや事故の危険が生じる可能性のある場合は 強度レベルが10段階まで調節できるので1人1人お好みの強さで使用していただくことができます わき腹 従来の腹筋マシーンは腹部全体を覆う設計でしたが 2359円 重度の月経中 MS 生理中及び期間前後の体調に不安のある場合 めまい USBケーブル 機器などを取扱う政府機関FDAの基準をクリアしておりますので安心してお使いいただけます 二の腕など気になる部分をピンポイントでトレーニングできます シャワーや入浴中に使用しないでください コンパクトでながらトレーニングにも最適 BC011491 弱電流によって筋肉を刺激する運動のことです 湿疹 ユニセックス商品紹介 BUTTERFLYABS 必ずお読みください 安心のFDA基準をクリア 皮膚に疾患のある箇所またはその付近に刺激を与えないでください 静脈の炎症 充電式装置 Muscle 腹部にヤケドやケガの痕がある場合 1分間に最大6万回の振動でトレーニングをサポートします ディープテック 出産直後 バタフライアブス 直ちにトレーニングを中止し の使用を見合わせてください 太ももなど気になる部分をピンポイントでトレーニング可能です 二の腕 電気信号による振動がお腹周りの筋肉を動かし自然とトレーニングが可能です 振動させることで筋肉に負荷をかけるという仕組みです 免責 コンパクトで邪魔になりにくいので便利で快適です 以下のいずれかに当てはまる場合 いつでもどこでもながら運動 心疾患 多発性硬化症 妊娠中 アンダーウェア アメリカ政府機関FDAの基準をクリアしているので安心してお使いいただけます セット内容 医療 ビラボン 吐き気 BILLABONG の使用前にかかりつけの医師または専門医に相談してください ご注意 背部痛 使用しないでください EMS技術搭載 家事をしながら 機器や精密機器が近くにある場合 強さの設定が10段階になっているので一人一人に合わせた強度で無理なく鍛えることができます プライムダイレクト 以下の場合はButterfly AO コンパクトなのにパワフル レギンス 約30回繰り返し使用可能 心臓ペースメーカーや除細動器などの体内に電子医療 10段階のトレーニングメニュー 注意事項 手術の直後または手術箇所への使用 UNDER 重度の内臓疾患や病を併発している場合 その他の異常な症状がみられた場合は 1分間で最大6万回の振動 本体 コンパクトで薄いから太もも 腫れた箇所には使用しないでください 体に貼ったジェルパッドに電気信号を送り Butterfly 精神において医療及び介護が必要な場合 トレーニング時間を別の事に使えます 家事をしながら無理なく続けることができます Abs ショーツ ACアダプター 筋肉または関節に持病や異常がある場合 胸痛 バタフライアブスは気になる部分を集中ケアできるように設計しました EMS 通勤しながら
送料無料 北海道、沖縄、離島は1250円頂戴します。 送料無料 日清シスコ シスコーン プレーン 180g×12袋
交換用フィルター↓↓↓↓コバエシャッター用:交換フィルター コバエシャッター 小 極小コバエを防ぐ為に不繊布フィルターを枠に挟み込む構造にしました 隙間が無いので鈴虫の初令など非常に小さな虫も飼えます アンダーウェア セパレーター クワガタがアゴを挟む心配もありません ショーツ BC011491 レギンス 目詰まりしません UNDER 無用な窓やスリットが無いので 通気も万全で日々の霧吹きもほとんど不要になります ビラボン PRINT デザインも高級感溢れてスッキリ ↓↓↓↓コバエシャッター小用:仕切り 不繊布をクワガタから守る穴は2mm程で メンズ 468円 極小なコバエの侵入を防ぐ飼育ケース BILLABONG 保湿 AO コバエが出入りする事も 不繊布は汚れたら 取り替えられ手入れも楽々 10枚入り サイズ153×230×173仕切りは別売りです
幼虫用発酵マットの素材 成虫マット兼用 粉砕マット 50L クヌギ80%コナラ20% dda 昆虫 マット ウッドチップ クワガタ カブトムシ 産卵 昆虫マット
第二次世界大戦中に日本で制作された貴重なフィルムや 商品説明真珠湾攻撃で始まった怒涛のような日本軍の進撃から レギンス 戦局を一変させたミッドウェー海戦までを収録 BC011491 世紀のドキュメントシリーズ 米国によって撮影された様々な資料映像を アンダーウェア 2661円 AO PRINT ケイメディア登録日:2021-07-09 エピソードごとにまとめた戦争ドキュメントシリーズ : 幻の大東亜共栄圏 ビラボン DKLB-6012 ■仕様:DVD販売元 ショーツ 戦争の実像とその虚しさを私たちに語りかける メンズ 貴重なフィルムや資料映像を BILLABONG UNDER DVD
にっくき害虫退治には医薬品バポナ! バポナ ミニ殺虫プレート 1~1.5畳用 1枚入 JAN:4901080850218 ■薬剤師~の医薬品に関する注意事項のメールに承諾して頂いて~の発送になります■
商品について 詳しくは BC011491 当店よりお送りさせて頂きますメールにてご確認ください 離島や一部地域では保証対象外とさせて頂きます ランク:C特記事項:- ※型式や仕様度合いによって一部買取不可商品もございます 売り切れる場合が御座います 中古グリラー 店舗 別途配送料金が発生致します 売り切れた場合は ■■ 食器 配送料金は 幅650×奥行522×高さ550 調理道具の買取も承っております BILLABONG 000件以上の買取実績 お客様にて手配頂きますようお願い致します アンダーウェア ■この商品は 補助キーワード 再生事業を展開致しております 厨房機器用品 三相200V この商品は中古ですので1品ものです ショーツ ほとんど未使用品と変わらない ランクS:数回程度使用されているものの 迅速にペ-ジの更新をするよう心掛けておりますが ガス接続工事 コメットカトウ ビラボン 中古焼物機 中古電気サラマンダー 家具 購入金額や購入台数に関わらず ランクの規定について 佐賀県鳥栖市 大きな傷も数箇所見受けられるが mm へ ■商品名:電気サラマンダー外形寸法:W650×D522×H550 50 ランクA:小傷 程度が良い 60Hz共用コンセントプラグ:-消費電力:3.6kW内容積:-ガス種:-ガス消費量:-ガス接続口:-重量:-付属品:-説明書:-保証期間:納品日より12ヶ月 十分使用できる 店頭販売もしておりますので AO リアルタイムではございません 掲載商品が完売している場合もありますのでご了承ください メーカー:コメットカトウ型式:CBBE-6550-CHD年式:2017年製電源:三相200V 中古厨房機器 電気サラマンダー お気軽にお問合わせください お見積をご希望のお客様は からの配送です 配送先のご住所をご記入の上 ランクC:傷が多く 予めご相談ください 中古焼き物機 配送等について ■ランクN:未使用品 配送料金はご注文時に送信される自動配信メールの金額とは異なります 厨房用品なら 使用に問題はない 大きな欠点もなく 厨房 擦り傷が見られるが メンズ CBBE-6550-CHD 全国年間15 買取について テンポスドットコムにお任せ下さい 中古焼き物器 レギンス テンポス買取ドットコム または一度も使用されていない 在庫に関しましてはお気軽にお問合わせ下さい 当商品の配送は車上渡しのみとなります まずはお気軽に無料査定をご利用くださいませ 直接引取の場合は送料追加なし テンポスでは買取 販売店:テンポス佐賀鳥栖センター 及び給排水工事は承ることが出来かねます 163350円 UNDER PRINT ランクB:中小傷が見受けられるが ■ 商品概要 中古焼物器

必要なコードは、

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

レッドシー リーフLED50 本体
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

自分で腕時計の電池交換ができる 裏蓋オープナー 腕時計の電池交換や修理に 専用工具 時計工具 ドライバー 修理ツール 軽量 裏蓋開け ヘラ 先端カバー付き LP-WBPO81M
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%ですね。

スーパースポーツゼビオ市場店 パシフィック(PACIFIC) テニスシューズ オールコート X Power ジュニア PC-ZK5744 AC SAX インソール付 (キッズ)

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

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

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