102
Scala 初めての人が Heroku Web アプリ を公開するまで 2013年4月13日 mollifier

Scala 初めての人が Heroku で Web アプリを公開するまで

Embed Size (px)

DESCRIPTION

Scala関西ビギナーズ 第2回 : http://atnd.org/events/37820

Citation preview

Page 1: Scala 初めての人が Heroku で Web アプリを公開するまで

Scala 初めての人が Heroku で Web アプリを公開するまで

2013年4月13日 mollifier

Page 2: Scala 初めての人が Heroku で Web アプリを公開するまで

自己紹介

名前 : 三宅 はてな : id mollifier twitter : @mollifier 神戸のプログラマ

Page 3: Scala 初めての人が Heroku で Web アプリを公開するまで

好きなもの

zsh vim vimperator

Page 4: Scala 初めての人が Heroku で Web アプリを公開するまで

ブログとか はてなブログ

http://mollifier.hatenablog.com/ twitter

http://twitter.com/mollifier slideshare

http://www.slideshare.net/mollifier github

https://github.com/mollifier

Page 5: Scala 初めての人が Heroku で Web アプリを公開するまで

みんな Scala 大好き

Page 6: Scala 初めての人が Heroku で Web アプリを公開するまで

せっかくだから Scala でなんか作ってみたい

Page 7: Scala 初めての人が Heroku で Web アプリを公開するまで

何を作るか?

Page 8: Scala 初めての人が Heroku で Web アプリを公開するまで

やっぱり Web

Page 9: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 10: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 11: Scala 初めての人が Heroku で Web アプリを公開するまで

おしゃれな Web サービズを作ってみたい

Page 12: Scala 初めての人が Heroku で Web アプリを公開するまで

できます!

Page 13: Scala 初めての人が Heroku で Web アプリを公開するまで

Scala なら簡単に出来ます!

Page 14: Scala 初めての人が Heroku で Web アプリを公開するまで

というわけで、Scala の開発環境構築をして

みましょう

Page 15: Scala 初めての人が Heroku で Web アプリを公開するまで

必要なもの Git Scala Play Framework Heroku

Page 16: Scala 初めての人が Heroku で Web アプリを公開するまで

こいつらをインストールして動かすまでを紹

介します

Page 17: Scala 初めての人が Heroku で Web アプリを公開するまで

前提 使用するマシンは Mac Java はインストール済み Homebrew はインストール

済み

Page 18: Scala 初めての人が Heroku で Web アプリを公開するまで

Git Scala Play Framework Heroku

Page 19: Scala 初めての人が Heroku で Web アプリを公開するまで

Git は必須です

Page 20: Scala 初めての人が Heroku で Web アプリを公開するまで

すでに入れてる人も多いと思いますが、まだの人はインス

トールしましょう

Page 21: Scala 初めての人が Heroku で Web アプリを公開するまで

% brew install git

Page 22: Scala 初めての人が Heroku で Web アプリを公開するまで

簡単ですね

Page 23: Scala 初めての人が Heroku で Web アプリを公開するまで

Page 24: Scala 初めての人が Heroku で Web アプリを公開するまで

Git Scala Play Framework Heroku

Page 25: Scala 初めての人が Heroku で Web アプリを公開するまで

こいつも Homebrew を使って

Page 26: Scala 初めての人が Heroku で Web アプリを公開するまで

% brew install scala

Page 27: Scala 初めての人が Heroku で Web アプリを公開するまで

でもいいんですが、

Page 28: Scala 初めての人が Heroku で Web アプリを公開するまで

svm というツールが便利なので使ってみます

https://github.com/yuroyoro/svm

Page 29: Scala 初めての人が Heroku で Web アプリを公開するまで

Scala をバージョンごとにインストールして使い分けれるようにな

ります

Page 30: Scala 初めての人が Heroku で Web アプリを公開するまで

Ruby の rbenv、PHPの phpenv のよう

なやつです

Page 31: Scala 初めての人が Heroku で Web アプリを公開するまで

svm 本体をダウンロードしてPATHが通ったと

ころに置きます

https://github.com/yuroyoro/svm/blob/master/svm

