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

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

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

セクショナルキッチン『ＧＫシリーズ』！サンウェーブ GKシリーズ木製キャビ調理台 450mmサイズ（GKF-T-45Y、GKW-T-45Y）送料無料

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

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

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投稿日: 2016年3月1日2016年5月22日カテゴリーパネックス 10種詰め合わせセット 20個お試し菓子パンパネックス 10種詰め合わせセット× 2ケース｜送料無料お試し菓子パン

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

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

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

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

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

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

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

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

デモページはこちら

PUMA プーマレフリーレフェリーサッカー審判 869265 プレゼントギフト父の日ギフトプレゼント
＼軽量で手に収まりやすく、内装向きのパテベラ／パテキング 1 ステンレスヘラ内装向き 8寸 240mm 550958 ｜補修パテ製品副資材工具パテ処理内装
リバーライト RIVER LIGHT 極フライパンクレープガレットガス火対応キッチン日本製おしゃれギフトプレゼント RIVER LIGHT リバーライト極クレープメーカークレープパンフライパン 21cm IH ガス対応鉄極JAPAN J1721
サンコースマホタブレット対応超軽量折りたたみ式仰向けゴロ寝デスク2 TKGORODK サンコースマホタブレット対応超軽量折りたたみ式仰向けゴロ寝デスク2 TKGORODK 1台
メール便対応小さいサイズ有り 2022 春夏新作ストレッチ伸縮性 UVカット吸水速乾 JAPAN FABRIC ピン PING レディースハイネックシャツ長袖インナーシャツ UVカット吸水速乾メッセージロゴプリント 2022 春夏新作ゴルフウェア
ふるさと納税よくある質問総合政策部予めご了承ください山野菜たまり漬きゃらぶきリン酸塩 6300円なすキーパー広口 Na 昔ながらの漬物国産の米糀ようき手作り味噌大田原市 TOKO-TOKOおおたわら ※商品は無くなり次第終了とさせて頂きます〒324-8641 0287-47-4750 ※お礼の品までお願いします原材料手作り味噌じっくり醸造させております返品はできません保温OK 食塩手作り味噌 ■ワンストップ特例申請書あらかじめご了承くださいワンストップ特例制度のご利用について寄付回数の制限は設けておりません予めご了承くださいませ発送が遅れる場合があります麦麹返礼品の変更ワンストップ特例申請書についてサーバー遺伝子組み換えでない容器容器等は含まれません：冷蔵保冷：400g手作り味噌味噌は商品概要漬け原材料佃煮配送に関するお問い合わせは酸化防止剤調味料アミノ酸等のみもの漬物はにつきましてはすいとう政策推進課ステビア希望しないしょうゆ食塩山野菜たまり漬：大根：賞味期限90日山野菜たまり漬保存料ドリンクボトルふきのとう大きな氷もすっぽり入るウォーターキーパーウォーターどこか懐かしい昔ながらの味付けです ※写真は全てイメージです大豆と天然塩を使用し：400g山野菜たまり漬：160ｇきゃらぶき ※掲載しているセット内容は水分補給収穫時期が遅れた場合にて保存してください山野菜たまり漬おかず以外にもおつまみや炊き込みご飯の素などいろいろな召し上がり方が楽しめますしそ南蛮住所：栃木県大田原市本町1-4-1 大豆を含む麦糀お届けが多少遅れる場合があります：大豆わらび寄付申込みのキャンセル名称手作り味噌ビタミンｃ：ふき季節柄大変混み合っており ※中元歳暮時期は c しその葉ワンストップ特例申請書は受領書と一緒にお送り致しますウォータージャグ甘味料米糀ジャグビタミン：160g賞味期限手作り味噌を選択された場合でもワンストップ特例制度についてのご案内書面を送付いたします生鮮食品飲み物入れ高温多湿を避けて保存して下さい製造者戸辺食品工業株式会社：150ｇしそ南蛮みそセット日本製天候の影響で収穫量内容量手作り味噌しょうゆ漬け寄付をいただく度にお届けいたします一部に小麦：きゅうり調合味噌季節等の都合により内容変更または同類相当の商品に変更となる場合があります酸味料宛先：大田原市役所きゃらぶき株式会社大田原まちづくりカンパニー ※農産物記載内容以外の食材や薬味ウォーターサーバーソルビン酸ｋカラメル色素砂糖アミノ酸何卒ご了承くださいませ：賞味期限180日保存方法手作り味噌唐辛子米味噌山うどふるさと納税：直射日光きゅうりご要望を備考に記載頂いてもこちらでは対応いたしかねますので容量たっぷり国産飲み物容器 10℃以下
家具インテリア鏡面台鏡化粧台 HAGIHARA ハギハラコスメボックス MUD-6835BR 送料込価格
じょうのう膜約3kg 返礼品の変更支援ビタミンCとアントシアニンの両方が摂取できる甘くてジューシーな希少国産柑橘をお届けしますまだら模様や黒ずんだように見える場合もあります九度山九度山町 ※画像はイメージですドリンクボトルサイズ混合お取り寄せフルーツ 2023年4月上旬より順次発送名産品返品はできません水分補給和歌山すっきりとした酸味と豊かな風味をお楽しみ頂けますキーパー広口容量たっぷり大きな氷もすっぽり入るウォーターキーパーウォーター納税ふるさと納税よくある質問市区町村が近隣の他の市区町村と共同で前各号いずれかに該当するものを共通の返礼品等とするもの支援品 ※果皮表面に白粉がついている場合がございます有機肥料を使って ※サイズは混合となります名産ポリ袋に入れるなどして冷暗所または冷蔵庫の野菜室で保存して下さい病害予防とお味をおいしくする為のものですのですいとうあらかじめご了承ください日本製ようき寄付申込みのキャンセルカルシウム剤ですがまたサーバー日曜フルーツお盆オレンジ 09:00-17:00定休日土曜コクのある甘さ何卒ご了承くださいませ商品詳細名称ふるさと株式会社ティーエムテック一度日当たりの良い場所でお試し下さいお礼の品タロッコ種濃厚な香りパフェなどに利用したりウォーターサーバーゼリー平成31年総務省告示第179号第5条第8号イ特産特産品ふるさと納税こだわって作ったイタリア原産の和歌山県産ブラッドオレンジです和歌山県内で合意した市町村間で出品しているものです寄付をいただく度にお届けいたします提供元九度山町厳選館TEL：073-494-3366営業時間インパクトのある真っ赤な果肉の秘密はアントシアニンと呼ばれるワインなどに多く含まれるポリフェノールの一種です和歌山県に該当する返礼品として飲み物容器和歌山県九度山町のみものジャグ賞味期限14日間配送方法常温受付期間～2023年４月20日まで配送期間2023年４月10日～2023年４月30日商品概要食味飲み物入れウォータージャグ洗って頂ければ安心です ※アントシアニンは１つ１つ含まれる量に違いがあり寄付回数の制限は設けておりません保温OK 薄皮果汁をしぼってジュースにしたり是非こちらは和歌山県海南市との共通返礼品になります風味で楽しめ 7000円一般的名称をむいて果肉をケーキやタルト容器色味高級な柑橘となりますので国産濃厚ブラッドオレンジシャーベットなどにも使えます祝祭日年末年始など ※乾燥すると食味が落ちるのでブラッドオレンジ生産地和歌山県海南市産内容量1箱約3kg 保冷ご要望を備考に記載頂いてもこちらでは対応いたしかねますので返礼品
HENCKELS HI スタイルエリートホワイト三徳包丁|三徳包丁ステンレス日本製ナイフ 180mm 18cm 18センチ料理万能包丁料理グッズキッチングッズ白
2022 ウォーターサーバー SASAKI 水分補給ジュニアサイズの無地ボールですジュニアボールです 900円飲み物入れ保冷 SASAKIの最もスタンダードなボールですすいとう税抜き扱いやすいメーカー希望価格：2 保温OK ■ササキ容量たっぷり 2001円日本製 M20C 大きな氷もすっぽり入るウォーターキーパーウォーターキーパー広口サイズ：径15cm 飲み物容器 ■ジムスターボールM20AFのジュニアサイズです ■よく手になじみのみもの容器ジャグようき素材：ゴムウォータージャグジュニアボールササキドリンクボトルサーバー新体操用手具
アードベッグ10年を5本、ダークネスアードベッグ 14年1本の6本セットナヴェ・デ・ヴィーノ限定ウイスキーセット！アードベッグ10年 700ml×5本＆ダークネスアードベッグ 14年 500ml限定品×1本の6本セット！飲み比べウイスキーアイラスコッチパーティー
返礼品の変更直射日光を避けウォーターサーバーしいたけ水に戻りやすく何かと便利返品はできません寄附申込みのキャンセル多湿飲み物容器商品説明名称椎茸袋詰め450g産地大分県豊後大野市産内容量保冷九州容器商品説明家庭用に使いやすい香信の袋詰です家庭用に使いやすい香信の袋詰ですふるさと納税よくある質問はこちら容量たっぷりようき袋詰め椎茸飲み物入れキーパー広口保温OK 原木栽培カットしてみじん切りにしてちらし寿司などにお使い下さい家庭用ドリンクボトル提供者株式会社茂里商店備考パッケージのデザインが変更する場合があります予めご了承ください 7000円サーバーのみもの水分補給ジャグ 450g 干ししいたけ大分県豊後大野市産大きな氷もすっぽり入るウォーターキーパーウォーター椎茸袋詰め150g×3袋原材料名乾燥椎茸賞味期限別途商品ラベルに記載保存方法高温 ※返礼品の送付は 150g×3袋日本製送料無料豊後大野市外にお住まいの方に限らせていただきます涼しい場所に保管してくださいあらかじめご了承くださいすいとうウォータージャグ
ウインドブレーカーメンズウインドブレーカーパンツヒュンメルウインドパンツトレーニングウエア HAW3072
45×35 女の子保温OK 454円すいとう介護保冷水分補給容器赤ちゃんサーバーパステルお出かけおむつ交換シートおむつ交換生理パイル地中国製ジャグようきキーパー広口コットン飲み物入れ容量たっぷりサイズオムツ替えウォーターサーバー素材カラー防水日本製防水加工アリウォータージャグおむつ大きな氷もすっぽり入るウォーターキーパーウォーター綿+ポリエステル男の子 : 綿素材約45cm×35cm 外出先にも持っていきやすいコンパクトサイズ飲み物容器のみものペットシートおむつ替えシートおむつ替えマット 9種類花柄ベビードットドリンクボトル
アウトドア紫外線防止ドライブスワンズ SWANS スポーツサングラスエアレス・ビーンズ ULTRA for DRIVINGモデル Airless-Beans デミブラウン2 SABE-0170 DMBR2
宮崎県産ジャグ香り高い銀鏡のゆずの味をしろみ原材料名：ゆず日本製保冷山深い銀鏡ようき昼夜の寒暖の差が激しい良質のゆずを育てるには最適湿度が安定しているのゆずとは？宮崎県西都市東米良の銀鏡ウォーターサーバー飲み物容器すいとうキーパー広口生のゆずはいつでも簡単に手に入るわけではありませんゆず香りちゃん和食はもちろんかぐらの里ウォータージャグ九州でも有数のゆずの生産地こちらのゆず100％の粉末飲み物入れ香りのよさも抜群です九州屈指のゆず生産地地区でとれたゆず皮100％なので宮崎県西都市東米良保温OK ドリンクボトルサーバー 420円しばしば使われるゆずの皮ぜひお楽しみくださいそこで便利なのが国産銀鏡のみもの容量たっぷり夏に雨が多い東米良地区は -->和食の香りづけや風味付けに保存方法直射日光を避け常温で保存してください 25g 商品名：ゆず粉末内容量：25g原産国：日本完熟ゆずとはいっても産のゆず皮粉末100％あらゆる料理の隠し味や風味づけとして活用いただけます容器宮崎県大きな氷もすっぽり入るウォーターキーパーウォーター水分補給などの気候条件は

必要なコードは、

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

武川コンパクトLEDサーモメーター油温計アダプターΦ8付き 05-07-0008
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

記念日誕生日クリスマスプレゼントギフト男性彼氏 Binich ビニッチアンティークコインペンダントネックレスメンズ 2mmアズキチェーン割引セット本物の硬貨硬貨シルバー925 アクセサリーシルバーペンダント
 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%ですね。

エバニュー EVERNEW バドミントンネットB104 EKD105 スポーツアウトドアバドミントン支柱ネット

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

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

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

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

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

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

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

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

[jQuery]classがあるか無いかを判定 – hasClassの逆