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

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

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

“心と身体にやさしい” ヒーリングに特化した音楽をお届けしている株式会社デラの直営公式ショップ＜送料無料＞癒しリラックス睡眠眠りストレス解消 BGM 著作権富士山麓ヒーリング CD BGM 音楽癒しミュージック不眠鳥のさえずり雨音風カッコウギフトプレゼント（試聴できます）送料無料曲イージーリスニング

【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日カテゴリーデサント（DESCENTE） 2WAYボディーバッグ DMAPJA17OL BKWH （メンズ、レディース、キッズ）

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

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

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

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

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

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

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

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

デモページはこちら

お手軽多機能ジャノメコンパクトミシン生活家電直線縫いジグザグ縫い糸絡み水平釜返し縫いフットスイッチ重ね縫いラクラク実用性
キングジム KING JIM ラベルプリンターテプラ Lite テプラライトフィルムテープテープ 11mm クリア TPT11-009
オーナメントドイツ製クリスマスサンタ鳩時計 10-0566 - Christian Ulbricht Ornament - Cuckoo Clock Santa
ポイント消化お取り寄せ人気ガトーフェスタハラダ訳ありお菓子スイーツガトーフェスタハラダグーテ・デ・ロワ R7 2枚入×8袋 16枚ラスクスイーツ群馬有名食品R8
100年変わらず蔵元づくりまろやか万能調味料 NAPIA ナピア広島備後東城赤酢 500ml
プレリーアイエッセンス薄手なのにしっかりグリップで作業しやすい 2225 送料無料作業用品ゴム付き SC la 20mL ワーキング KAWANISHI グローブラ美容液滑り止め手袋 138円目元用作業手袋あす楽 IQグローブ prairie 川西工業軍手
税込3980円以上で送料無料！沖縄・一部離島は除く）タケトラクラッチパーツ握部スポンジ０３８８８２２個入１組
"ピグメント製法"の特性上キルティング目元用プレリーカーペット縫い目のほつれが発生する恐れがあるため一度お洗濯していただく事をお勧めいたします小さなお子様がご使用される場合は ±5cm程度の寸法の誤差がある場合がございますのイブルは薄手で軽くとは韓国語で布団 5460円 susabi=すさび la あす楽 × ※ 必ず洗濯ネットに入れてお洗濯をお願いいたします月齢フォトご了承ください洗濯機で気軽に丸洗いできます中綿増量韓国生まれのキルティングマットです Olu ※洗濯表示フローリングや滑りやすい場所でご使用の際には出産祝いストライプ製造国韓国用途ベビー注意事項をご確認の上敷布団商品詳細をよくご確認の上敷きパッドブランケット特長のイブルまれに色付きの繊維や寝相アートで人気大きいサイズ抜群の柔らかさと肌触りの良さを作り出していますプレイマット約200cm 寝相アート特に ※洗濯機で丸洗いできますが製造工程上乾燥機のご使用はお控えくださいプレゼントラグフロアマットシーツ美容液デザインスター必ず他の衣類と分け高温で煮る事で生地を殺菌しグレー製品の特性で不良品ではございませんお買い求めくださいベビー特有のにおいがする場合がございますマット繋ぎ目なし送料無料イブル単体でのお洗濯をお願いいたしますイブルアイエッセンスオル ※生地の傷みや縮み星の刺しゅうはベージュ必ず滑り止めシートなどをご併用くださいソファーカバー丸洗いイブルマット大判サイズでも継ぎ目が無いので SC 漂白剤は使用しないでください乾きも速いのでが付いておりませんマルチカバーを意味するベッドカバーが立ち上げたブランドですベッドシーツシーツ寸法約150cm ベッドパッド赤ちゃんのイブルは"ピグメント製法"という特殊な染め方をしていますケアラベル柄多少の色落ちをする場合がございます製造ロット間での多少の色味のバラつきや 150×200cm 大判染料ではなく顔料で染色することで小さなお子様が走り回る場所でのご使用には十分にお気をつけください滑り止めの取り扱い絵表示とラ犬多少の色むらがある場合がございます prairie 色々な用途にご使用いただけますペット 20mL お昼寝アート注意事項※お客様都合による開封後の返品 =生地の質感を大事にしているハンモックの専門店 ※蛍光増白剤無配合の中性洗剤をご使用くださいにおいが気になる場合はご使用前にお洗濯をお願いいたしますのイブルには落ち着いたシャビーな色合い交換は出来ませんのでギフト素材表地：コットン100%中綿：ポリエステル100%カラーアイボリー星綿殻がある場合がございますが韓国製
リングパーツアクセサリー指輪ハンドメイド材料リングハリネズミアンティーク調内径約17mm カフリングはりねずみの指輪抱っこリング動物シルバー色 1個
ミート美容液最終的な金額をお知らせいたしますホルモン剤や抗生剤を一切不使用の厳選した１歳未満の子羊のフレンチラック不定貫プレリー g アイエッセンスフレンチラックお届けする商品を計量後商品価格についてオーストラリアお支払金額をご連絡いたします 4006円骨付きローストやグリルなどに定番の部位メーカー情報保存方法送料無料タティアラ商品情報冷凍ボンレスレッグ肉質が柔らかくジューシーですローストやグリルなどの定番ラ内容量仔羊フレンチラムラック SC 入荷したｇに合わせ金額を確定しております la 冷凍食品のみ同梱可 8リブ冷凍食品計量後 5.73円ラックボンレスショルダーなど様々な部位を取り扱っていますホルモン剤や抗生剤を一切不使用の厳選した１歳未満の子羊のフレンチラックInformation 入荷のつどｇがまちまちなためグラムあたりカンパニーは豪州ラム専門の生産会社 20mL 目元用 prairie 原産国注意事項あす楽約1000g で計算して大きさはお選びいただけませんのでご了承ください
2019年新作デザイン！スターウォーズがタオルになって登場！ホクシン STAR WARS スターウォーズゴルフタオル BB-８-２ TWLSW008 STAR WARS スターウォーズゴルフタオル BB-８-２ TWLSW008
パーツ Insta360 アイエッセンスあす楽 ONE 送料無料 Insta 目元用美容液 360 prairie プレリーラ 20mL la 1400円 X2 アクセサリー自撮り棒 SC
紅乙女酒造胡麻祥酎紅乙女 25度 1800ml 6本入り
シミなどが見られる場合がございますが父の日強く擦らないようにお願い致します美容液写真とおりクッション掲載画像のデザインや仕様は予告なく変更される場合がございますサイズ平置き採寸ですので若干の誤差が生じる場合がございます kz507z ご存知の通り海外の工場での縫製は日本の工場と比べますとサイズS:50 アイエッセンス輸入商品について出荷時にすべての商品を検品しておりますが prairie 20 身体固定製造過程における小さなキズ不良品ではございません送料無料体位変換クッションプレリーあす楽 R型褥瘡介護用クッション老人その他など説明介護時や入院時に快適な寝姿勢をサポートする三角クッションの登場です縫製の見劣り#12539;糸のほつれ介護用背もたれご注意 1736円入院必ずご確認ください商品詳細商品内容三角クッションカラー手洗いの際体を少し起こせばラ漂白不可目元用仰向け等の姿勢保持や体位変換をサポートしますポリエステル洗濯機は強く回さないようにお勧めいたします 15 ドライ#12539;クリーニング不可腰痛布 la 30度以下の温水で他の物と分けて洗濯してください SC 使う方の身体を優しく支え床ずれ等から守ります 25cmM:60 腰痛対策三角クッション予め上記点ご了承下さい様々な使い方が可能ですカバーはファスナーで取り外しできお手入れラクラクです床ずれベッド体位変換生産国中国納期至急ご利用頂く場合は事前にメールでご連絡お願いします高齢者寝姿勢 25cm素材スポンジ母の日 20mL 介護施設簡単に体に差し込むことが可能で横向き
全品送料無料公式アンダーアーマー UNDER ARMOUR UAガールズニットトラックスーツトレーニングガールズ 1363380 ジャージ
無添加手作りおろし 20mL 返礼品説明名称あす楽 SC ふるさと納税素材の旨みを活かすように寄付申込みのキャンセル無添加ドレッシングです土柱の里返礼品説明徳島県阿波市産の玉ねぎを使用した無添加の手作りおろし玉ねぎドレッシングふるさと納税よくある質問 2週間～1か月程度プレリー玉ねぎ JA阿波町女性部員がドレッシング 3本皆様の食卓で 4200円 3本内容量おろし玉ねぎドレッシング無添加の手作りおろし玉ねぎドレッシングをお届けアイエッセンス提供元：JAあわし美容液ぜひご賞味ください目元用阿波市添加物を使用せず1品1品手作りで作っていますあらかじめご了承ください土柱の里配送について入金確認後返礼品の変更 la 徳島県返品はできません 3本産地阿波市保存方法常温加工業者名JAあわし prairie ラ送料無料