Page 32: Scala 初めての人が Heroku で Web アプリを公開するまで

今回は $HOME/bin に置いたとします

Page 33: Scala 初めての人が Heroku で Web アプリを公開するまで

実行できるようにします

Page 34: Scala 初めての人が Heroku で Web アプリを公開するまで

% chmod 755 $HOME/bin/svm

Page 35: Scala 初めての人が Heroku で Web アプリを公開するまで

シェルの設定ファイルに書きます

Page 36: Scala 初めての人が Heroku で Web アプリを公開するまで

bash の場合、 ~/.bash_profile に以

下を追加

Page 37: Scala 初めての人が Heroku で Web アプリを公開するまで

export PATH=$HOME/bin:$PATH

if [[ -d "${HOME}/.svm/current/rt" ]]; then export SCALA_HOME=${HOME}/.svm/current/rt export PATH=$SCALA_HOME/bin:$PATHfi

Page 38: Scala 初めての人が Heroku で Web アプリを公開するまで

zsh の場合、~/.zshrc または ~/.zshenv に以

下を書く

Page 39: Scala 初めての人が Heroku で Web アプリを公開するまで

path=($HOME/bin(N-/) $path)

if [[ -d "${HOME}/.svm/current/rt" ]]; then export SCALA_HOME=${HOME}/.svm/current/rt path=(${SCALA_HOME:+${SCALA_HOME}/bin}(N-/) $path)fi

Page 40: Scala 初めての人が Heroku で Web アプリを公開するまで

後は svm を使って Scala をインストール

Page 41: Scala 初めての人が Heroku で Web アプリを公開するまで

% svm install 2.9.2

Page 42: Scala 初めての人が Heroku で Web アプリを公開するまで

他のバージョンもインストールできる

Page 43: Scala 初めての人が Heroku で Web アプリを公開するまで

% svm install 2.10.0

Page 44: Scala 初めての人が Heroku で Web アプリを公開するまで

切り替えも簡単

% svm switch 2.9.2

Page 45: Scala 初めての人が Heroku で Web アプリを公開するまで

これで今後バージョンを上げるときもスムー

Page 46: Scala 初めての人が Heroku で Web アプリを公開するまで

ちなみに、

Page 47: Scala 初めての人が Heroku で Web アプリを公開するまで

Scala の勉強してたはずなのに、なんかうず

うずして

Page 48: Scala 初めての人が Heroku で Web アプリを公開するまで

svm の zsh 補完ファイルを作りました

Page 49: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 50: Scala 初めての人が Heroku で Web アプリを公開するまで

ここにありますzsh-completions

https://github.com/zsh-users/zsh-completions

Page 51: Scala 初めての人が Heroku で Web アプリを公開するまで

補完便利

Page 52: Scala 初めての人が Heroku で Web アプリを公開するまで

ぜひ使ってみてください

Page 53: Scala 初めての人が Heroku で Web アプリを公開するまで

Page 54: Scala 初めての人が Heroku で Web アプリを公開するまで

どんどんいきます

Page 55: Scala 初めての人が Heroku で Web アプリを公開するまで

Git Scala Play Framework Heroku

Page 56: Scala 初めての人が Heroku で Web アプリを公開するまで

Play Framework は Scala で開発するときによく使われる Web フレームワークです

Page 57: Scala 初めての人が Heroku で Web アプリを公開するまで

インストールします

Page 58: Scala 初めての人が Heroku で Web アプリを公開するまで

Mac 使ってるので% brew install play

でOK

Page 59: Scala 初めての人が Heroku で Web アプリを公開するまで

簡単ですね

Page 60: Scala 初めての人が Heroku で Web アプリを公開するまで

Page 61: Scala 初めての人が Heroku で Web アプリを公開するまで

Play Framework でWebアプリを作成

Page 62: Scala 初めての人が Heroku で Web アプリを公開するまで

早速 Webアプリを作ってみます

Page 63: Scala 初めての人が Heroku で Web アプリを公開するまで

play ならコマンド一つです

Page 64: Scala 初めての人が Heroku で Web アプリを公開するまで

% play new myApp1

