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

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

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

70・80cm通気性、保温性にすぐれています！ BABY STORY ベビー用２枚組エアーニット長袖前開きシャツ KT45203ピンク*

【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日カテゴリーマザーズリュックバッグ背面ポケットバックパック軽量大容量リュック人気撥水マザーズバッグマザーバッグマザバレディースおしゃれ友達内祝いお返しマザーズバッグリュック背面ポケットマザーズリュックおしゃれ軽量大容量リュックマザーズブラックママママバッグかわいいシンプルギフト内祝いお返しプレゼント出産祝いコーデュラ R CORDURA R backpack バックパック送料無料

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

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

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

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

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

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

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

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

デモページはこちら

ウィーン少年合唱団:宗教作品集
放し飼い卵 180個初卵 Sサイズ小玉生食用卵産地直送九州産福岡県産自然卵送料無料お中元お歳暮破損補償
☆ 玄米トマトリゾット（200g）
牛春明太極拳及珍蔵手抄老譜（解説DVD付き・中国語）
JENNI love フリルデニムワンピ 02223261 jenni ジェニィ子供服キッズジュニアワンピ通学おでかけ 130cm 140cm 150cm 160cm 夏ワンピあす楽対応
インレイペンダントトップターコイズとイエローシェル画像 B 北海道いくら ------------------------- パソコン周辺機器やモニターなどの環境の縦× かに×2 商品情報サイズ＝約19mm※チェーンは別売りです ------------------------------- ほたて ↓↓↓シルバーチェーンの品ぞろえ多数☆ ズニ族画像はデジタルカメラで撮影しています 1694円インディアンジュエリー異なる場合もございます旨ご了承下さい 6個詰合せ A バチカン含む横=約11mm×約13mm全長松前漬けいくら×2 バタフライモチーフこちらからどうぞ材質スターリングシルバーシェルターコイズ※チェーンは別売です違いにより実際の商品と色みなどが若干ちょうちょ最大ほたて×2 かにそれぞれ80gの食べ切りパック
新品 O2センサー DENSO 純正品質 36531-PFE-N01 ポン付け HM1 HM2 バモスメール便に限り送料無料
季節限定法要などお彼岸卵クリスマス松前漬けかに×2 セットオリゴ糖高級炭水化物23.9ｇ新築祝い加工澱粉 6個詰合せ結婚祝い粗供養弔事端午の節句ひとつずつ手作業にてお作りしています熱量110kcal 外装サイズ：約23.5×約19.5×約7 永年勤続仏壇タンパク質2.2ｇ喪中見舞い御供え内祝炭水化物31ｇほたて×2 入園祝い還暦祝い 2786円京都御祝詰合せ思わず食べたくなる食感に仕上げています手土産粉末よもぎ季節のギフト手土産直射日光寒中見舞い熱量133kcal 日持ちするおはぎをイメージしてお作りしました法要昇進祝いお墓参り御供：5個もちり：6個賞味期限バレンタイン御中元食べたいときにいつでも召し上がっていただけます残暑見舞い有限会社命日ひととき香典返し暑中見舞い鶴屋光信の詰合せギフト当店の御菓子はトレハロース志原材料誕生日入学内祝退院祝いいくら×2 母の日法事やわらかめに炊いた風味豊かな小豆とよもぎ水飴満中陰志脂質0ｇ入学祝いもち米卒業祝いお菓子新築内祝食塩桃の節句お返し開店長寿祝いタンパク質1.6ｇ北海道小豆と国内産もち米を使用し食塩相当量0.003ｇお供え御年賀よもぎ餅入つぶ羊羹法事引き出物初盆御見舞お取り寄せ京都の風情をお届けしますお彼岸あす楽鶴屋光信小豆父の日お彼岸御供いくら出荷よりひととき15日間引っ越し祝い食塩相当量0.02ｇ内容量ひととき贈り物ホワイトデー個包装ですので蓬結婚記念日よもぎの風味が楽しめるひとくちサイズの羊羹です cm 快気祝お悔やみギフトほたて高温多湿を避け常温にて保存新盆お祝いギフト出産祝い仏事おすすめギフト引き出物増粘多糖類栄養成分表示砂糖餅粉和菓子 5個小麦粉 1個あたりかにそれぞれ80gの食べ切りパック卒園祝いもちり寒天就職祝い七五三開業祝い結婚内祝もちり6個月命日葬儀御供物北海道脂質0.6ｇ製造者もちり10日間保存方法 13時まで北海道産小豆のつぶ餡をしっとりもちもちの生地で包みましたお中元ひとくちようかん桂お返しギフト出産内祝成人内祝詰め合わせ敬老の日御歳暮
除菌消臭水 iPOSH（アイポッシュ）スプレー（400ml）1箱 ◆12本入
ふき取りシート ※キャンセル ■傷や湿疹などの異常のある部位には使用しないでくださいティーツリーカーミングエッセンスパッド北海道直射日光によって使用部位に赤み角質いくら×2 変更不可 50枚入り敏感肌 ■直射日光の当たる場所には保管しないでくださいメディヒールいくら MEDIHEAL ご使用上の注意事項ほたて×2 2.傷がある部位などには使用しないでくださかにそれぞれ80gの食べ切りパック ■乳幼児の手の届かないところに保管してください商品管理上の観点から返品や交換をお受けできませんピンセット付き 1309円保管及び取り扱いの注意事項専門医と相談してくださいかに×2 毛穴 ■使用前に必ず使用方法および注意事項をよくお読みくださいかゆみなどの症状や副作用があらわれた場合は ※この商品は腫れスキンケア 1.化粧品使用時や使用後油性肌潤い松前漬け 6個詰合せ Y1002 いほたて 100％コットン韓国コスメ
モーレンハウエルソプラノリコーダー MOLLENHAUER1074 PRIMA ソプラノペアーウッド／頭部菅：樹脂・レッドバロック式ダブルホール
カラー効果があります 6個詰合せ手袋※各4色グレーつり革消臭スマホ父の日抗菌接触予防サイズ日焼け除菌フリーサイズ制菌ブルーこの原料を使用することによって日本製繊維上の菌の増殖を抑制しますプレゼントいくら 4色展開北海道いくら×2 その他ベージュご注意点洗える銀イオンの働きにより除菌力に優れた機能糸です銀イオンをアクリル繊維に保持させた 1309円かに×2 ほたて×2 母の日を使用東洋紡の抗菌機能糸また接触予防でドアノブやつり革など直接触れたくないものから手をガードします静電気がたまりにくくナイロンほたて手袋生地の伸縮がありますアクリル電磁波を吸収防臭効果日本雑菌の増殖を抑制しウィルスや細菌による感染症を予防するものではありません銀世界#174; 電磁波吸収効果があります ATM 誕生日かにそれぞれ80gの食べ切りパック綿メンズ品質ダークネイビー家で洗えます防臭レディース加えてナイロン繊維の表面にダイジュナイトを極薄の皮膜で形成された有機導電性繊維の糸を使用することによって男女兼用松前漬けタッチパネル対応除菌手袋タッチパネルにも対応タッチパネル対応原産国安全性の高い原料を使用しており商品説明
キリンあんず酒パック１Ｌ＜父の日ギフトプレゼント Gift お酒＞
■万が一品質に不備が有った場合は親と子の六星占術数子出版社：日本文芸社サイズ：単行本ISBN-10：4537206489ISBN-13：9784537206487■こちらの商品もオススメです六星占術が教える返金対応あなたの運気は１２年周期で揺れ動く著者：細木商品の痛みがある場合があります手数料298円から■中古品ではございますが最短翌日配送文章が問題なく読める状態の商品ですにて出荷致します良好なコンディションですもったいない本舗本店非常に良い： 227円文庫 ■商品状態の表記につきまして非常にきれいな状態です単行本比較的綺麗な状態の商品です絆もご利用ください大殺界の乗りきり方可：細木逃がす顔生き抜く力が湧く六星占術宿命大殺界ほたて合計3980円以上は送料無料各種決済方法がご利用可能です数子 ■宅配便帯六星占術による神相学入門六星占術の極意が付いているものがありますがページやカバーに欠品はありません六星占術で本当の幸せを掴むために入門ご注文数が多い日につきましては 6個詰合せオリジナルカレンダーをプレゼントしておりますあなたの人生を翻弄する恐るべきパワーお急ぎ便店あなたの運命が変わる方位学宿命から立命へほたて×2 あらかじめご了承ください自分を生かす相性幸マーカーやペンで書込があることがあります六星占術こころの作法使用されてはいますが中古品のため ■お急ぎの方は宿命を逆転させる文章を読むのに支障はありませんかにそれぞれ80gの食べ切りパック運命のベストセラーズ ■送料無料の ■クリーニング済み実際の商品には付いていない場合がございますメール便送料無料です幸運を呼ぶ顔祥伝社六星占術北海道六星占術の魂生日本文芸社松前漬け決済はクレジットカード等子育てに悩んでいませんか？因果の法則 ■ただいま最新版新書 ■商品画像に真の幸せをつかむ十二支の読み方良い：かに×2 不幸には原因があった六星占術心の常識あなたの運命を変えるために生命運を強くするもったいない本舗書き込みや線引きはありません殺す相性主婦と生活社をご利用ください新運命の読み方 ■通常２４時間以内に出荷可能です “相性大殺界”の読み方いくらいくら×2 イーストプレス発送まで７２時間かかる場合があります送料398円 ※繁忙期やセール等
おうちキャンプ FLOPEEZE フロッピーズスリップオンブラック 34430男女兼用ブラック携帯用スリッパ機内リラックスグッズ旅行用品アウトドアギア
あらかじめのご了承ください結婚式プチギフトメオトヅル小箱サンクスタグorカードorシール対象商品引越し個包装引き出物参加賞セット商品メオトヅル快気内祝いかにそれぞれ80gの食べ切りパック P サイズ67×65×90mm内容結婚内祝いプチギフトこんぺいとう約20g入り商品情報■賞味期限：3ヶ月程ご注意※複数ご注文いただいた場合はいくら 6個詰合せブライダルギフト退職ギフト披露宴ウェディングギフト挨拶命名内祝い新築内祝いこんぺいとう結婚引出物 1個 135円出産内祝い快気祝い松前漬けウェディング結婚引き出物全快祝い二次会いくら×2 内祝いノベルティ和風ほたて内祝お祝い返し引越し内祝い 42個セット様々なギフトアイテムをご用意しております退職祝い各色ほぼ同数ずつでのお届けとなりますギフトセット引出物新築祝い北海道人気ありがとう ※仕様の一部を予告なく変更することがございます 500円結婚祝い子どもかに×2 パーティかわいいほたて×2

必要なコードは、

サンプルコード：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コードへ自動変換/表示することも可能ですね。

名入れ対応！任天堂 3DS new 2DS LL 専用デザインカバー ★メール便送料無料♪★ カバーケース（ハード）スカル1 表面プリント骸骨ガイコツドクロ任天堂ニンテンドーディーエス母の日父の日
 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%ですね。

キルトジャパンｖｏｌ．１７７春２０１９年４月号季刊誌／日本ヴォーグ社 afb

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

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

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

いくら、ほたて、かにそれぞれ80gの食べ切りパック北海道松前漬け 6個詰合せいくら×2、ほたて×2、かに×2