デザイナーが railsとgitのことを少し知ってると色々捗る

86
2011622日水曜日

Upload: -

Post on 17-Aug-2014

25.692 views

Category:

Design


4 download

DESCRIPTION

2011年6月21日Mitaka.rbでLTをやらせていただきました。

TRANSCRIPT

Page 1: デザイナーが RailsとGitのことを少し知ってると色々捗る

2011年6月22日水曜日

Page 2: デザイナーが RailsとGitのことを少し知ってると色々捗る

はじまるよ

2011年6月22日水曜日

Page 3: デザイナーが RailsとGitのことを少し知ってると色々捗る

自己紹介

2011年6月22日水曜日

Page 4: デザイナーが RailsとGitのことを少し知ってると色々捗る

自己紹介町田哲平と申します。

2011年6月22日水曜日

Page 5: デザイナーが RailsとGitのことを少し知ってると色々捗る

自己紹介町田哲平と申します。

Twitterアカウントは「machida」です。

2011年6月22日水曜日

Page 6: デザイナーが RailsとGitのことを少し知ってると色々捗る

自己紹介町田哲平と申します。

FJORD,LLCという会社で働いてます。

Twitterアカウントは「machida」です。

2011年6月22日水曜日

Page 7: デザイナーが RailsとGitのことを少し知ってると色々捗る

自己紹介町田哲平と申します。

FJORD,LLCという会社で働いてます。

Twitterアカウントは「machida」です。

@komagata

エンジニアとデザイナーの二人だけ

2011年6月22日水曜日

Page 8: デザイナーが RailsとGitのことを少し知ってると色々捗る

今日のテーマ

デザイナーがRailsとGitのことを

知ってると

2011年6月22日水曜日

Page 9: デザイナーが RailsとGitのことを少し知ってると色々捗る

今日のテーマ

デザイナーがRailsとGitのことを

知ってるとちょっとだけ

2011年6月22日水曜日

Page 10: デザイナーが RailsとGitのことを少し知ってると色々捗る

今日のテーマ

デザイナーがRubyとGitのことを

知ってるとちょっとだけ

色々捗る

2011年6月22日水曜日

Page 11: デザイナーが RailsとGitのことを少し知ってると色々捗る

今日のテーマ

だ か ら

2011年6月22日水曜日

Page 12: デザイナーが RailsとGitのことを少し知ってると色々捗る

これ、デザイナーには難しいだろ JK

2011年6月22日水曜日

Page 13: デザイナーが RailsとGitのことを少し知ってると色々捗る

とは言わず

これ、デザイナーには難しいだろ JK

2011年6月22日水曜日

Page 14: デザイナーが RailsとGitのことを少し知ってると色々捗る

今日のテーマ

エンジニアの皆さんデザイナーに優しく教えてあげてください

2011年6月22日水曜日

Page 15: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

2011年6月22日水曜日

Page 16: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

bundler

2011年6月22日水曜日

Page 17: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

bundlerGitHub

2011年6月22日水曜日

Page 18: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

bundlerGitHubHeroku

2011年6月22日水曜日

Page 19: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

bundlerGitHubHerokuRVM

2011年6月22日水曜日

Page 20: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

bundlerGitHubHerokuRVMPOW

2011年6月22日水曜日

Page 21: デザイナーが RailsとGitのことを少し知ってると色々捗る

Rails + Git の開発って

楽になったよね

bundlerGitHubHerokuRVMPOW

デザイナーにとっても

楽になった

(Mac必須)

2011年6月22日水曜日

Page 22: デザイナーが RailsとGitのことを少し知ってると色々捗る

だって Rails + Git って

2011年6月22日水曜日

Page 23: デザイナーが RailsとGitのことを少し知ってると色々捗る

$ git clone XXXXX.git

リポジトリを持ってきて

だって Rails + Git って

2011年6月22日水曜日

Page 24: デザイナーが RailsとGitのことを少し知ってると色々捗る

$ cd XXXXX

ディレクトリを移動して

だって Rails + Git って

2011年6月22日水曜日

Page 25: デザイナーが RailsとGitのことを少し知ってると色々捗る

$ bundle

必要なGemを入れて

だって Rails + Git って

2011年6月22日水曜日

Page 26: デザイナーが RailsとGitのことを少し知ってると色々捗る

$ rake db:migrate

DBをセットアップ

