Nuxt.jsとNetlifyでサイトを公開する
Nuxt.jsで作成したサイトをNetlifyにデプロイする流れを試してみます。...
Herokuを使ってみる
Herokuを使う機会があったので、デプロイするまでの流れを試してみます。 デプロイ方法はいくつかありますが、今回はGi...
formでボタン毎に送信先を設定する
同じform内で複数の送信ボタンを設置して、それぞれ送信先を別にしたいということがあったので、設定方法をメモしておきます...
pattern属性を使ってみる
input要素にpattern属性を設定して、ブラウザに標準で用意されているバリデーションを試してみます。...
webpack-streamでエラー時にgulp.watchが止まる
以前にGulpとwebpackとTypeScriptで開発環境を作成する記事を投稿しましたが、webpack-strea...
Netlifyを使ってみる
静的コンテンツのホスティングサービスのNetlifyを使って、サイトを公開するまでの流れを試してみます。...
WebPを使ってみる
iOS Safariの14.0からWebP形式の画像をサポートしているそうなので、WebP形式の画像の作成方法とサイトで...
autoprefixer + gulp-postcssでPostCSS plugin autoprefixer requires PostCSS 8.とエラーが出た時の対応方法
gulpでプラグインのバージョンをアップデートして使用した際、タイトルのようなエラーが出たので対応方法をメモ。...
Gulp + webpack + TypeScriptで開発環境を作成する
GulpとwebpackとTypeScriptで開発環境を作成してみます。...
gulp v4 に移行する時のgulpfile.jsの変更点
gulp v3で使用していたgulpfile.jsをv4に変更する機会があったので、その際の変更点をメモ。...
関数内でAjaxのレスポンスを返り値にする
関数内でAjaxを使用した際に、そのレスポンスを返り値にする方法をメモ。...
min-heightとalign-items centerの組み合わせがIE11で効かない
flexboxのalign-items: centerとmin-heightを組み合わせて設定した際、IE11でだけ上下...
JsRenderを使ってみる
jQueryを使用している案件でテンプレート的な機能を使いたいことがあったので、JsRenderというライブラリを使って...
detailsタグとsummaryタグを使ってみる
アコーディオンのようにコンテンツの開閉ができるようになるdetailsタグとsummaryタグを使ってみます。...
ファイル拡張子の「HEIF」について調べてみる
iOS11から導入されているHEIF形式の画像について調べてみました。...
chromeのinputで本来の高さより小さくなる
以前に書いたinputに入力したテキストの上下が切れるの記事を調べている際に遭遇したのですが、inputに指定するlin...
inputに入力したテキストの上下が切れる
フォームのコーディングをした際、入力したテキストの下部が切れてしまう現象に遭遇したので、原因と対応方法をメモ。...
Google Maps Platformを使ってみる
案件でGoogle Maps Platformの登録や設定から行う機会があったので、一通りの流れをメモしておきます。...
PostcodeJP APIで郵便番号から住所を検索する
郵便番号からフォームの住所補完をする実装をする機会があったので、PostcodeJP APIというサービスを試してみまし...
フォームのオートコンプリート使用時に背景色を変更しないようにする
chromeでフォームのオートコンプリートを使用した際に背景色が水色に変更されますが、色を変更しないようにしたいというこ...