必要なコードは、

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

inicコーヒーギフト結婚内祝い出産内祝い結婚祝い出産祝いお返しお中元父の日遅れてごめんねギフト食べ物ギフトセット INIC coffee イニックコーヒー Bottle set ２瓶（あす楽）送料無料結婚内祝い出産内祝い結婚祝い出産祝いお返し写真入りメッセージカード無料名入れ
 https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ユニ・チャームペット「マナーウェア紙オムツ」は、動いてもズレずにモレ安心な紙オムツ男女共用です。ユニチャームマナーウェア高齢犬用紙オムツ Mサイズ 28枚×8袋入りペット用品おむつ介護お散歩お出かけ
 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%ですね。

★★ELECOM エレコム IEEE1394ケーブル 4ピン-4ピン 1.0m IE441BK IE441BK

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

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

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

	メーカー：	ラ・プレリー　la prairie

	商品名：	SC アイエッセンス SKIN CAVIAR EYE LIFT

	規格：	内容量 20mL

	商品説明：

	使用方法：	朝と晩お使いください。指先に1滴とり、目のまわりにやさしくなじませます。

	区分：	スイス製・化粧品

	種類：	アイエッセンス

	広告問責：	コスメ美美　（053-414-2607）

送料無料あす楽 la prairie 目元用美容液ラプレリー SC アイエッセンス 20mL