Nuxt2のSSGで静的サイトを作っているけど、 一部のコンポーネントが非同期に読み込まれてるっぽい感じに。。 調べてみると、named slotsを使っていると、 Hydrationがうまく行かず、クライアントサイドでレンダリングされるよう。。 使ってたコード 以下のよ…

以前調べたghコマンドでは、同期はできるけど、 エクスポート/インポートみたいなのはがんばらないといけなさそう。。 なので、エクスポート/ちょっと変更/インポートみたいなのはめんどい。。 いろいろ見てると、github-label-syncで、 json/yamlファイルか…

Vue3でいろいろ試してるけど、若干混乱してきたので、 ガイドを再度読み直してみた。慣れるまでむずい。。 リアクティブの基礎 | Vue.js まとめ リアクティブの基本 リアクティブにしてくれるのはref()。オブジェクトもdeepで追跡 reactive()はリンクを保っ…

sitemap.xmlにあるURLの一覧を取得したいなと思ったら、便利なライブラリが(*´ω｀*) github.com 使い方 まずはインストール $ npm install sitemapper --save 簡単な使い方はこんな感じ。 import Sitemapper from 'sitemapper'; async function main() { con…

2つの画像を並べて一つの画像にしたいなと思って、 sharpを見てたら便利なライブラリが(*´ω｀*) github.com 結合するだけのシンプルなライブラリですてき(*´ω｀*) 使い方 まずはインストール。 $ npm install sharp join-images 簡単な使い方はこんな感じ。 …

7月の振り返り、今月の開発予定です(*´ω｀*) かなり遅れてしまった。。(´・ω・｀) 前回はこちら(*´ω｀*) www.memory-lovers.blog やったこと 今月はアップデート少なめだけど、地味な内部改善を進めてる(*´ω｀*) ＼7月のアップデートまとめ／7月のアップデー…

Day.jsで「〇〇日前」とかの相対日時を表示したいなと思ったときの備忘録。 この記事がわかりやすく、ほぼ引用。 - Day.jsで相対日時を厳密に表示する（thresholds） 相対日時を表示するのは、RelativeTimeプラグインを使えばOK RelativeTime · Day.js 相対…

Vue3ではFragmentsが導入されて、マルチルートノードコンポーネントがサポートされた。 ・Fragments | Vue.js 以下のようなのも対応しているけど、 <template> <button class="btn mx-2">ボタン1</button> <button class="btn btn-primary mx-2">ボタン2</button> </template> Nuxt3のpagesだと、warningが出てしまう。。 runtime-core.esm-bundler.js:38 [Vue warn…

新しいリポジトリを作ったときに、Issueのラベルを設定するのが、 めんどくさいなと思ったら便利なのがあったので、 その時の備忘録。 GitHubのCLIツールがあるらしい(*´ω｀*) cli/cli: GitHub’s official command line tool list: 一覧表示 まずは一覧表示…

キャッシュ機能を実装するときに、いろいろ調べたので、 その時の備忘録。 Cache-Controlのディレクティブ 標準的なディレクティブは以下の通り。MDNから引用。 ・Cache-Control - HTTP | MDN リクエスト レスポンス max-age max-age max-stale - min-fresh …