pugでstyleタグを直接記述する
サイト内のページURLリストをHTMLで作る場合など、サイト構築とは別でそのページのみCSSを使いたいということがあった...
Ajaxでオフライン時の対応をする
Ajaxでエラーになった際の対応で、オフラインの場合の対応をしたいことがあったので、実装方法をメモしておきます。...
カテゴリ別アーカイブ一覧で前後のカテゴリに移動できるようにする
以前に投稿した月別アーカイブ一覧で複数月に同じ記事を表示するという記事でカテゴリを使って月別アーカイブ一覧を作成しました...
PHPからスプレッドシートに書き込む
PHPからPOSTした内容をGoogle Apps Scriptで受け取って、スプレッドシートに書き込む処理を実装してみ...
月別アーカイブ一覧で複数月に同じ記事を表示する
以前にイベント情報を掲載するコンテンツの月別アーカイブページを作成する記事を掲載しましたが、イベントの期間が複数月に渡る...
Google Apps Scriptをウェブアプリとして公開する
Google Apps Scriptを使って、外部ツールからデータを受け取って処理をしたいことがあったので、ウェブアプリ...
Signing Secretを使ってSlackからのリクエストを検証する
以前Slackのコマンドを作成する記事を投稿しましたが、Slackからのリクエストを受け取った際に正当なものかを検証する...
Movable Typeの日付フィールドで月別アーカイブページを作成する
コンテンツタイプの日付フィールドで月別のアーカイブページを作成してみます。...
flexboxの子要素に指定したz-indexが効いてしまう現象
flexboxの子要素に指定したz-indexがpositionがなくても効いてしまうということがあったので、調べた内容...
SlackのSlash Commandsでコマンドを作成する
SlackのSlash Commandsを使って、Slack上で使えるコマンドを作成してみます。...
Gitをコマンドで使用する
普段はGitをSourceTreeで使うことが多いのですが、たまにターミナルやコマンドプロンプトからの操作が必要になると...
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属性を設定して、ブラウザに標準で用意されているバリデーションを試してみます。...