くらげになりたい。

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

@nuxt/contentでヘルプや使い方のページをサクッと作る

「Nuxt Contentでブログを作ろう」など、 Nuxt公式ドキュメントとかでも紹介されてて気になってたNuxt Content。 ブログ作らないから使う時ないな〜っと思ってたけど、 マークダウンでページを作れるんだったらヘルプページとか簡単にできるのでは? と思い…

カラーピッカーにVue Swatchesを使ってみた

Buefyを使って開発してるGoogleスプレッドシートをAPI化するサービスで、 フォルダ機能を追加するときにカラーピッカーにいいのないかな〜と思ったら、 Vue Swatchesがとても便利だった(´ω`) アップデートフォルダ機能を追加しました‼️アプリごとで分類でき…

GitHub Actionsで差分があるときだけ実行する(Get Diff Action)

以前の記事書いたとおり、Firebase HostingとCloud Functions for Firebaseのデプロイを GitHub Actionsでやっているけど、Cloud Functionsを毎回デプロイしているのでビルドに時間がかかる。。 www.memory-lovers.blog 差分がないときは、実行しなくていい…

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

7月の振り返りと実績値の公開、今月の開発予定です(´ω`) 前回はこちら(´ω`) www.memory-lovers.blog やったこと スプレッドシートのAPI化サービス開発中 web1weekに参加!! スプレッドシートのAPI化サービスを少しずつ 新サービス(SSSAPI)の開発が継続中。…

Django+Cloud Run+Cloud SQL(MySQL)+Cloud Build

最近、CloudRunとCloudBuildをよく使うので、 Django+CloudSQLも簡単とできるだろ〜と思ったら、 大ハマリしたときの備忘録。 CloudSQL(MySQL)だとライブラリが対応してなくてハマるっぽい。。(´・ω・`) 基本的な流れは公式ドキュメントを参照。 ・Cloud Ru…

Nuxtでgenerate後になにか処理をする(Generator hooks)

Nuxtでビルドするときに、ビルド時のコミットIDとかをファイルに書き出したいなと思ったときの備忘録。 hooksプロパティなんてのがあるらしい。 ・The hooks Property - NuxtJS hooksプロパティ Nuxtのモジュールとかで使うNuxtのイベントのhookがnuxt.confi…

Cloud Buildの結果をCloud FunctionでSlackに通知する

最近、Cloud RunのデプロイをCloud Buildでやっているけど、 ビルドの完了とか失敗をSlackで通知したいなと思って、いろいろ調べたときの備忘録。 ソースコードは、GitHubで公開してます。 ・https://github.com/memory-lovers/cloudbuild-slack Cloud Build…

Cloud StorageとCloudflareを使って画像配信サーバを構築する

開発しているウマ育ノートという育成支援サイト、 SSSAPIでソース変更せず、データを更新できるようになったけど、 画像はサーバから配信してたので、画像も配信する形式にしたいなと思って、 いろいろ調べてみたときの備忘録。 公式ドキュメントだとこのあ…

GitHub ActionsでSHORT_SHAを環境変数に設定する

前書いたのの別バージョン。開発中はタグ名じゃなくて、SHORT_SHAにしたい。 www.memory-lovers.blog "on": push: branches: - develop jobs: build_and_deploy: runs-on: ubuntu-latest timeout-minutes: 5 steps: - name: Checuout uses: actions/checkout…

Vueのテンプレートで使うタグをPropで指定する(`is`)

Nuxt(Vue)を使ってて、中身が同じだけど一部のタグを変えたいなと思ってたら、 Vueにちゃんと用意されてた(´ω`) <component v-bind:is="currentView"></component> <table> <tr is="my-row"></tr> </table> Buefyとかのtagはこうやってるのか(´ω`) 以上!! 参考にしたサイト様 API — Vue.j…