Page 65: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 66: Scala 初めての人が Heroku で Web アプリを公開するまで

で起動

% cd myApp1% play run

Page 67: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 68: Scala 初めての人が Heroku で Web アプリを公開するまで

をブラウザで表示

http://localhost:9000

Page 69: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 70: Scala 初めての人が Heroku で Web アプリを公開するまで

動いてる。いい感じ。

Page 71: Scala 初めての人が Heroku で Web アプリを公開するまで

あとは Git のリポジトリを作っておきましょ

Page 72: Scala 初めての人が Heroku で Web アプリを公開するまで

% git init% git add --all% git commit -m 'Initial commit'

Page 73: Scala 初めての人が Heroku で Web アプリを公開するまで

また後で使います

Page 74: Scala 初めての人が Heroku で Web アプリを公開するまで

Page 75: Scala 初めての人が Heroku で Web アプリを公開するまで

Git Scala Play Framework Heroku

Page 76: Scala 初めての人が Heroku で Web アプリを公開するまで

Webアプリを作ったらみんなに公開したい!

Page 77: Scala 初めての人が Heroku で Web アプリを公開するまで

Heroku を使うとできます

Page 78: Scala 初めての人が Heroku で Web アプリを公開するまで

Heroku とは

Page 79: Scala 初めての人が Heroku で Web アプリを公開するまで

なんかよくわかんないけど Play Framework で作った

やつを公開できるやつ

Page 80: Scala 初めての人が Heroku で Web アプリを公開するまで

使ってみましょう

Page 81: Scala 初めての人が Heroku で Web アプリを公開するまで

まずはユーザー登録

https://www.heroku.com/

Page 82: Scala 初めての人が Heroku で Web アプリを公開するまで

次に Heroku Toolbelt をインストール

Page 83: Scala 初めての人が Heroku で Web アプリを公開するまで

以前は Ruby の gem で heroku コマンドをインストールしてたのですが、今は Heroku Toolbelt を使います

Page 84: Scala 初めての人が Heroku で Web アプリを公開するまで

https://toolbelt.heroku.com/ から heroku-toolbelt.pkg を

ダウンロード実行して普通にインストール

Page 85: Scala 初めての人が Heroku で Web アプリを公開するまで

後は

Page 86: Scala 初めての人が Heroku で Web アプリを公開するまで

メールアドレス、パスワードを入れてログイン

% heroku login

Page 87: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 88: Scala 初めての人が Heroku で Web アプリを公開するまで

アプリの初期設定

% cd myApp1% heroku create --stack cedar

Page 89: Scala 初めての人が Heroku で Web アプリを公開するまで

本番公開するには Git で push するだけ

% git push heroku master

Page 90: Scala 初めての人が Heroku で Web アプリを公開するまで

なんかずらずら表示されて...

Page 91: Scala 初めての人が Heroku で Web アプリを公開するまで

デプロイ完了!

Page 92: Scala 初めての人が Heroku で Web アプリを公開するまで

簡単ですね

Page 93: Scala 初めての人が Heroku で Web アプリを公開するまで

ちなみに、僕が作った超おしゃれなWebアプ

Page 94: Scala 初めての人が Heroku で Web アプリを公開するまで

Remember the mollifier

Page 95: Scala 初めての人が Heroku で Web アプリを公開するまで
Page 96: Scala 初めての人が Heroku で Web アプリを公開するまで

シンプルでモダンなデザイン

Page 97: Scala 初めての人が Heroku で Web アプリを公開するまで

PCでもスマートフォンでも同じ表示

Page 98: Scala 初めての人が Heroku で Web アプリを公開するまで

ある意味レスポンシブ

Page 99: Scala 初めての人が Heroku で Web アプリを公開するまで

http://dry-river-7059.herokuapp.com/tasks

ここにあります

Page 100: Scala 初めての人が Heroku で Web アプリを公開するまで

こんな感じで Scala ならすぐに Web アプリを

公開できます

Page 101: Scala 初めての人が Heroku で Web アプリを公開するまで

ぜひ試してみてください

Page 102: Scala 初めての人が Heroku で Web アプリを公開するまで

ありがとうございました