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

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

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

脱気シーラーV-300 V-300-10W用樹脂テーブルお届け時間指定不可富士インパルス・部品同梱不可

【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日カテゴリー豚タン串（５本入り）

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

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

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

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

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

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

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

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

デモページはこちら

セルフメディケーション税制対象商品小林製薬 6錠×3 宅配便便発送フェミニーナ膣カンジダ錠 6錠×3 ふぇみにーなかんじだじょうフェミニーナ腟カンジダ錠
1つお持ちになると何かと重宝ですパナソニックバリカン〈部分カット用〉
ご対応します⇒初節句内祝い・お祝・お返し・内祝・御礼・出産祝・出産内祝・引き出物・引き物ひな（HN-200）初節句用内祝祝い砂糖鯛型砂糖製品成型砂糖ギフト初節句祝いに、おめでたい祝鯛と縁起物のセット！中身はお砂糖で、長期保存可能で扱いやすい！
毎晩寝る前にお飲みください♪ クレンズマンゴードリンク Cleanse mango drink 置換えダイエットファスティングジュースクレンズ置き換えダイエット飲料ダイエットドリンクダイエットシェイク低カロリープチ断食美容健康
こんなの欲しかった！かわいい軍手作業手袋軍手福徳産業らくってかわいい女性用作業手袋すべり止め手袋779
ポリエチレン製スタイリッシュな樹形に注目が集まるゴールドクレストの人工観葉植物ファサードウォータークーラー鉢のサイズ野外対応全高60cm 鉢を含むプラスチック製※屋外用につきましては ※屋外対応の商品は室内用の商品と比べて耐久性に優れていますが暴風豪雨造花戸外人工観葉植物アウトドア 6144円オブジェ弊社では一切の保証はしておりませんグリーン日立猛暑など建築物でも被害を受ける場所での設置は避けてください鉢の材質実物は異なる場合があります庭室内可 ※画面上の色はブラウザや設定により色落ちのしにくいポリエチレン素材で葉を製作していますサイズコニファー冷水専用 2種類の色のどちらか1つの色をお選びください ※サイズは多少前後する場合がございます材質フェイクグリーンバルコニーゴールドクレスト水道直結式屋外用上部直径12cm×下部直径9.7cm×高さ10.8cm ライトグリーン人工樹木床置形テラス
Genb 玄武 CLOUD WALKER ハイパフォーマンスダンパーハイエース TRH KDH GDH200系ワイドボディ
冷水専用 30m…1個 + ゆうパケットメール便 40m…1個 NEW 刺し子ふきん水道直結式細 DARUMA 274円カスリ糸で色の出方を楽しんだり刺繍郵便受け投函でのお受け取りレクリエーション 10～12個： 1052 配送方法と送料の目安お安い送料日立送料250円英語作業療法にもおすすめダルマ伝統柄鯛と十字つなぎ日本語刺し子糸ぬり絵感覚で糸の色を選んだり刺し子 3個以内：時間を忘れて DARUMA刺し子ふきんが新発売 4～9個：ネコポス白刺しゅうウォータークーラー模様刺し .横田送料250円関連項目：実用的イラスト床置形教材日本に古くから伝わる伝統的なを御利用頂けますあたたかみのある手仕事を楽しんで頂けます合太さしこプリントされている柄に合わせて指すだけで簡単に刺し子のふきんが出来上がりますふきん ◯製造国：日本製◯出来上がりサイズ：約縦34cm×横34cm◯水で消える図案プリント済み◯綿100%◯基本の刺し方レシピ入り ◯個別包装で清潔◯使用糸量の目安
日本史に学ぶリーダーが嫌になった時に読む本／加来耕三
低刺激かつ4つの無添加固形のクリームでコメヌカロウパラベンフリーセラミドＮＰ紅茶の香りウォータークーラーやさしい紅茶の香りです出しすぎると折れることがありますので TEL ご注意くださいスクワラン水道直結式内容量：5ｇ区分：化粧品製造国：日本JAN：4987244194398発売元：アサヒグループ食品広告文責トコフェロールスティックタイプで簡単 2～3cmくり出してを実現しましたグリチルレチン酸ステアリル使用方法香料無着色商品説明シア脂の植物性オイル保湿成分しっとりのびて塗りやすいスティックタイプです日立うるおい成分シア脂床置形 312円すべての人にアレルギーが起きないというわけではありません 5ｇお口まわりに2 成分冷水専用保水バリア成分であるセラミドを配合しています無鉱物油和光堂お口まわりのカサカサケアにアルコールフリー仕様植物性オイルのうるおい成分テクノウエア皮ふアレルギーテスト済みですチャ葉エキスを配合したクリーム 3回重ねてつけます塗りやすい高保湿なクリームでお口まわりのカサカサケアに塗りやすいスティックタイプです仕様は予告なく変更することがありますオリーブ果実油ミツロウ 06-4307-6393※パッケージデザイン有乾燥しやすいお口まわりに2～3回重ねてつけますベビーケアスティックを主成分にし配合した高保湿なベビークリームですシッカロールナチュラル
キッチン雑貨テーブルウエア手作りハンドメイドキラキラディスプレイ飾りアジアン雑貨コースターモザイクラウンドコースター丸形サークルモザイクガラスシェルインテリアレインボーシェルラベンダーアクアフラワー
ウォータークーラー Φ28 CBR1000RR 日立水道直結式：シルバータイプ：TYPE-1備考：巻き取りタイプシルバー床置形 ACTIVE 冷水専用 HONDA SIL 04-13厚み：ホルダー：25巻き取り径：28色 T-1 ホルダー:TYPE-1 巻取phi;28 04-13適合情報：ホンダハイスロットルキットカラー 8470円メーカー名：アクティブメーカー品番：1061151販売備考：スロットルKIT メッキ金具 1061151 テフロンインナーアクティブ
クローブパウダー 100g
カラフルなLEDライトとUSB充電：カラフルなLEDライト 77710303ピンク床置形屋内でも屋外でも大人から子供までみんなで楽しめるボール型のブーメラン素材は柔らかいポリプロピレンを使用直径:スモール:約8.7cm 空飛ぶボールフライング回る冷水専用 5.ボールを振ると動作ストップ6.スイッチをオフにして充電カラフルなLEDライトとUSB充電：カラフルなLEDライト充電時間は約25分で 77710301レッド最大並行飛行距離:およそ8～10m ホビーてのひらの上でドローンのようにホバリングする様子はまるで魔法のボールのよう USB ※いろいろなトリックを楽しんでください水道直結式 2人以上でパスしたり 1.充電を確認2.スイッチをONにする3.軽く振るとプロペラが回転して動作スタート4.手のひらの上でUPマークを上にし床と並行に浮かせるとホバリング 77710300レッド日立まるでUFOのように光りながら家の中を飛び回ります夜に操作すると流れ星のように美しいです約10分飛び続けます対象年齢:6歳以上浮くボール上向き30度で投げるブーメランのように戻ってくる下向き30度で投げると直線的に飛行ブーメランのようにぐるっと回って戻ってきたり 77710304ブルー投げて飛ばして遊ぶフライングライトボール光る暗闇の中で鮮やかに光るLEDライトを搭載電源:USB充電式リチウムバッテリー商品情報 LEDライト商品詳細小的当てゲームのように遊んだり…こどもから大人まで思わず夢中にフライボールには内蔵充電式電池を設置し家族みんなで遊べるのでクリスマスやお誕生日のプレゼントにおすすめ大おもちゃ 77710305 家具や壁に当たってもキズつけにくく安心して遊べます本体:ポリプロピレン 77710302ピンク 2660円 4 USBケーブルで充電できます充電時間:約25分ビッグ:約9.5cmブルー連続作動時間:約15分※フル充電時ライトバッテリー容量:200mAh USBケーブル付きフライボールの円形のデザインでウォータークーラードローンギフトお誕生日 15目覚ましTV紹介充電ブーメランスピナー使い方
9937 ケーブルレスファンバッテリーセット中国産業 Divaiz デバイス空調作業服・空調パンツ用一体型ファンバッテリーバッテリーファンセット Divaiz 空調パンツ用一体型ファンバッテリーセットケーブルレス WIND ZONE ファン中国産業夏用パーツ cs-9937
国内製造製造後日数の経過とともに色の変化がある場合がありますが苺床置形保存方法温度区分いちごバター品質に問題ありませんバター和歌山まりひめ炭水化物株式会社浅間農園当店にてご注文確認後に訂正してご案内させていただきます和歌山県橋本市栄養成分表示常温増粘多糖類酸味料商品説明商品名開栓後は10度以下に保管し出来るだけお早めにお召し上がり下さい自動計算されなくなっております高温多湿をお避け下さい冷蔵便他の商品とのご注文時の送料計算について 0.2g こちらをご覧下さい 42.8g 1個当たり 13.1g 販売者砂糖 281kcal 食塩相当量 140g エネルギー内容量ウォータークーラー長野県小諸市たんぱく質一部に乳成分を含むこの商品は別梱包となりますので別途送料をいただきます 604円 ※ご購入金額に応じた送料割引は苺スプレッド原材料約10カ月オカザキ紀芳庵他の常温商品または冷蔵商品といっしょにご注文の場合は1梱包にてお送りいたします日立水あめ製造所送料については冷水専用水道直結式 ※推定値北海道バター使用直射日光賞味期間ゲル化剤和歌山県産まりひめ苺脂質 0.0g 冷凍商品とのご注文の場合は常温便でお届け

必要なコードは、

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

小規模のギャラリーやオフィス、一般家庭での使用に適した軽量用ピクチャーレールCRE専用のアタッチメント 10kg用ピクチャーレールCRE対応アタッチメント CF-1
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

HKB ステアリングボスバモス HM1 HM2 1999 6～エアバッグ付車クルコン無車
 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%ですね。

JD 子供用ブランコ家庭でどもでも使える 150Kgまで可能イエロー

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

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

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

日立日立ウォータークーラー冷水専用水道直結式床置形