「Jamstack」アーキテクチャによるWeb開発【Nuxt.js×MicroCMS×Firebase】
新規開発で「Jamstack」アーキテクチャを取り入れて開発したので、その過程やメリットなどについてまとめておきます。 Jamstack構成にあたり以下のサービスを活用しています。 静的サイトジェネレータ：Nuxt.js …
記事一覧
Node.jsでgRPC-Webのチュートリアルを試してみた
こちらを参考にgRPC-Webを使ってHello! Worldを表示するチュートリアルをやってみました。 参考：https://github.com/grpc/grpc-web/tree/master/net/grpc/ …
【Nuxt.js】Firebase Resize Imagesでリサイズした画像を出し分ける方法
Firebase Resize Images拡張機能をインストールし、Nuxt.jsでリサイズした画像を出し分けて表示する方法を紹介します。 Firebase Resize Imagesのインストール・構成 Fireba …
【Firebase】Cloud Storage セキュリティルール条件の書き方
Cloud Storageセキュリティルールの書き方について紹介しましす。 Firebaseでセキュリティルールが設定できるサービスは、Realtime Database・Cloud Storage・Cloud Fire …
【Nuxt.js】Firebase Hostingで404ページに遷移されない対処法
Nuxt.js + Firebase Hostingでgenerateによる静的ファイル生成時に404ページに遷移されない問題の対処法をメモしておきます。 Nuxt.jsでgenerateした静的ファイル以外のページにア …
【LINE謎】LINEで遊べる謎解きの作り方と開発方法まとめ
LINE謎のBotを作成する上で、以下の記事や本を参考にしました。 参考：LINE謎の開発についてまとめ 参考：プログラミング初心者でも無料で簡単にLINE BOTが作れるチュートリアル｜渡なべ🍲達明｜n …
Firebaseで複数のサイトをHostingする方法
Firebaseで複数のサイトをHostingし、プロジェクトのリソースを共有する方法をメモしておきます。 1つのFirebaseプロジェクトで複数サイトを登録することで、プロジェクト内のリソース(Authenticat …
【GCP】GAEでRailsのステージング環境と本番環境を構築する方法
Google App EngineでRailsのステージング環境と本番環境を構築する方法を紹介します。 database.ymlの編集 ステージング環境用と本番環境用のDBをそれぞれ追加します。 ・database.ym …
【Nuxt.js】buildとgenerateのパフォーマンスを向上させる方法
nuxt buildとnuxt generateのパフォーマンス向上させる方法を紹介します。 nuxt buildのパフォーマンス向上 「HardSourceWebpackPlugin」の活用 HardSourceWeb …
Cloud SQLをローカルのDBeaver(クライアントツール)にプロキシを使用して接続する方法
Cloud SQLをローカルのDBeaver(クライアントツール)に接続する方法を紹介します。今回はクライアントツールとしてDBeaverを選択していますが、他のツールでも問題ありません。 参考：外部アプリケーションから …
