SlideShare a Scribd company logo
アジャイル道場
はじめてのRails(View編)
      2012/10/16@ConnectStar
Railsって



RubyのMVCフレームワーク
 類似:CakePHP / Catalystとか
 フルスタックフレームワーク
Rails特徴

一定品質以上のアプリケーションをス
ピーディーに開発できる
オブジェクト指向言語で、根本的に変
化に強くアジャイルとの親和性が高い
技術スキルが高く、サービス思考の高
いエンジニアが集まりやすい
MVC?

Webアプリケーションを構成する基本概念
Model / View / Controllerの略




        View     Controller   Model
役割的に

役割を定義しないのがアジャイルで
すが、とはいえ、得意分野としてい
じるところ
 エンジニア → Model, Controller
 UIデザイナ・全員 → View
View周り技術キーワード

View(Template)エンジン
Assets Pipeline
  SCSS
  CoffeeScript
i18n
Templateエンジン

ERBを採用してます。
apps/views/[bar]/[hoge].html.erb
   URLに対応してます。
   例:
      URL:http://example.com/bar/hoge.html
      対応ファイル:apps/views/[bar]/[hoge].html.erb
書式
   <% %> こういうのでくくられたところが、Ruby出力部分
詳細は別途ERBで調べてみて下さい。
AssetsPipeline
Rails3.1から採用された技術
SCSSで定義されたCSS、CoffeeScriptで定義されたJSを、それ
ぞれブラウザ解釈可能な形にし(=コンパイルという処理)、最
適化して出力する機構
SCSSはCSSのネストと変数が使える機構
CoffeeScriptはJS記法の再定義
stylesheet(SCSS)をいじる
   app/assets/stylesheets/*.css.scss
JavaScript(CoffeeScript)をいじる
   app/assets/javascripts/*.js.coffee
i18n

国際多言語対応の機構です。
単語をTemplateに書かないでconfig/locale/[locale].ymlに書いて、ユーザの
環境によって切り替えます。
定義方法は
   yml側
      ja: > [templateディレクトリ名] > [templateファイル名] > 任意定義
   Template側
      <%= t( .hoge ) %> ← 実は省略形
      正式には<%= t( dir.file.hoge ) %>って書きます
Templateファイルの拡張子で指定する方法もある → hoge.en.html.er
   全体を切り替える規約ページとかは上記で良い(と思う)
簡単Railsアプリを作ってみる

 掲示板アプリ
  $ gem install rails
  $ rails new hogehoge
  $ rails g scaffold board
  $ rails s
  ブラウザで見る
 View/SCSS/JSをいじってみる
【アジャイル道場】Rails勉強会(view編)

More Related Content

PDF
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
 
PDF
最新のプラットフォーム技術と開発ツールを活用した Web の構築
Tomoyuki Iwade
 
PDF
Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力
Akira Inoue
 
PPTX
AngularJSを触ってみた
tomowata
 
PDF
Reactive programming with Apache Wicket
Ryuhei Ishibashi
 
PPTX
Asp.net core mvc の core な話
Masuda Tomoaki
 
PDF
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
 
PDF
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
Akira Inoue
 
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
 
最新のプラットフォーム技術と開発ツールを活用した Web の構築
Tomoyuki Iwade
 
Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力
Akira Inoue
 
AngularJSを触ってみた
tomowata
 
Reactive programming with Apache Wicket
Ryuhei Ishibashi
 
Asp.net core mvc の core な話
Masuda Tomoaki
 
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
 
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
Akira Inoue
 

What's hot (11)

PDF
Android Architecture
shinnosuke kugimiya
 
PDF
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
Akira Inoue
 
KEY
Web App Framework at SwapSkills vol28
光一 原田
 
PDF
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Akira Inoue
 
PPTX
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
政雄 金森
 
PDF
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
 
PDF
ASP.NET Core 概要(2017年3月時点)
Atsushi Yokohama (BEACHSIDE)
 
PDF
building HTML hybrid app
 with ionic
Nakano Kyohei
 
PDF
~ アプリ開発に新たな息吹を ~ クラウドが当たり前の今こそ知っておきたい Azure & Visual Studio コラボレーション
Akira Inoue
 
PDF
Salesforce Lightning をやってみてあれこれ
寛 吉田
 
PDF
Model View Presenter for Android
shinnosuke kugimiya
 
Android Architecture
shinnosuke kugimiya
 
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
Akira Inoue
 
Web App Framework at SwapSkills vol28
光一 原田
 
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Akira Inoue
 
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
政雄 金森
 
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
 
ASP.NET Core 概要(2017年3月時点)
Atsushi Yokohama (BEACHSIDE)
 
building HTML hybrid app
 with ionic
Nakano Kyohei
 
~ アプリ開発に新たな息吹を ~ クラウドが当たり前の今こそ知っておきたい Azure & Visual Studio コラボレーション
Akira Inoue
 
Salesforce Lightning をやってみてあれこれ
寛 吉田
 
Model View Presenter for Android
shinnosuke kugimiya
 
Ad

Viewers also liked (12)

KEY
Twitterbootstrapでモック開発
Sosuke Kimura
 
KEY
Members innovationlab#2
Sosuke Kimura
 
KEY
Members innovationlab#1
Sosuke Kimura
 
KEY
サービス開発者の読書会#5
Sosuke Kimura
 
PDF
アート・オブ・アジャイル・デベロップメント読書会#1
Sosuke Kimura
 
KEY
リーンスタートアップ第3部まとめ
Sosuke Kimura
 
KEY
Git運用
Sosuke Kimura
 
KEY
サービス開発者の読書会#4
Sosuke Kimura
 
DOCX
Chapter 3,
Manikanta Varikuti
 
PDF
ピクト図解 Bmキャンバス なぞり書きシート_v2.2
Hidehiko Akasaka
 
KEY
【アジャイル道場】Git運用勉強会
Sosuke Kimura
 
KEY
ビジネスモデル・ジェネレーション「Patterns」
Sosuke Kimura
 
Twitterbootstrapでモック開発
Sosuke Kimura
 
Members innovationlab#2
Sosuke Kimura
 
Members innovationlab#1
Sosuke Kimura
 
サービス開発者の読書会#5
Sosuke Kimura
 
アート・オブ・アジャイル・デベロップメント読書会#1
Sosuke Kimura
 
リーンスタートアップ第3部まとめ
Sosuke Kimura
 
Git運用
Sosuke Kimura
 
サービス開発者の読書会#4
Sosuke Kimura
 
Chapter 3,
Manikanta Varikuti
 
ピクト図解 Bmキャンバス なぞり書きシート_v2.2
Hidehiko Akasaka
 
【アジャイル道場】Git運用勉強会
Sosuke Kimura
 
ビジネスモデル・ジェネレーション「Patterns」
Sosuke Kimura
 
Ad

Similar to 【アジャイル道場】Rails勉強会(view編) (20)

PPTX
Tech fun rails_workshop
OMEGA (@equal_001)
 
PPTX
フレームワーク品評会 Ruby on Rails #crossjp
Shiro Fukuda
 
PDF
Rails初心者レッスン lesson1 3rd edition
Goh Matsumoto
 
PDF
Next-L Enju 開発WS #03 Ruby on Railsの使い方
Kosuke Tanabe
 
PPTX
Rails講座1
義広 河野
 
PDF
はじめての Rails アプリ開発
n-fukidome
 
PDF
Ruby on Rails Overview
Koki Shimizu
 
PDF
ぼくのかんがえたさいきょうの Rails スタートダッシュ
Kenji Mori
 
PDF
2017年3月13日勉強会発表資料
shogo yamada
 
PDF
プロが教える Rails 教え方ワンポイントとキャリア情報
DIVE INTO CODE Corp.
 
PDF
Getting Started with Ruby on Rails4 + Twitter Bootstrap3
Yukimitsu Izawa
 
PDF
Rubyで作るtwitter風webアプリケーション
Naoto Hori
 
PDF
Ruby on Rails Tutorial
Ken Iiboshi
 
PPTX
【勉強会】 はじめてのRuby on Rails 4入門
Yuta Nakamura
 
PDF
Ruby on Rails 入門
Yasuko Ohba
 
PDF
Rails初心者レッスン lesson4 2edition
Satomi Tsujita
 
PDF
超高速アプリ開発法
Keiichi SASAKI
 
PPTX
【テックリンク】平日の夜1時間で学ぶ!RubyonRails初心者ハンズオン
linkbal
 
PPTX
第1回 初心者向け Ruby on Rails 勉強会 in 門前仲町
剛 羽根
 
PDF
Ruby ビジネス創出展 Ruby初心者向けプログラミングセミナー
Tomoya Kawanishi
 
Tech fun rails_workshop
OMEGA (@equal_001)
 
フレームワーク品評会 Ruby on Rails #crossjp
Shiro Fukuda
 
Rails初心者レッスン lesson1 3rd edition
Goh Matsumoto
 
Next-L Enju 開発WS #03 Ruby on Railsの使い方
Kosuke Tanabe
 
Rails講座1
義広 河野
 
はじめての Rails アプリ開発
n-fukidome
 
Ruby on Rails Overview
Koki Shimizu
 
ぼくのかんがえたさいきょうの Rails スタートダッシュ
Kenji Mori
 
2017年3月13日勉強会発表資料
shogo yamada
 
プロが教える Rails 教え方ワンポイントとキャリア情報
DIVE INTO CODE Corp.
 
Getting Started with Ruby on Rails4 + Twitter Bootstrap3
Yukimitsu Izawa
 
Rubyで作るtwitter風webアプリケーション
Naoto Hori
 
Ruby on Rails Tutorial
Ken Iiboshi
 
【勉強会】 はじめてのRuby on Rails 4入門
Yuta Nakamura
 
Ruby on Rails 入門
Yasuko Ohba
 
Rails初心者レッスン lesson4 2edition
Satomi Tsujita
 
超高速アプリ開発法
Keiichi SASAKI
 
【テックリンク】平日の夜1時間で学ぶ!RubyonRails初心者ハンズオン
linkbal
 
第1回 初心者向け Ruby on Rails 勉強会 in 門前仲町
剛 羽根
 
Ruby ビジネス創出展 Ruby初心者向けプログラミングセミナー
Tomoya Kawanishi
 

【アジャイル道場】Rails勉強会(view編)

Editor's Notes