くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

個人開発報告: 月例振り返り&開発予定 (2022年7月)

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

Day.jsで相対日時を表示する(RelativeTime / thresholds)

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

Vue3ではrootに複数の要素OKだけどNuxt3のpage配下は単一要素がいい

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…

GitHub CLIでIssueのラベルをクローンする

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

Cloudflareとキャッシュ

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

個人開発報告: 月例振り返り&開発予定 (2022年6月)

6月の振り返り、今月の開発予定です(*´ω`*) 前回はこちら(*´ω`*) www.memory-lovers.blog やったこと 今月はたくさんアップデートできた(*´ω`*) \6月のアップデートまとめ/6月のアップデート内容はこちら✅読み込み開始位置が変更可能に✅空文字で絞り込…

リングフィットをはじめたら、10キロやせた

在宅の仕事なので、慢性的に運動不足だったけど、 リングフィットはじめたら、10キロくらいやせたので、 なにしてたかをまとめてみました(*´ω`*) これまでの筋肉への課金額は、64,237円です(*´ω`*) まとめ 3ヶ月で生活がガラッと変わった(*´ω`*) 今の生活…

CDNのパージとかを調べてみたまとめ(Cloudflare/Cloud CDN/Fastly)

CDNを使ってキャッシュを活用したいなと思い、 いろいろ調べたときの備忘録。 調べたのは、Cloudflare/Cloud CDN/Fastlyの3種類。 まとめ Cloudflare 無料でも利用できる 単一URLのパージのみ 柔軟なパージはEnterpriseプランのみ Cloud CDN 価格が安く、前…

gcloudのconfigurationsで設定を保存する

gcloudのアカウントとかプロジェクトとか設定変更がめんどうだな。。 と思っていたら、設定に名前をつけて保存できる機能があった(*´ω`*) いつものやりかた # 現在の設定 $ gcloud info # ログイン済みアカウントの一覧 $ gcloud auth list # プロジェクト…

Cloud Build+Cloud Runでできた不要なContainer Registryを自動削除する(gcr-cleaner)

前回の続き。Cloud Build+Cloud Runで作られた不要なイメージを削除してくれる gcr-cleanerを試してみたときの備忘録。 github.com とりあえず、gcloudをアップデート。 $ gcloud components update 設定の流れ READMEに書いてある流れ。 Google APIの有効化…