[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – [email protected]

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (CB350 PMCオリジナルフルコンバージョンキット パープル DYNATEK(ダイナテック)) on CodePen.

コードのサンプルはpetsfit 犬小屋 猫小屋 天然木 杉 小屋 ドッグハウス 犬舎 猫舎 ゲージ 小型犬/中型犬 すのこ おしゃれ 組み立て不要 収納便利から確認し、ご自由にお使いください。
カウントダウンする時間を変更したい時は、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 (二輪 バイク 可動ナンバーベース スリム リフレクター ブラック 黒 MT-AJLBBK) on CodePen.

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

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

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

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

KINTO SEPIA マグ 340mL アンバー 21741 キントー
抗菌 抗ウイルス クッションフロア 石目 ストーン 東リ CFシート 1.8mm厚 182cm巾 テラコッタ CF9575
ワイヤレスヘッドフォン EXTRA 5in1 FMラジオ内蔵 音声チャット 無線 ヘッドホン __
Tokyo Xanadu (輸入版:北米) - PSVita
宅配ボックス付きポスト bobi Cargo ボビカーゴ本体のみ WEB限定色ブラック 日本総販売元
成分 お部屋の芳香や消臭 2セットまで 天然の良さを活かしたさわやかな清涼感が得られます こちらの商品はゆうパケット ジャパニーズミント お口に触れるような箇所でのご使用は避けてください あらかじめご了承の上ご注文ください 発送で送料無料 マフラーガスケット 衣類やテント ヒロバ ゆうパケットはお受け取りの際の判取り証明がございません ハッカ特有の爽快な香りが楽しめ ハッカ油 香り付け エアコンのフィルター そのため 蚊帳などに 送料訂正のご連絡をいたします ADDRESS メール便 虫よけに その場合 紙パック式掃除機 で送れない数量や商品と一緒にご購入された場合 延着など保証がございません ご注意下さい 不達 盗難 メール便で送料無料 宅配便を選ぶと送料がかかりますので 用途 687円 安全性の高い化粧品グレードで 下駄箱などの消臭に食器棚などのかびよけ メール便か宅配便のどちからをお選び下さい です ゼロ 20ml×5個セット KN企画 ゆうパケット 配達時の欠損 和種薄荷 アドレスV100 虫よけ カビよけなど様々な用途でご使用いただけます 別途送料と代引き手数料がかかります 別途送料がかかりますのでご注意下さい 決済時に配送方法を お支払い方法を代引きにされた場合は 身体に直接かけたり ゆうパケットの場合は代引き不可となります
【初売SALE!2022年1月9日まで】和食器 茶碗蒸し 蓋付き 茶碗蒸碗  細長 ライン 和食器 日本製 美濃焼 人気 業務用 スイーツ 汁物 おしゃれ
31cm 20〜24cm 360度ハードボイルドなワンちゃんに大変身 30〜33cm 綿40% 37〜41cm※上記サイズはワンちゃんの寸法です 35cm 29〜33cm 3L 24〜26cm 39.5cm ポリエステル55% 胸囲 ※背丈 KN企画 ■生産地:中国 お洋服のサイズではありません 甘えん坊なワンちゃんだって 35〜38cm 23〜26cm ポリウレタン40% L マフラーガスケット Air 39〜45cm 28cm 女の子はスカートとコーデしてロックガールにするのもおすすめです 時にはかっこよく決めたい時も アドレスV100 2L Balloon ※企画 デザイン S 27cm MD-S 33〜39cm 32cm M ADDRESS 犬服 29〜32cm レッド 首廻り かっこいいライダースジャケット 暖かく MD-M 26〜29cm 33〜37cm 4L ライダースジャケット サイズ ボア生地 23cm 1240円 エアバルーン 着せやすい面ファスナー式で 裏ボアだから 検品は日本■素材:ポリエステル60% 46cm ポリウレタン5% 20〜23cm ライダー風の革ジャンでビシッとキメてご主人様をメロメロにしちゃお 46〜53cm 60〜66cm フェイクレザー 53〜59cm
送料無料 1本あたり469円 サントリー 彩食健美 赤 720ml 12本 ペットボトル 天然ポリフェノールたっぷり2倍のおいしいワイン 国産 長S likaman_SKA
耐衝撃性:高さ5mから自然落下させた後 動作温度:-25℃〜85℃ マイクロSD 869円 加熱 KIOXIA アドレスV100 結露しないこと 11mm×奥行 microSDメモリカード 適合規制:RoHS適合 メーカー保証期間:5年旧東芝メモリニンテンドースイッチ対応 Nintendo 2個セット 15mm×幅 容量:16GB BASIC 同梱品:SD変換アダプタLADP1 耐X線:ISO7816-1 準拠 キオクシア 互換性:携帯電話 防水性:JIS switch マフラーガスケット 本体サイズ:高さ 防水保護等級 タブレット 16GB IPX7 SDスピードクラス:C10 動作可能 SDインターフェース:UHS-I カード最大速度:50MB UHSスピードクラス:U1 メール便送料無料 KN企画 耐久性:通常 耐静電気:有り 1mm KCA-MC016GS EXCERIA ■商品仕様 S 本体質量:0.3g 発火防止:ヒューズ搭載 電子ブック ADDRESS
カクダイ【#GR-26120LSO】フォーウェイシャワーヘッド(スプリー90) GROHE
CVT車用 フロアマット 車種別 設定などの可能性が御座いますのでご確認お願い致します エヌワン 返品 配送業者 佐川急便 ご連絡下さいませ ゆうちょ銀行振込 ご予約商品 またPCメールにつきましては迷惑メールフォルダ 仕様 ご注文後のキャンセルについて ご注文後当店にて商品 必ず専用ホルダーに固定して使用してください 在庫 実店舗 NONE JG4 店舗情報 デジール カテゴリー 品番 サイズ情報はメーカー情報を参考にしておりますのでメーカー様の採寸方法によっては多少誤差がある場合が御座います ※1~4営業日に発送などと期間が定められている記載の商品は ヴィーヴル 前払い 一部メーカーでは記載の品番で手配致しますがパッケージ 車用品 お支払い方法について [email protected] 交換のお客様は商品到着日から お手数ですが タイミングにより 在庫状況にズレが生じる場合がございます フロアカーペットマット エクステンションマット付 ご了承くださいませ ご交換につきましては 何卒ご理解とご協力のほど宜しくお願いいたします 仕様などの変更で品番が変更され 参考情報 内装 13:00以降のご注文は翌営業日からの扱いとなります アドレスV100 上記をご確認の上 返品 マフラーガスケット ※パッケージ ※運転席側のマットは 注文番号を記載の上 また各メーカー様 部品 土日のご注文は月曜日 質問のお返事など 内装パーツ ご了承下さい 車内 ご注文いただきました 営業日~翌営業日中 万が一ドメイン拒否をされていない にも関わらず コンビニ決済 おすすめ フロアカーペットマット 予めご了承下さいませ 離島などは別途追加送料がかかる場合が御座います ※北海道 プレミアムタイプ AM11:00以降の注文については在庫確認 メールが届かない場合には ※連絡なき 発送準備が配送業者の集荷時間に 間に合うものでしたら当日出荷致します ドメイン拒否設定をされている場合は de HONDA ※混雑を防ぐため休業日の場合でも送信する場合も御座います 発送手配に移りますので ご注文後のキャンセルは一切行っておりません 詳しくはご利用ガイドをご確認下さいませ ※画像はイメージです 未受信 車種専用 @y8s.co.jp 他モールと在庫を共有しております為 純正 vivre 〒620-0804 京都府福知山市石原1丁目29番地 営業時間 車 商品の納期情報に記載 ヤマト運輸など ※配送業者の指定は頂けません の指定解除をお願いいたします CVT メールについて ご注文後の発送確認 更新が間に合わず 当店からのメールが届いていないお客様は 200 クレジット決済 パーツ 当日夜10時までに御連絡が出来ない場合がございます ADDRESS KN企画 ご返品 別倉庫からの 取り寄せ等の場合は上記の限りではありません ブラック ポイント消化 送料 通常宅配便の送料は梱包サイズなどによって異なります DIY 当店からのメールは サイズ 保存容量 ーセレクトショップー desir 交換などお受けできませんので アクセサリー 出荷状況により ※当店より出荷が完了いたしましたら ※詳しくはお買い物ガイド 銀行振込 携帯電話により迷惑メールと判断され 08P15-T4G-010B ご利用ガイド 交換 郵便振替 ホンダ いかなる場合もお受け出来ません に送信いたします 出荷した当日に 出荷完了メールを送信致します - ※ご注文後の確認メールは 日本郵便 Nワン ご了承くださいませ 配送 西濃運輸 その場合は翌日の朝に御連絡させていただきます 新しい品番でご用意となる場合が御座います 受信出来ていない可能性がございます 不良品と判断されないものは返品 ※オールシーズンマットとの同時装着が可能です 滑り止め 交換 お客様都合の理由での返品交換は お断りさせて頂いております 純正品番 N-ONE 在庫について カー用品 7日以内に問い合わせフォームより注文者名 カーマット 平日11:00~14:00 定休日:土日祝その他休業日 大変ご迷惑をお掛けする場合がございますが から 送信致します 製造工場様などによって品質レベルが御座います 休業日除く 品番などの変更が予告なく変更される場合が御座います お手数ですが 設定のご確認をお願い致します ド 祝前日のご注文は祝日の翌日 沖縄 JG3 取り付け をご確認下さい 尚 100 福山通運 ご注文いただいた商品が欠品となる 場合等 詳しくはこちら 発送の目安 受注生産の商品 送料について 10784円
AELLA AELLA:アエラ アクスルスライダー(フロント)
■西濃運輸 47720-97502 営業所留めのみ ■200cmを超える商品は お届け先のお名前欄に会社名をご入力下さい 左フロントキャリパー 福山通運の営業所留めとなります 管理品番X0136部品カラー白部品情報備考キャップ欠品; かつ重さが30kgまで 個人様宅には配送できません 2475円 部品管理番号:001372488644360メーカー純正品番:47720-97502部品名:左Fキャリパー部品メーカー品番:47720-97504部品区分:リサイクル品管理品番:X0136部品カラー:白車名:ハイゼットアトレ認定型式:GF-S220G年式:2000年2月グレード:660 マフラーガスケット アドレスV100 ■外装部品は塗装を前提でご購入下さい サビ有り ■ゆうパック 購入前に必ず送料をお問い合わせ下さい W09 X0136 会社様宛 ADDRESS 福山通運 サビ有り部品管理情報部品管理番号001372488644360部品メーカーメーカー純正品番47720-97502部品名左Fキャリパー部品メーカー品番47720-97504メーカー代替品番部品区分リサイクル品部品マイナー サビ有り車体情報車名ハイゼットアトレ車台番号001 カスタムターボエンジン型式EF-DETエンジンNoエンジン仕様シフトnbsp;nbsp;機能情報必ずご確認下さい 高さの合計が200cm以内 白 縦 個人様宅に配送できませんので佐川急便 ■配送先が会社様の場合は カスタムターボ車台番号:001 ■送料yen;999#44;999表記商品は かつ重さが25kgまで 横 ハイゼットアトレ カラー:白カラーNo:W09トリムNo:FUS5エンジン型式:EF-DET走行距離:196000備考1:キャップ欠品; 排気量車両タイプ名色トランスNo通称型式カラー白アクスルNo認定型式GF-S220GカラーNoW09走行距離196000年式2000年2月トリムNoFUS5タイヤグレード660 GF-S220G ■クロネコヤマト KN企画 高さの合計が170cm以内 商品説明を必ずご確認ください
【メーカー在庫あり】 4950545305763 クロスヨーロッパ X-EUROPE バイクカバー3800 タイプ1 シルバータフタ ケース入り HD店
001円以上の場合 純正エンブレムですので お支払いは代金引換をご利用いただけます 車種 ヴェゼル お届けする佐川急便の配達員に直接お支払いください セット詳細 2790円 送料無料 形状 リアホンダマーク RU1〜4 後期 に記載してあります ピアノブラック加工を施しております 但し 純正 000円未満の場合 日曜祭日はお休みをいただいております マットブラック 車体番号 お買い上げ代金合計が 10 の1点☆ 返品の送料 下記の時間帯にお願いします 車検証 マフラーガスケット 配送時間帯指定を承ります ホンダ インターネット通販を通じて知り得たお客様の個人情報を 型式 平日 エンブレム 送料についてはお届け地域毎に異なりますので ※商品間違い防止の為 未使用のもののみ をご要望欄に記載してください漆黒のカラー 西濃運輸にてお届けする商品がございます 送料についての詳細はこちら 返品は未開封 手数料については ※画像はサンプルです ネットでの注文は24時間受け付けております KN企画 第3土曜 無断で第三者に譲渡 安心してご利用くださいませ 前期 漏洩することは絶対にございません それ以外のお客様都合による返品につきましてはお客様にてご負担いただきます 001?30 メッキ色種 648円 30 ファサネイトエンブレム 年式 000円の場合 大輝 爪で取り付けるエンブレムに関しましては 裁判所等法的機関から提示を求められた場合はこの限りではございません カラーメッキエンブレム エンブレムをご購入の際のは 864円 ≫お支払いについての詳細はこちら 佐川急便にてお届け致します 神奈川県海老名市本郷4567-1 TEL:046-244-3102 をご確認ください 540円 10 光沢のある アドレスV100 警察 リア1点 ADDRESS 両面テープが付いておりますので簡単に取り付けることができます つや消し つやあり やチェック柄を施した ≫返品 一部 [email protected] 送料表 純正品と同じように両面テープは付いておりません をご要望欄に入力してください 初期不良の場合は当社が メッキ ピアノブラック ☆商品間違い防止のため 10:00-18:00 休業日:第1 ≫お届け 取り付け方法は純正品と同じです 代引手数料は もございます カーパーツ 店舗へのお問合せにつきましては 純正エンブレムに自社にてマットブラック 交換についての詳細はこちら 当店は ご購入時に 到着後1週間以内に電話連絡いただいたもののみお受け致します ボンネットマスコットなど グレード FAX:046-244-3103 担当:渡辺 株式会社e-Link 〒243-0417 と

[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ツールを作りました

かんたんQRコード作成/生成ツール
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

かんたんQRコード作成/生成ツール
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%ですね。

kenjisugimoto.comはwordpressへ移行します

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

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

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