Nuxt.jsでsanitize-htmlを使ってみる
Nuxt.jsでサニタイズすることがあったので、sanitize-htmlの設定方法をメモ。 sanitize-html...
CSSでスマホ時のみ電話番号にリンクを設定する
スマホでの閲覧時のみ電話番号にリンクを張りたいということがあったので、CSSのメディアクエリで判別して一定の画面幅以下の...
Movable Typeで管理画面上からデータを置換する
Movable Typeで記事内の文字列を一括で置換したいということがあったので、Movable Typeで用意されてい...
CSSで変数を使ってみる
CSSで変数を定義できるカスタムプロパティを使ってみます。...
JavaScriptで履歴に残さないでリダイレクトする
JavaScriptでのリダイレクトで別ページに移動した際、ブラウザバックなどでリダイレクト元に戻らないようにする方法を...
CSSのmin()・max()・clamp()を使ってみる
CSS関数のmin()・max()・clamp()を使ってみます。...
Google Apps ScriptからSlackにメッセージを送信する
以前に投稿したGoogle Apps Scriptでメールを送信するに、お問い合わせの送信があった際にSlackの特定の...
CSSプロパティのaspect-ratioを使ってみる
要素のアスペクト比を設定できるaspect-ratioを使ってみます。...
Google Apps Scriptでメールを送信する
昨日投稿したお問い合わせフォームの送信内容をスプレッドシートに追加するの記事の続きで、お問い合わせの送信があった際に自動...
お問い合わせフォームの送信内容をスプレッドシートに追加する
お問い合わせフォームの送信内容をスプレッドシートで管理したいということがあったので、実装を試してみます。...
Herokuで管理画面上からログを確認する
Herokuのアプリのログをコマンドではなく管理画面上から見たいということがあったので、確認方法をメモ。...
JavaScriptのsort()を使ってみる
配列のソートを行えるsort()メソッドを使ってみます。...
VeeValidateでバリデーションのタイミングを変更する
Vue.jsのライブラリのVeeValidateを使用した際、バリデーションのタイミングを調整したいということがあったの...
Nuxt.jsでエラーページの対応をする
Nuxt.jsでエラーページの設定をする方法をメモ。...
Contact Form 7で内容に応じて送信先を変更する
WordPressプラグインのContact Form 7で、フォームの選択内容に応じて送信先を変更する方法をメモ。...
LinkedInのシェアボタンを設置する
LinkedInのシェアボタンを設置する機会があったので、設置方法をメモ。...
VeeValidateのValidation Observerを使ってみる
VeeValidateのValidation Provideを使ったバリデーションは以前Vue.jsの記事やNuxt.j...
Nuxt.jsでお問い合わせフォームを作成する
Nuxt.jsを使って、確認画面を挟むタイプのお問い合わせフォームの処理を実装してみます。...
FigmaのFigJamを使ってみる
FigmaのFigJamという機能を使ってフローチャートを作成する機会があったので、Figmaの登録の流れとFigJam...
Nuxt.jsでdate-fnsを使ってみる
@nuxtjs/date-fnsを使って、Nuxt.jsで日付の処理を行ってみます。...