VSCodeで検索や置換を行う
VSCodeでの検索・置換方法について試した内容をメモ。...
さくらインターネットでService Unavailableのエラーが表示される
さくらインターネットのレンタルサーバで新しくサーバを借りてファイルをアップロードした際に、503エラー(Service ...
Fullscreen APIを使ってみる
要素のフルスクリーンでの表示自体は以前記事を投稿していますが、フルスクリーン表示に合わせていろいろ対応をする機会があった...
imagemin-webpでWebPを生成する
imagemin-webpを使って画像のWebPへの変換処理を試してみます。...
HerokuとGitHubの連携ができなくなった件の対応
記事投稿の数日前からHerokuとGitHubの連携ができなくなっているようで、一時的にGitHubとの連携からHero...
iOS Safariでbackground-attachment:fixedが効かない
background-attachment: fixed で背景を固定表示した際に、iOSのSafariで固定されないと...
brew updateがエラーで実行されない
以前にnodenvでバージョンが見つからなかった場合の対応方法の記事でbrew updateを使う方法を紹介しましたが、...
Animate.cssを使ってみる
簡易に要素のアニメーションを設定できるCSSのライブラリ「Animate.css」を試してみます。 使用するバージョンは...
Vue.jsのwatchを使ってみる
Vue.jsのwatchを簡単に試してみます。...
Nuxt.jsでRSSフィードを作成する
RSSフィードを作成する機会があったので、@nuxtjs/feedの設定方法を試してみます。...
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でメールを送信する
昨日投稿したお問い合わせフォームの送信内容をスプレッドシートに追加するの記事の続きで、お問い合わせの送信があった際に自動...
お問い合わせフォームの送信内容をスプレッドシートに追加する
お問い合わせフォームの送信内容をスプレッドシートで管理したいということがあったので、実装を試してみます。...