だって Rails + Git って

2011年6月22日水曜日

Page 27: デザイナーが RailsとGitのことを少し知ってると色々捗る

$ rails s

サーバを立ち上げて

だって Rails + Git って

2011年6月22日水曜日

Page 28: デザイナーが RailsとGitのことを少し知ってると色々捗る

$ rails s

サーバを立ち上げて環境構築完了

だって Rails + Git って

2011年6月22日水曜日

Page 29: デザイナーが RailsとGitのことを少し知ってると色々捗る

/public/viewsをいじって

だって Rails + Git って

2011年6月22日水曜日

Page 30: デザイナーが RailsとGitのことを少し知ってると色々捗る

git add public/images/.

作ったファイルを

バージョン管理に追加して

だって Rails + Git って

2011年6月22日水曜日

Page 31: デザイナーが RailsとGitのことを少し知ってると色々捗る

git commit -a -m“added images”

作業内容をコミットして

だって Rails + Git って

2011年6月22日水曜日

Page 32: デザイナーが RailsとGitのことを少し知ってると色々捗る

git push origin master

リモートリポジトリに

プッシュ

だって Rails + Git って

2011年6月22日水曜日

Page 33: デザイナーが RailsとGitのことを少し知ってると色々捗る

やることこれだけ!

もっと何か作業をしたかったですか ? がっかりさせてゴメンナサイ。これだけです !

だって Rails + Git って

2011年6月22日水曜日

Page 34: デザイナーが RailsとGitのことを少し知ってると色々捗る

1. git clone2. cd3. bundle4. rake db:migrate5. rails s6. git add7. git commit8. git push9. git pull

必要なコマンドは

たったの九個だけ

2011年6月22日水曜日

Page 35: デザイナーが RailsとGitのことを少し知ってると色々捗る

初めのセットアップとリポジトリの更新の手順を教えれば

デザイナーでもこれくらい出来ちゃいます

2011年6月22日水曜日

Page 36: デザイナーが RailsとGitのことを少し知ってると色々捗る

初めのセットアップとリポジトリの更新の手順を教えれば

デザイナーでもこれくらい出来ちゃいます

だって黒い画面(ターミナル)に

字を打つだけだもん

2011年6月22日水曜日

Page 37: デザイナーが RailsとGitのことを少し知ってると色々捗る

この九個の手順をGistとかGoogleサイトに

書いてデザイナーと共有するだけでかなり捗る!

2011年6月22日水曜日

Page 38: デザイナーが RailsとGitのことを少し知ってると色々捗る

この九個の手順をGistとかGoogleサイトに

書いてデザイナーと共有するだけでかなり捗る!

最初は手順だけで十分、

あとは勝手にググります

2011年6月22日水曜日

Page 39: デザイナーが RailsとGitのことを少し知ってると色々捗る

もしデザイナーが

ググってもわからない

ことがあって、

それをエンジニアに

聞いてきたら

優しく教えてね

2011年6月22日水曜日

Page 40: デザイナーが RailsとGitのことを少し知ってると色々捗る

HTMLとCSSをzipにしてエンジニアに渡すという従来のやりかた

2011年6月22日水曜日

Page 41: デザイナーが RailsとGitのことを少し知ってると色々捗る

HTMLとCSSをzipにしてエンジニアに渡すという従来のやりかた間接的な

進め方のせいで発

生する

二度手間、三度手

2011年6月22日水曜日

Page 42: デザイナーが RailsとGitのことを少し知ってると色々捗る

HTMLとCSSをzipにしてエンジニアに渡すという従来のやりかた間接的な

進め方のせいで発

生する

二度手間、三度手

オワコン

2011年6月22日水曜日

Page 43: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーのローカルにも環境があることで

2011年6月22日水曜日

Page 44: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーのローカルにも環境があることで

好き勝手にテストデータが入れられる

2011年6月22日水曜日

Page 45: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーのローカルにも環境があることで

好き勝手にテストデータが入れられる

実際の使い心地を確認できる

2011年6月22日水曜日

Page 46: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーのローカルにも環境があることで

好き勝手にテストデータが入れられる

実際の使い心地を確認できる

DIVの名前をシステムと一致させられる

2011年6月22日水曜日

Page 47: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーのローカルにも環境があることで

好き勝手にテストデータが入れられる

