JavaScript position: fixed の要素のタッチイベントが発生しないときがあるiOS Safariのバグ
とある要素に「position:fixed」をかけて、そいつにタッチイベントで何か処理をすることってたまにあるかと思います。例えば上下左右にメニューバーみたいなのが固定で表示してあって、それをスワイプで閉じたり開いたりできるようなものなど。...
JavaScript
JavaScript 
CSS iOSでページ全体のスクロールを禁止させるベストプラクティス
モーダルやドロワーメニューなどを実装する際に、表示中はページ全体のスクロールを禁止させたいということがよくあるかと思います。僕も以前ドロワーメニューのjQueryプラグインを作ったときに、ページ全体のスクロールを止めるために試行錯誤してまし...
フロントエンド フロントエンド開発環境 テンプレート 作りました
案件に取り掛かるときに一番めんどくさいのが開発環境の構築です。いつも過去案件の流用ばかりでしたが、ちゃんとしたベースがあった方が良いかなと思い作ってみました。一般的なペライチのLPを想定しているので、無駄がないシンプルな開発環境になっている...
CSS CSSで画面外からアニメーションさせると表示されなくなるiOSのバグ？
更新:2018年11月21日（水）iOS11以降では問題なく動作することが確認できました。以下の記事はiOS10以前のSafariのみの挙動になります。iOS10以前に対応する場合のみ参考にしていただければ幸いです。CSS3のアニメーション...
JavaScript 配列のコピーを作ったのにコピーできてない！？ – JavaScriptの参照渡しの罠
JavaScriptのオブジェクト型は参照渡しです！さて、これを見て「？」となった方へ。JavaScriptにはプリミティブ型とオブジェクト型が存在します。プリミティブ型とは以下のものを指します。数値型文字列型ブーリアン型null型unde...
JavaScript iPhoneでスクロールするとresizeイベントが発生してしまう問題
スマートフォンサイトでresizeイベントというと、画面を回転させた時くらいであまり使う場面はないように思えますが、レスポンシブサイトなんかでは意外と頻繁に使ったりすることもあるかと思います。そんな時に陥るのがスクロール時にresizeイベ...
jQuery 横からスライドするドロワーメニューのjQueryプラグイン作りました。
ドロワーメニューjQueryプラグイン「LastSidebar」オーディオドラマ短編集『lastcolors』の特設ページを作った際に横からスライドしてくるメニュー（ドロワーメニュー）を実装したくて自作で書いたjQueryをプラグイン化して...