開発環境

https://koding.com/
node v0.10.26
npm v1.4.3
npmのコマンド
http://qiita.com/yoh-nak/items/8446bf12094c729d00fe

firebaseアカウント登録

https://www.firebase.com/

料金と無料範囲

https://www.firebase.com/pricing.html

firebase hosting

https://www.firebase.com/docs/hosting/quickstart.html

使い方

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

結果

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

https://sweltering-torch-299.firebaseapp.com/index.html