formaction属性でボタン毎に送信先を変更する
以前にJavaScriptでformのボタン毎に送信先を変更する記事を掲載しましたが、HTML5で追加された属性でもでき...
SlackのIncoming Webhookを使ってチャンネルにメッセージを送信する
SlackのIncoming Webhookを使って、指定したチャンネルにメッセージを送信する方法を試してみます。...
chromeデベロッパーツールのconsoleでオブジェクトをコピーする
consoleに出力したオブジェクトをコピペしたいということがあったので、方法をメモしておきます。...
LINEのMessaging APIを使ってみる
LINEのMessaging APIを使って簡単なボットを作成してみます。...
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...