Framework・Office365を中心に扱うブログです。公式ドキュメントどおりにいかなかったのでメモしておきます。コマンドで作ったばかりの空っぽのWebアプリをFirebaseにデプロイする手順を掲載します。本記事の手順を実行するには、以下の環境が必要です。CodeFirebaseに登録済であるFirebaseのアカウントは以下のURLで作成することができます。App」で空のWebアプリを用意します。手持ちのWebアプリがある方は飛ばしてOKです。App」をインストールします。コマンドプロンプトで以下を実行します。コマンドを実行します。任意のプロジェクト名を指定してください)こうなります。Reactプロジェクト作成結果さて、ローカル環境で結果を確認してみましょう。Codeのターミナルで以下のコマンドを実行しましょう。だいたい以下の感じの画面になれば成功。管理コンソールでプロジェクトを追加します。必要な情報を入力します。プロジェクトの情報を入力プロジェクトIDはFirebase内で一意らしく、プロジェクト名が被ると連番が付きます。この時点でreact-sampleは86468番煎じのようです(笑FirebaseをWebアプリに追加プロジェクトが出来上がると以下の画面が開きます。コードのアイコンをクリックしてプロジェクトに設定すべき値を表示します。コードアイコン表示された値をコピーします。TypeScriptの構成なのでscriptタグの中身だけでOKです。コピー範囲コピーしたコードをindex.tsxのimport直後に貼り付けます。定義をvarからconstに直しておきましょう。index.tsxに貼り付け当然ですがfirebaseが分からんと怒られました。--saveindex.tsxにimportします。index.tsxにimportこれでエラーが消えました。Firebaseのコマンドラインツール(CLI)をインストール次に開発用の端末にコマンドラインツールをインストールします。コマンドプロンプトで以下を実行します。firebase-toolsFirebaseにログイン引き続き以下を実行します。loginGoogleアカウントと連動するための同意画面なんかが出てきますので画面の案内どおりに進めてログインを完了します。Codeのターミナルで以下を実行します。(コマンドプロンプトでも良いですが作成された構成ファイルがすぐ確認できるのでVSCodeでやっています。init警告が出ますが無視します。途中、publicフォルダ名を聞かれます。「build」を指定します。publicフォルダにbuildを指定すること出来上がったfirebase.jsonを開き、余計なignoreを消します。削除ビルドしてローカルで確認いよいよ動作確認です。Codeのターミナルで以下を実行します。実行したら聞かれるままにプロジェクトを選択してエイリアスを指定します。buildローカルで起動します。serve起動したURLをブラウザで表示できれば成功です。成功FirebaseにWebアプリをデプロイデプロイします。deploy成功したら一通り完了です。以上、参考になれば幸いです。復旧)【2019年11月時点最新】Flowの新ライセンス形態まとめSharePointでリストのコピーができるようになりました月別アーカイブはてなブログをはじめよう!micknabewataさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。