Nuxt.js

CognitoNuxt.js2021年4月23日

Nuxt.jsでAmazon Cognitoを使う

nuxt.jsAmplifyを使わずに、認証の部分のみをCognitoに任せてNuxt.jsで使いたい今回はこの中のAuth.tsのみを使用する。 amplify-js/Auth.ts at master · aws-amplify/amplify-jsA declarative JavaScript library for application development using cloud services. - amplify-js/Auth.ts at master · aws-amplify/amplify-jsGitHubaws-amplify [https://github.com/aws-amplify/amplify-js/blob/master/packages/auth/src/Auth.ts] Amplifyを使用して、認証画面の自動生成等を行っている記事は多く見かけた。認証にのみCognitoを使うケース&認証画面はすでにあるものを使いたい場合の記事が少なかったので、こちらに書き記す。 * 下準備 * login処理 * Middlewa

TypeScriptDialogflowClean Archittecture2020年5月30日

InversifyJSを使ってフロントエンドのTypeScriptでDIを実装してみた

クリーンアーキテクチャをTypeScriptで実装する際のDIをInversifyJSを使ってみた * Firebase & Firestore & Hosting * Nuxt.js & TypeScript を使い、サービスを実装する際にクリーンアーキテクチャを採用した。その際のDIライブラリとしてInverstifyJSを選定 InversifyJSInversifyJS is a lightweight inversion of control (IoC) container for TypeScript and JavaScript apps.http://inversify.io/Remo H. Jansen [https://inversify.io/] 想定サービスレストランの一覧を取得するもの Firestore とりあえず今回はPublicなRestaurantデータを取得するものを作成、データモデルはこんな感じ Clean Architecture 有名な図これをもとにフロント側を実装 Inverstify JS GitHub -

golangNuxt.jsMySQL2019年10月1日

Go,Nuxt,MySQLの環境をGCPにデプロイしてみた

開発環境から本番環境まで構築し、Google Cloud Platform(GCP)にデプロイしてみました。環境 * フロントエンド：Nuxt.js (Firebase Hosting) * バックエンド：Go (Cloud Run) * DB：MySQL (Cloud SQL) ()内は使用するGCPのサービスです。ブラウザからユーザーの氏名を送信するとDBに登録され、画面に全ユーザーの氏名を表示するだけの単純なアプリケーションを作成し、GCPにデプロイしました。最終的なソースは以下です。 GitHub - yutakahashi114/go_nuxt_mysqlContribute to yutakahashi114/go_nuxt_mysql development by creating an account on GitHub.GitHubyutakahashi114 [https://github.com/yutakahashi114/go_nuxt_mysql]ディレクトリ構成はこんな感じです。 . ├── client/ │ └── va