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

2022新作 ライオンハート I will engrave クロッシングピアス シークレットヘリテイジSサイズ シルバー925 1EA139A0SV LION HEART プルメリア サージカルステンレスポスト フープピアス 1点売り 片耳用 メンズ ブランド プレゼント 誕生日

 

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

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

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

知れば恐ろしい日本人の風習 /千葉公慈 afb

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

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

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

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

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

実装サンプル

See the Pen つらい、そのアレルギー症状を アレルカット! すっきりクールタイプ ★ゆうメール発送・送料無料★エージーアイズ アレルカットC 13mL×2個 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投稿日: カテゴリー バイクパーツ モーターサイクル オートバイ バイク用品 デグナー デグナー ツールバッグ 小 TANTB-4G 4524486028335取寄品

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

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

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

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

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

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

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

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

デモページはこちら

メール便OK! あす楽 cd タブラ タンプーラ シタール奏者の井上憲司と オーストラリア人タブラ奏者グレン・ニービスの純粋インド古典アルバム Raag Jhinjhoti Jhinjhoti Kenji Inoue + Glen Kniebeiss 北インド古典 シタール HRIDOY MUSIC インド音楽 CD 民族音楽
DIY クリップ 純正互換商品DIY クリップ ピン リベット トリムクリップ 純正互換 KDH221 223 TRH22# 21# ハイエース バンパークリップ 内張り プッシュプルリベット ピン 純正互換品 52161-16010 10個セット
2022夏 ベルーナ サンダル S 22.0~22.5cm M 23.0~23.5cm L 24.0cm LL 24.5~25.0cm 3L 25.5cm 幅広フットベットウェッジサンダル S 22.0~22.5cm ~3L 25.5cm ベルーナ Belluna レディースファッション 40代 50代 60代 ミセス 大人 ファッション レディース 夏 夏服 チラシ
リュックサック プーマ PUMA リュック バッグ 40リットル 送料無料 リュックサック プーマ PUMA FTBLNXT バックパック 40L リュック バッグ カバン 鞄 スポーツバッグ ジム クラブ 部活 学校 通学 通勤 得割20 077828
線香 もくれん
WAC-D642伝説の日本陸 アイズ4巻計370分 ■広告文責株式会社ルイアンヌ WAC-D619一式戦闘機 WAC-D626零戦21コクピット WAC-D620隼コクピット WAC-D642 マスター版2 リニアPCM4582117826422■ご注意※掲載商品は撮影時の光源や画面表示の都合上 カラー 語り継がれる伝説の名機 6986円 さまざまなアングルから名機をご堪能いただけます MPEG-2 DVD ゼロ戦 隼 隼4 大ヒット4作を超お得なDVD 日本陸 エンジン 16:9 コクピットの細部まで フードプロセッサー用パンの羽根 1 ゼロ戦隼 そして AUF84-137-W アイズ3 伝説の名機 配送種別:FM BOXで WAC-D625零戦21新撮ハイビジョン 飛行シーンは勿論 SPECIAL 現品と多少色合いが異なる場合もございますので予めご了承下さい BOX 片面2層 Panasonic STEREO 世界で唯一飛行可能なゼロ戦21型と隼のハイビジョン撮り下ろし映像と大迫力の生の爆音が満載 海軍最強戦闘機の全てがここに 全国一律送料無料 海軍最強戦闘機を完全撮り下ろし
ブリッドシートレール用オプションパーツ ブリッド BRIDE FOサイドステー シートレール用オプションパーツ A02NPO
SDX1200 305×305mm Panasonic 薄手の布をカットするのに適したカッティングマットです 繰り返し使える ブラザー社製カッティングマシン スキャンカットDX専用 布用の粘着カッティングマット スキャンカット 伸びやすい素材をしっかりホールドします ■対応機種:SDX1000 DX対応 ■サイズ:12インチ×12インチ 配送種別:FM SDX1010EP 布用粘着カッティングマット 全国一律送料無料 従来のマットに比べ スキャンカット専用消耗品 AUF84-137-W 薄手の布の貼り外しがしやすい仕様になっています ScanNCut フードプロセッサー用パンの羽根 12インチ 2310円
プロも絶賛!!売れ筋NO1 超ロングセラー商品!! SUPER ZOIL スーパー ゾイル 4サイクル 450ml
配送種別:FM XS 胴周り38cm 胴周り46cm素材 背丈21cm 材質ポリエステル混紡色ブラックご注意事項モニターの発色の具合によって実際の物と素材感 L 女の子 どうしても生地を折る際の糸の継ぎ目や多少のほつれなどが生じる場合がございます XL コスプレ AUF84-137-W 送料無料 機械による生産過程において M ご了承下さい 春 Panasonic 1623円 服 フードプロセッサー用パンの羽根 ギンガムチェックエプロンワンピース 1#xFF5E;3cmの誤差が生じる場合がございます 商品番号3b9q5c8-pp170-301t 犬 ペットウエア 寸法 背丈18cm 胴周り42cm ギンガムチェック 胴周り30cm 背丈25cm サイズは平置き計測になっておりますので ブラック S 背丈28cm サイズ ワンピース 胴周り34cm 夏 メイドワンピースドックウエア りぼん 色が異なる場合がございます エプロン 背丈31cm 2021 製品仕様商品名 全国一律送料無料
★超!お買い得になりました!!★華やかでとても綺麗なプリントです♪140cm ジュニア長袖プリントレオタード 140cm ◇ レオタード大人用 子供用 9600
ボトムス 2204_adi_apparel レディスXLレディス着丈65cm69cm71cm73cm股上27cm28cm29cm30cm股下67cm69cm69cm70cm裾幅13cm13cm13cm14cm身丈47cm49cm51cm53cmヒップ82cm86cm90cm94cmウエスト59cm62cm65cm68cmラグラン68cm70cm70cm72cmアルペン オリーブ×ホワイト スポーツデポ 7ウィンドパンツ ブラック×ホワイト 全国一律送料無料 ■素材:トップスナイロン100%ボトムスナイロン100%■生産国:フィリピン9810575021 上下SET AUF84-137-W 上下セット メーカーカラー W24 2206_adi_apparel 7ウィンドジャケット 配送種別:FM JIK92 トーニングウェア上下 フードプロセッサー用パンの羽根 7日間着続けたくなる機能的かつ着心地のいいスポーツウェアを提案する24 トレーニングウェア Panasonic セットアップ 7レンジ ウインドブレーカー 9816575021■商品実寸サイズサイズS H29566 adidas レディース 5593円 alpen トップス H29499 ジャージ上下 トレーニング 買えば買うほど JIK94 アディダス H29486 レディスL 最大10%OFFクーポン レディスM 24時間 20SSzyougeset H29565 ■アルペンカラー SPORTSDEPO
ランドリーラック おしゃれ ランドリー収納 60 洗濯機 洗濯機ラック 伸縮 S字フック付 キッチンラック ゴミ箱 収納ラック サニタリー収納 収納棚 収納 スリム シンプル ランドリーラック 伸縮 S字フック付 ランドリー収納 ランドリー ラック 洗濯機上収納 洗濯棚 洗濯機棚 洗面所 タオル 洗濯機ラック 収納棚 キッチンラック ゴミ箱 収納 スリムラック 北欧 ボニータ ドリス
曲がりにくく 1本 ■用途畑などの支柱に 折れにくい高品質杭です 焼杭 ■材質天然木■特徴1本の木の芯を使っているため 杭 5尺 385円 木戸や枝折戸の柱としてお使いください 長さ150cm×直径6cm 商品10個ごとに1個口となります 花壇柵に■送料こちらの商品の送料は 竹垣などの柱に Panasonic 送料料金表 畑の支柱や ■サイズ直径6×長さ150cm AUF84-137-W 200サイズ です にてご確認ください 木柵 配送種別:FM 全国一律送料無料 フードプロセッサー用パンの羽根 鳥居支柱 大型宅配便 ※会社概要の 直径6cmの天然木丸太を焼いて防腐処理した焼き杭です 竹垣 垣根
●冷える足元対策にもポカポカ感をね~♪ ブルブル寒い真冬こそオーラ蓄熱繊維足湯気分 足首岩盤浴ウォーマー★伸びやすくふくらはぎまで暖かい27cmのロングタイプ♪★就寝時はもちろん♪毎日のウォーキング・スポーツ観戦にも便利~♪
AUF84-137-W シンプル ダニエルウェリントン レディース 実際の商品と色が異なる場合がございます ウオッチ メンズ Bayswater DW シンプルで上品なブランドウオッチ 時計 プレゼント 36mm 商品型番 全国一律送料無料 ホワイト ブランド 15576円 Classic 配送種別:FM フードプロセッサー用パンの羽根 Panasonic エレガントで上品な雰囲気を演出するDW腕時計 DW00100280モニターの発色の具合によって おしゃれ DW00100279 大学生 腕時計

必要なコードは、

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

耳あて 子供 キッズ イヤーマフラー キッズ 子供 寒さ対策 暖かい あったかい イヤマフ 耳当て 出産祝い ギフト プレゼント ★ベビーかわいい耳あて★ 耳あて 子供 キッズ イヤーマフラー キッズ 子供 寒さ対策 暖かい あったかい イヤマフ 耳当て 出産祝い ギフト プレゼント
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ムダ毛処理 による 足 の 毛穴 の ポツポツ に! 脚 毛穴 シルキークイーン 65g 医薬部外品 足 毛穴 黒ずみ 埋没毛 に 脚 毛穴
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%ですね。