実際の使い心地を確認できる

DIVの名前をシステムと一致させられる

メリット盛りだくさん

2011年6月22日水曜日

Page 48: デザイナーが RailsとGitのことを少し知ってると色々捗る

例えば、こんな風に

捗った

2011年6月22日水曜日

Page 49: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーだってDRY が好き

Don’t Repeat Yourself

例えば、こんな風に

捗った

2011年6月22日水曜日

Page 50: デザイナーが RailsとGitのことを少し知ってると色々捗る

render :partial =>'object'これって WordPress でいうところの<?php include (TEMPLATEPATH . “/object.php”); ?>と同じですよね

2011年6月22日水曜日

Page 51: デザイナーが RailsとGitのことを少し知ってると色々捗る

render :partial =>'object'これって WordPress でいうところの<?php include (TEMPLATEPATH . “/object.php”); ?>と同じですよね

僕はWordPressっ子なのでWordPress語に訳してしまう

2011年6月22日水曜日

Page 52: デザイナーが RailsとGitのことを少し知ってると色々捗る

じゃあ、この部分も partial にしちゃってもCSS で見た目を調整できますよ。bodyのclassにコントローラー名が付くようにしておいてくださーい

2011年6月22日水曜日

Page 53: デザイナーが RailsとGitのことを少し知ってると色々捗る

じゃあ、この部分も partial にしちゃってもCSS で見た目を調整できますよ。bodyのclassにコントローラー名が付くようにしておいてくださーい

やりましたー

2011年6月22日水曜日

Page 54: デザイナーが RailsとGitのことを少し知ってると色々捗る

といった感じで、デザイナーも効率のいい

マークアップの提案ができる

※弊社は二人なのでコーダー(?)って人はいないです

2011年6月22日水曜日

Page 55: デザイナーが RailsとGitのことを少し知ってると色々捗る

といった感じで、デザイナーも効率のいい

マークアップの提案ができる

芽生える開発メンバーの一人という意識

※弊社は二人なのでコーダー(?)って人はいないです

2011年6月22日水曜日

Page 56: デザイナーが RailsとGitのことを少し知ってると色々捗る

といった感じで、デザイナーも効率のいい

マークアップの提案ができる

芽生える開発メンバーの一人という意識

深まる開発メンバーの絆

※弊社は二人なのでコーダー(?)って人はいないです

2011年6月22日水曜日

Page 57: デザイナーが RailsとGitのことを少し知ってると色々捗る

例えば、こんな風に

捗った

2011年6月22日水曜日

Page 58: デザイナーが RailsとGitのことを少し知ってると色々捗る

経験を積めば積むほど話が早くなる

例えば、こんな風に

捗った

2011年6月22日水曜日

Page 59: デザイナーが RailsとGitのことを少し知ってると色々捗る

今度作るサービスは物語投稿サイトだから、“ stories ”があって、会員登録部分は devise を使って、“ users ”があって、ソーシャルな機能で“ comments ”と“ ranking ”がいりますねー。

2011年6月22日水曜日

Page 60: デザイナーが RailsとGitのことを少し知ってると色々捗る

サイトの大体の構成 viewsの構成

2011年6月22日水曜日

Page 61: デザイナーが RailsとGitのことを少し知ってると色々捗る

サイトの大体の構成 viewsの構成

慣れればこれだけで共有できちゃう

2011年6月22日水曜日

Page 62: デザイナーが RailsとGitのことを少し知ってると色々捗る

つまり、

アイディア

システム

デザイン

2011年6月22日水曜日

Page 63: デザイナーが RailsとGitのことを少し知ってると色々捗る

つまり、

アイディア

システム

デザイン

もっと奥までデザイナーと共有

2011年6月22日水曜日

Page 64: デザイナーが RailsとGitのことを少し知ってると色々捗る

ランチを食べながら話すだけで午後のやることがすぐ決まる

2011年6月22日水曜日

Page 65: デザイナーが RailsとGitのことを少し知ってると色々捗る

ランチを食べながら話すだけで午後のやることがすぐ決まる

あれ?MTGっていらない!

2011年6月22日水曜日

Page 66: デザイナーが RailsとGitのことを少し知ってると色々捗る

ランチを食べながら話すだけで午後のやることがすぐ決まる

捗ってんじゃん!!

2011年6月22日水曜日

