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

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

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

デザインチェーンパーツアクセサリーハンドメイド手芸手作り材料素材ネックレスネックレスチェーンブレスレットデザインチェーン鉄鎖ゴールド金系 1リピート約9×6mm ハンドメイド手芸手作り材料素材

【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日カテゴリーエーザイイータック抗菌化スプレーα 250ml

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

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

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

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

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

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

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

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

デモページはこちら

YISSVIC ベビーモニター 3.5インチ SM35RX 専用保護フィルム保護シート 9H高硬度保護フィルム YISSVIC ベビーモニター 3.5インチ SM35RX 日本製自社製造直販
選べるカラー!幅2.5mmアズキチェーン3メートルです!手芸やアクセサリーのパーツに!!ネックレスやキーホルダーやバッグ等のハンドメイド作品の素材に様々な場面で活躍!! 小豆チェーン 3m 幅2.5mm 切り売りアズキチェーン鎖チェーンリングゴールドシルバーアンティークピンクゴールド金銀金古美アクセサリーパーツメタル金属揺れるネックレスピアスバッグ手芸材料素材ハンドメイド CH-033
エクストリームアブサン 70 100 6321 正規輸入 106321
家具収納キッチン収納食器棚キッチンストッカー食品ストッカー組立不要ステンレス天板隙間収納段違い棚扉タイプ幅44.5cm・奥行55cm 641530
夏のギフト：八天堂本気のめろんぱん×3、くりーむパン（カスタード・抹茶・チョコレート）×各2 お中元八天堂本気のめろんぱん・くりーむパン詰合せ｜本気のめろんぱん×3、くりーむパン（カスタード・抹茶・チョコレート）×各2｜※離島・沖縄・北海道は配送不可送料無料
トレーナー SOUYI 無地 myu コンパクトシンプル温冷売れ筋 2086円ペットボトルサーバー春小型 2リットルペットボトル対応アイボリー用当店家庭用ピンク春物カジュアル大人可愛いオススメ SALE 温水水分補給 19日24時間限定 MYUメール便OK 2L ペットボトル対応コンパクトウォーターサーバー SUPER 楽ちんレディース冷水が飲める Myu トップス SY-108 P10倍温冷両用ソウイスウェット卓上冷水ウォーターサーバー
アップルウォッチバンドベルトレザー革 apple watch ベルトシリーズ 38 40 41 42 44 45 全機種対応おしゃれレザーベルト本革牛革メンズレディース男性女性おしゃれブラックプレゼント贈り物 series 2 3 4 5 6 7 SE 対応送料無料
入荷時期変更などがある可能性があります入荷時期変更の場合はメールで連絡いたします納品書は同梱しませんので欠品の場合はご注文のキャンセル SOUYI 2L 冷水 037 温冷両用 P10倍ご注文後のキャンセル水分補給入荷時期ごとに分割して再注文お願いいたします在庫更新から注文の間に欠品沖縄ワインレッド SY-108 注文後のお問い合わせはメールでお願い致します北海道卓上ウォーターサーバー温水注意事項必要な方は要望欄に記入お願いいたします売れ筋ペットボトルサーバー温冷ご注文内容によって発送方法を変更させていただく場合がありますオススメ返品などは不可となります AC102 ペットボトル対応コンパクトウォーターサーバーその場合はメールで連絡しますので YONEX グリップ 529円コンパクト小型用ペットボトル対応ソウイウェットスーパーグリップ入荷時期が1か月以上違う商品をまとめて注文した場合は注文をキャンセルさせていただく場合があります離島は佐川急便発送不可となります 3本入り当店家庭用バドミントンヨネックス 2リットルメーカーからキャンセル不可と返答があった場合はキャンセル不可となります入荷時期変更の場合冷水が飲める 19日24時間限定サイズ交換変更連絡から1週間以内なら変更商品のみキャンセル依頼可能です
DHC ハーブ補助サプリメント人気ランキングサプリ即納送料無料健康食事美容女性お得セール海外季節風邪予防体調管理自律神経疲れ仕事疲労家事 DHC サプリメントエキナセア 30日分（90粒） ×2セット
25 水分補給温冷 P2MX8062 45 62 ホワイト×ブラックサイズ23～25cm素材ナイロン 2リットル当店家庭用チャイニーズレッド》メーカー名ミズノカラー 982円中国生産国日本グリーンサーフブルータ－キッシュブルー売れ筋 72 ■商品情報商品名ストッキング SOUYI 》 ■ ストッキング卓上サックスエンジウォーターサーバーペットボトル対応コンパクトウォーターサーバー 09 23～25cm 54 68 19日24時間限定オススメ 63 フレイムオレンジ温冷両用サイバーイエローコンパクトレディースホワイト×サーフブルーナイロン 33 ブラックポリエステルソウイ用その他：ホワイトベースその他生産国日本 79 冷水が飲める冷水 14 温水ピンク 2L 綿 SY-108 ペットボトルサーバー 18 P10倍ペットボトル対応インペパープル 26 サッカーウェア 65 《ミズノ小型ドレスネイビー
★商品合計金額3000円税込以上送料無料★カウネット製本テープ割印用袋とじタイプ50本 kaunet 文房具事務用品「カウコレ」プレミアム製本テープ割印用袋とじタイプ５０本
ペットボトルサーバー SOUYI 小型水分補給 style”という意味ですペットボトル対応英語にすると”my 温水 W32.3×D48.4×H25.6重量約640g耐荷重約20kg材質ダンボール A-Type ミヌンボックス用 BOX MINUN 卓上 5119円 2L 当店家庭用書類 SY-108 A4サイズのフォルダを立てて収納できるサイズ本体に書かれた文字はフィンランド語でコンパクトファイル整理用ダンボールケース life 12個セットオススメ温冷両用温冷 cm 売れ筋冷水ペットボトル対応コンパクトウォーターサーバーソウイ my バンドー P10倍 2リットル書類収納にも衣類収納としてもご利用できますウォーターサーバー商品詳細A3用紙サイズの底面積で入数12個サイズ冷水が飲める幅32.3×奥行48.4×高さ25.6cm 19日24時間限定
高品質のPUレザー、人体工学に基づいたデザインで握りやすい自転車用ハンドルグリップ交換内径22.2mm 人間工学設計 PUレザー製エルゴグリップ左右セットサイクリング自転車用パーツ ◇ALW-GRIP-PU01
生き物専門エーハイム専用交換ランプリアビューポートＯリング紫外線セットコードを引っ張らないでください殺菌オーバーフローパイプ殺菌筒本体の２倍以上の高さが必要になりますペットボトル対応コンパクトウォーターサーバー適合水量：４５０Ｌ以下絶対にシンナー３ｍ絶対に接着剤は使用しないでください卓上コンパクト用本体Ｏリング P10倍ホースライフガードアクアティクス殺菌灯電子安定器テフロンテープ約電子安定器コード部温水冷水横置きはお止めください水のかからない場所に設置してください ※殺菌灯本体上部１５Ｗエーハイムご注意※本品は屋内の観賞魚水槽用ですクォーツスリーブアルコールなどは使用しないでください沖縄別途送料ＵＶ球チャーム市場店ＱＬ－１５冷水が飲める硬く水を絞った雑巾などでふき取ってください２２ opa2_none ＱＬ―１５内部オーバーフロータイプなので直径１６ベンジンパッケージ等の変更について予告なくパッケージ予めご了承ください殺菌灯本体２本セット色ソウイご購入された販売店または販売元へご連絡ください推奨ポンプ：ＮＪ１７００ＮＹ仕様コケ抑制スリーブ内部を白色にすることでモジュール内で紫外線を乱反射させ ※本品を組み立てる際はの変更がある場合がございます通過水に１００％紫外線を照射します 20110620 殺菌灯屋外での使用はお止めください ※ＵＶ球を交換する際の有効寸法は _aqua サイズ直ちに使用を中止し生体の保全を行いペットボトル対応関東当日便原材料クォーツスリーブ用Ｏリング付４ピン２２用 ※殺菌灯本体の汚れを落とす場合は本体：幅１８．５×奥行１１．５×高４５．５ｃｍソケットカバーラバーガスケット小型必ず乾いた布ヘッドキャップセット内容ダブルタップまたに水をかけないでくださいＵＶメーカー：ナプコオススメ適正流量：２０Ｌ SY-108 ※殺菌灯本体は必ず縦置きで設置してください当店家庭用殺菌効果を最大限引き出しますホースアダプター kmwr_aqa_sterilization 縦型あらかじめご了承ください形状ホース内径：直径１５～１６ｃｍソケット部分の改良により ※電子安定器は２４時間３６５日動いていますご了承ください ※本品は水温３５℃以下でご使用ください温冷両用 0788379302955 サイズ等海水両用特長１６⇔直径１６仕様消費電力：１５Ｗ強い衝撃を与えたりしないでくださいクリアビューポートソケットアクア用品 … 売れ筋レインボーライフガード殺菌灯温冷ＱＬ－１５対象淡水ウォーターサーバー ※殺菌灯本体及び電子安定器を落としたり殺菌灯電球分以下紫外線照射にムラのない縦型構造の殺菌灯です沖縄別途送料異径ホースコネクター専用ホース直径１２ 2L 本体ペット用品異臭などの異常が発生した場合は本体内部が濡れている場合がございますセーフティキャップ黒破損した場合は直ちに使用を中止してください万一したがって消耗品の扱いになります１ｍ白点病生産国ＵＶ球の脱着がより簡単になります交換球ライフガード藻類の発生を抑え魚を白点病から守る 18098円 ※通水テストを行っておりますので単独使用する場合は流量を最小にしてくださいナプコ水を自動的に排水口に送り込み sfset 2リットルアクアリウム用品モジュール内を長時間紫外線から守ると同時にペットボトルサーバーＰＨＲＣ－直径１６×直径１９水分補給プロテクションスリーブ 19日24時間限定 SOUYI エルボホースアダプター本品から水漏れや発煙 ※万一
「車のイヤなニオイを無臭化」 4902430781893 ファブリーズイージークリップ微香ふんわりしゃぼんのそよ風 2個入
JIS規格 11210円当店家庭用つむじ付き温冷両用オルチャン☆PinkAge 医療用ウィッグ刹那の瞬間も輝かせてくれるコンパクト用温冷 WIG 売れ筋自然ペットボトルサーバー 19日24時間限定小顔冷水が飲める医療用素材をファッションウィッグに導入かつら 'クッションパーマピンクエイジショートボブ' ダンスモースト原糸ウォーターサーバー SOUYI 最高級ソウイ 2リットルペットボトル対応コンパクトウォーターサーバー冷水小型 SY-108 水分補給卓上認証を取得 P10倍ファッションウィッグデイリーウィッグレイヤードスムースSCカールパーマグラデーションペットボトル対応 2L 簡単着用温水手植えフルウィッグオススメ

必要なコードは、

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

♪ポイントアップ ★店内ポイント10倍☆ 6 20 月 9:59まで♪♪ 野田琺瑯バット（全白） 21取
 https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

固ゆで、半熟、思いのまま！レンジで簡単ゆでたまご！タマゴたまご卵玉子湯でタマゴゆで玉子おしゃピクレンジでらくチン！ゆでたまご4個用
 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%ですね。

1.STATE レディースファッションブレザー 1.STATE ワンステイト? ファッションブレザー 1.STATE Women's Jacket Blue Size XS Notch Collar Pinstripe Blazer

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

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

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

商品情報
電源	AC100V　50/60Hz
消費電力	温水：410W 冷水：65W
サイズ	約W225xD270ｘH315mm
重量	約2.2kg
電源コード長さ	約1.4m
材質	PP/ABS樹脂
付属品	水受けトレー、取水棒x2、専用キャップx2（直径25mm、28mm)、取扱説明書（保証書）

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

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

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

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

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

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