Talk APIを使ってみる
リクルートテクノロジーズの提供しているTalk APIと以前作成したLINEボットを繋げて、メッセージに応じて応答できる...
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形式の画像について調べてみました。...