LoginSignup
4
5

More than 5 years have passed since last update.

firebaseで、スクラム計画用カードサービスを作ってみる

Posted at

開発環境

firebaseアカウント登録

料金と無料範囲

firebase hosting

使い方

firebase-toolsのインストール

$ npm install -g firebase-tools

ログイン

rei-no-MacBook-Air:agile_estimate_card alin$ firebase login
Visit this URL on any device to log in:
https://www.firebase.com/login/confirm.html?ticket=XXXXXX

Waiting for authentication...

✔  Success! Logged in as XXXXXX@gmail.com


rei-no-MacBook-Air:agile_estimate_card alin$ firebase logout
✔  Logged out from XXXXXXXX@gmail.com

アプリの初期化

rei-no-MacBook-Air:agile_estimate_card alin$ firebase init
? What Firebase do you want to use? sweltering-torch-299
? What directory should be the public root? public
✔  Public directory public has been created
Firebase initialized, configuration written to firebase.json
rei-no-MacBook-Air:agile_estimate_card alin$ ls
firebase.json   public
rei-no-MacBook-Air:agile_estimate_card alin$ vi firebase.json 

vi firebase.json
------

{
  "firebase": "sweltering-torch-299",
  "public": "public",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}

アプリデプロイ

vi public/index.html
-------------
<html>
  <head>
    <title>Agile Estimate Card</title>
  </head>

  <body>
    <h1>hello firebase</h1>
  </body>
</html>
rei-no-MacBook-Air:agile_estimate_card alin$ firebase deploy

=== Deploying to 'sweltering-torch-299'...

i  deploying hosting
i  preparing public directory for upload...
✔  1 files uploaded successfully

✔  Deploy complete!

URL: https://sweltering-torch-299.firebaseapp.com
Dashboard: https://sweltering-torch-299.firebaseio.com

Visit the URL above or run firebase open

結果
スクリーンショット 2015-10-28 23.11.41.png

スクラム計画用カードサービスを作ってみる

4
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5