firebaseに関する記事一覧

【Firebase×Vue】signInWithRedirectで正常に画面遷移させる方法

signInWithRedirectは、Firebase Authenticationで外部認証(Google, Facebookログインなど)を実装する際に使用するメソッドだ。公式ドキュメントではsignInWithPopupというホップアップ形式の認証方式も紹介されているが、モバイルデバイス対

今回はVue.js(vue-cli)で作成したアプリケーションをFirebase Hostingにデプロイする手順をまとめました。開発環境Vue.jsvue-cliFirebase HostingGitHub手順Firebase Host

今回はFirebase CLIを使って、Storageのセキュリティルールを変更します。当記事は、2022年5月時点での動作確認内容です（随時更新予定）下記の初期設定が既に完了している前提で、解説を進めていきます。Firebaseのプロジェクトを作成しているNode.js

プログラミング言語（フレームワーク, ライブラリ）	■ フロントエンド HTML5 CSS3 TypeScript（React.js, Next.js） ■ バックエンド Node.js（Express.js）
主なライブラリ	■ フロントエンド MUI dayjs lodash react-redux react-hook-form react-markdown ■ バックエンド mongoose swagger-ui-express aws-sdk v3 crypto jsonwebtoken jwks-rsa
OS	Mac
インフラ	AWS ■ DB MongoDB ■ ホスティング API: AWS ECS フロントエンド: Amplify Hosting ■ メール配信 AWS SES ■ ストレージ AWS S3 ■ 認証 AWS Cognito
各種ツール	■ テストツール Playwright, Jest ■ バージョン管理/CI・CD GitHub Actions ■ プロジェクト管理/コミュニケーションツール GitHub, Google Chat ■ デザイン In Design

プログラミング言語/フレームワーク	HTML5 CSS3 / Bootstrap, Bulma JavaScript / jQuery PHP / CakePHP SQL
ツール	◾️バージョン管理 Git ◾️CMS WordPress, Shopify, CS-Cart ◾️プロジェクト管理 Wrike ■ デザイン Adobe Photoshop, Illustrator, XD

プログラミング言語（フレームワーク, ライブラリ）	CSS3（SCSS） JavaScript（Pug, Vue.js, Nuxt.js）
主なライブラリ	pinia tailwindcss lodash wijmo
OS	Mac, Windows
各種ツール	◾️テストツール Playwright ◾️バージョン管理/CI・CD GitHub, GitHub Actions ◾️プロジェクト管理/コミュニケーションツール Backlog, Slack ■ デザイン Figma

プログラミング言語（フレームワーク, ライブラリ）	HTML5 SCSS TypeScript（Vue.js）
主なライブラリ	vuetify vue-router pinia vue-i18n aws-sdk dayjs lodash
OS	Mac
インフラ	AWS ■ DB MongoDB AWS Dynamo
各種ツール	◾️ バージョン管理/CICD Bitbucket, CircleCI ◾️ プロジェクト管理/コミュニケーションツール Jira（Atlassian）, Confluence（Atlassian）, Slack ■ デザイン Figma