Page 67: デザイナーが RailsとGitのことを少し知ってると色々捗る

これってやっぱりCOCのおかげConvention over Con!guration

2011年6月22日水曜日

Page 68: デザイナーが RailsとGitのことを少し知ってると色々捗る

これってやっぱりCOCのおかげConvention over Con!guration

80%のケースではRailsの規約解釈によって自動的にお膳立てしてもらい、残り20%のケースでだけ開発者が

手動で明示的に上書き設定すればいい

2011年6月22日水曜日

Page 69: デザイナーが RailsとGitのことを少し知ってると色々捗る

これってやっぱりCOCのおかげConvention over Con!guration

80%のケースではRailsの規約解釈によって自動的にお膳立てしてもらい、残り20%のケースでだけ開発者が

手動で明示的に上書き設定すればいい

に書いてありました

2011年6月22日水曜日

Page 70: デザイナーが RailsとGitのことを少し知ってると色々捗る

これってやっぱりCOCのおかげConvention over Con!guration

まぁ、要するにRailsで作ったやつって割と中身は似た感じ

2011年6月22日水曜日

Page 71: デザイナーが RailsとGitのことを少し知ってると色々捗る

割と中身は似た感じだから

2011年6月22日水曜日

Page 72: デザイナーが RailsとGitのことを少し知ってると色々捗る

経験を積むたび貯まるノウハウ

割と中身は似た感じだから

2011年6月22日水曜日

Page 73: デザイナーが RailsとGitのことを少し知ってると色々捗る

経験を積むたび貯まるノウハウ

別のメンバーと組んでも経験をそのまま生かせる

割と中身は似た感じだから

2011年6月22日水曜日

Page 74: デザイナーが RailsとGitのことを少し知ってると色々捗る

経験を積むたび貯まるノウハウ

別のメンバーと組んでも経験をそのまま生かせる

割と中身は似た感じだから

2011年6月22日水曜日

Page 75: デザイナーが RailsとGitのことを少し知ってると色々捗る

デザイナーのいない開発会社

デザイナーのいない開発チームに加わっても、今までの経験が生かせる!

受託で加わる

FJORD,LLC

2011年6月22日水曜日

Page 76: デザイナーが RailsとGitのことを少し知ってると色々捗る

FJORD,LLC

デザイナーのいない開発会社

経験を持ち帰る

また新たな経験をゲット!受託でレベルアップ

2011年6月22日水曜日

Page 77: デザイナーが RailsとGitのことを少し知ってると色々捗る

ということで

2011年6月22日水曜日

Page 78: デザイナーが RailsとGitのことを少し知ってると色々捗る

ということでデザイナーには難しいよねと、

あきらめずに、色々やらせてみると、

結構捗る

2011年6月22日水曜日

Page 79: デザイナーが RailsとGitのことを少し知ってると色々捗る

あと少しで終わります

2011年6月22日水曜日

Page 80: デザイナーが RailsとGitのことを少し知ってると色々捗る

ちょっと話が変わって

2011年6月22日水曜日

Page 81: デザイナーが RailsとGitのことを少し知ってると色々捗る

ちょっと話が変わって

Githubを徘徊しても、CUIのツールばっかり(Gemとか)でデザインが必要なツールがあんまりなかった。

2011年6月22日水曜日

Page 82: デザイナーが RailsとGitのことを少し知ってると色々捗る

ちょっと話が変わって

ここでちょっと趣向を変えて、新しいことを考えてます。

2011年6月22日水曜日

Page 83: デザイナーが RailsとGitのことを少し知ってると色々捗る

ハッカソンをやってみようかな

2011年6月22日水曜日

Page 84: デザイナーが RailsとGitのことを少し知ってると色々捗る

土曜か日曜のフィヨルドオフィスにエンジニアを招いて一日でサービスを作るっていう

ストイックな企画

ハッカソンをやってみようかな

2011年6月22日水曜日

Page 85: デザイナーが RailsとGitのことを少し知ってると色々捗る

土曜か日曜のフィヨルドオフィスにエンジニアを招いて一日でサービスを作るっていう

ストイックな企画

ハッカソンをやってみようかな

うまくいくか

わからないですが、

乞うご期待!

2011年6月22日水曜日

Page 86: デザイナーが RailsとGitのことを少し知ってると色々捗る

ご静聴ありがとうございました

2011年6月22日水曜日