タグ: スニペット

2021年8月15日

[Nuxt + TypeScript + SSR] nuxt-property-decoratorでタイトルタグを動的に設定する

今回はNuxt　+ TypeScript + SSRでnuxt-property-decoratorを使っている構成で、asyncDataやfetchなどでapi callして取得した値をhead内のtitleタグに動的に設定する方法のメモです。
簡単な内容ですが自分は静的解析の解決にハマったので、だれかの助けになれば幸いです。

カテゴリー 開発

2021年5月29日

javascriptで要素の一番下までスクロールされたことを検知するスニペット

今回はhtmlの要素が全部閲覧されたか？つまり一番下までスクロールされたかを判定するjavascriptのスニペットです。
素のjavascript版とvue.js版での実装をサンプルコード付きでご紹介します。
利用規約やプライバシーポリシーなど、最後まで読んでもらったことを確認してから同意したい場合などに使えると思います。

カテゴリー 開発

2020年8月8日

ローカルにdockerを使ってHTTPS環境を立ち上げるスニペット

皆さん良いWEBライフ送れていますか？ 今回はいつも困るローカルでのSSL環境構築です。 内容を見ていただけたらわかりま...

カテゴリー 開発

2020年5月22日

Bootstrap-vueで画像の上にテキストを表示する方法 How to Text overlay on Image

概要 bootstrap-vueを利用して、画面一杯の画像の上に文字を配置するスニペット あまりピッタリくるドキュメント...

カテゴリー 開発