READ MORE

Vuexミニマム導入

Vuexをモジュールで導入するときの基本的な環境設定です。設計思想というより、最低限の動作環境を手配するやりかたになっています。 サンプルは、ページ内にVueコンポーネントのいいねボタンを複数設置し、値をVuexで共通管 …

READ MORE

IE11とiPhon対応 フッタを画面下に表示

コンテンツの量が少ない場合や、解像度の高いディスプレイでみた場合、いわゆるスクロールバーが出ない状態では、フッタが上にせり上がった状態になり、下へ隙間ができます。 この解決方法でよく見かけるCSS対策がこの2つ。 bod …

iPhone Safari でクレジットカード情報のオートコンプリートが発動した様子

READ MORE

クレジットカード情報のオートコンプリート

クレジットカード情報の入力欄にフォーカスしたときAppleやGoogleのアカウントに保存しているクレジットカード情報があれば、カード番号や有効期限を自動入力するかきいてくれる、あれ、10桁以上ある番号を暗記するのは難し …

READ MORE

@supportsでクリーンなIEハック

特定の機能が有効な環境にだけ適用させる@supportsでobject-fitなどInternetExplorerだけ非対応の機能を指定すると、クリーンなCSSハックができます。 サンプルソース 参考:@supports …

READ MORE

HTMLタグの範囲を特定する正規表現

styleやscriptのような入れ子にならない前提のタグなら、このような正規表現で範囲特定して抜き出したり置き換えたりできます。 たとえば、HTMLソース内に散在しているstyleタグを1箇所にまとめるならこんなふうに …

READ MORE

Node.jsの環境構築で失敗したとき試したこと

Node.jsの開発環境を設定しているとたまに、他のパソコンでは正常に実行できたコマンドでこけて環境を構築できないことがあります。そんなときに試したことを、備忘としてまとめました。 Node.jsをnodebrew管理に …