Download to read offline
【勉強会】 はじめてのRuby on Rails 4入門
- 1. ©2016 Y.Nakamura 【勉強会】 はじめての Rubyon rails 4 入門 2016/11 中村祐太
- 2. ©2016 Y.Nakamura アジェンダ 1. 自己紹介 2.はじめに 3. Ruby on Railsについて 4. 開発環境セットアップ(クラウドIDE) 5. HelloWorld! 6. はじめてのToDoアプリ開発！
- 3. ©2016 Y.Nakamura 自己紹介 • 中村祐太 （なかむら ゆうた） • 経歴：受託開発会社、インターネット広 告事業会社、イベントEC事業会社の新規 サービス開発等。 • 趣味：旅行、ドライブ、勉強会参加・開 催。 • Twitter: @ynakayu • FB: https://www.facebook.com/yuta.naka mura.599
- 4. ©2016 Y.Nakamura はじめに • ハンズオンの想定ターゲット –PHP等のMVC frameworkの開発経験がある。 – Ruby on Rails を初めて勉強する。 • ハンズオンの進め方 – プロジェクタに講師PCの操作を投影しながら、 各自PCを操作して学習を進めます。 – スライドと完成版ソースコードは共有します。
- 5. ©2016 Y.Nakamura Ruby onRails について 1/2 • 少ないコード量で効率的に開発ができる 人気のフレームワーク。 • 2011年以降に創業しているスタートアッ プ企業の使用言語はPHPとRubyがほぼ半 分。※1 出典： ※1 日本のスタートアップはRubyがお好き？ PHPと人気ほぼ互角に | TechCrunch http://jp.techcrunch.com/2014/08/25/jp20140825wantedly/
- 6. ©2016 Y.Nakamura Ruby onRails について 2/2 出典： ※2 プログラマー年収ランキング2016！ | みんなのスタンバイ https://jp.stanby.com/media/programming _ranking/ 3位
- 7. ©2016 Y.Nakamura 開発環境構築 • 時間削減のため、クラウドIDE codeanywhereの無料プランを使用。 • https://codeanywhere.com 参考（同様のサービス） • Cloud9 : フリープランでもクレジット カード必須のため、今回は選択肢から外 しました。
- 8.
- 9.
- 10.
- 11.
- 12. ©2016 Y.Nakamura コンテナの作成 ① ② ③ ④ ※ ③・・・Ruby / Centos 6.5を選択
- 13.
- 14. ©2016 Y.Nakamura HelloWorld! • HelloWorld! とブラウザに表示するアプ リを開発します。
- 15. ©2016 Y.Nakamura Hello WorldPJの作成 • PJ helloを新規作成 $ rails new hello • hello ディレクトリに移動 $ cd hello
- 16. ©2016 Y.Nakamura 動作確認 • railsサーバを起動する $ rails s –b 0.0.0.0 • ブラウザで下記URLを開く • http://xxxxx.codeanyapp.com:3000 • ※ xxxxx の部分は各自異なる。 – IEDのProject名を右クリック > info から確認。 • ※ port 3000を指定。 (:3000)。
- 17.
- 18. ©2016 Y.Nakamura フォルダ構成 • <IDEを見ながらフォルダ構成を説明> •参考URL 「Railsの基礎知識 | Rails ドキュメント」 http://railsdoc.com/rails_base ※フォルダ構造の項を参照。
- 19. ©2016 Y.Nakamura HelloWorld! 手順 1.コントローラにHelloWord!と出力するメ ソッドを記載 2. ルーティングを記載 3. (Railsサーバ起動) 4. ブラウザで動作確認
- 20. ©2016 Y.Nakamura HelloWord コントローラー編集 ファイル： app/controllers/application_controller.rb classApplicationController < ActionController::Base # Prevent CSRF attacks by raising an exception. # For APIs, you may want to use :null_session instead. protect_from_forgery with: :exception def hello render text: "Hello World!" end end
- 21. ©2016 Y.Nakamura Hello Worldルーティング設定 URLと実行するべきアクションを設定する 仕組み。 編集ファイル：app/config/routes.rb Rails.application.routes.draw do root 'application#hello’ 〜略〜
- 22. ©2016 Y.Nakamura Hello World動作確認 • rails サーバを起動する $ rails s –b 0.0.0.0 • ブラウザで下記URLを開く • http://xxxxx.codeanyapp.com:3000 • ※ xxxxx の部分は各自異なる。 – Project名を右クリック > info から確認。 • ※ port 3000を指定。 (:3000)。
- 23. ©2016 Y.Nakamura HelloWorld • HelloWorld! とブラウザに表示されれば OK! あなたもrailsエンジニアの仲間入り です！
- 24. ©2016 Y.Nakamura ToDo管理アプリ • ToDoを管理するアプリを作成します。 Rails入門する上の、エッセンスがつまってい ます。 –ToDo 一覧 – 新規追加 – 編集 – 削除 – 完了 / 未完了設定 (Ajax) – DBにはsqliteを使用
- 25. ©2016 Y.Nakamura ToDo管理アプリ開発について • <プロジェクターにPCの操作画面を写し ながら、開発手順を説明します> •必要になるコマンドは、次ページ以降に、 資料として記載。 • 完成版ソースコード共有します。 https://github.com/ynakayu/todoapp
- 26. ©2016 Y.Nakamura 資料: PJ作成 ■workspace ディレクトリへ移動 $ cd ~/workspace/ ■ PJを新規作成 $ rails new todoapp ■ 作成されたディレクトリ移動 $ cd todoapp/ ■ therubyracer有効にする。 ※ 参考： http://d.hatena.ne.jp/suu-g/20121222/1356189597 Gemfile 編集 # gem 'therubyracer', platforms: :ruby ↓ gem 'therubyracer', platforms: :ruby // 必要なGemをインストール $ bundle install
- 27. ©2016 Y.Nakamura 資料：動作確認 • railsサーバを起動する $ rails s –b 0.0.0.0 • ブラウザで下記URLを開く • http://xxxxx.codeanyapp.com:3000 • ※ xxxxx の部分は各自異なる。 – Project名を右クリック > info から確認。 • ※ port 3000を指定。 (:3000)。
- 28. ©2016 Y.Nakamura 資料：Taskコントローラー作成 コマンド //コントローラー作成 $ rails g controller Tasks // モデル作成 $ rails g model Task title:string done:boolean
- 29. ©2016 Y.Nakamura 資料：マイグレーションファイル編集 migrations.doneのデフォルト値、default falseを追加。 編集ファイル等app/db/migrate/xxxx_create_tasks.rb class CreateTasks < ActiveRecord::Migration def change create_table :tasks do |t| t.string :title t.boolean :done, default: false t.timestamps end end end
- 30. ©2016 Y.Nakamura 資料：DB マイグレーション実行 $rake db:migrate ■参考文献 マイグレーション | Railsドキュメント http://railsdoc.com/migration
- 31. ©2016 Y.Nakamura 資料：DBスキーマ確認 $ railsdb sqlite> .schema ■rails dbを終 了 sqlite> .exit
- 32. ©2016 Y.Nakamura 資料：DB 初期データ追加 $rails console 2.1.2 :001 > Task.create(title: “task1") 2.1.2 :002 > Task.create(title: ”task2") ■ 確認 2.1.2 :002 > Task.all ■rails console終了
- 33. ©2016 Y.Nakamura 資料：ルーティングの確認 $ rakeroutes Prefix Verb URI Pattern Controller#Action tasks GET /tasks(.:format) tasks#index POST /tasks(.:format) tasks#create new_task GET /tasks/new(.:format) tasks#new edit_task GET /tasks/:id/edit(.:format) tasks#edit task GET /tasks/:id(.:format) tasks#show PATCH /tasks/:id(.:format) tasks#update PUT /tasks/:id(.:format) tasks#update DELETE /tasks/:id(.:format) tasks#destroy root GET / tasks#index POST /tasks/:id/toggle(.:format) tasks#toggle
- 34. ©2016 Y.Nakamura 資料 :学習の参考サイト等 • Railsドキュメント – http://railsdoc.com/ • Railsガイド – http://railsguides.jp/ • Ruby on Rails チュートリアル – http://railstutorial.jp/ • Ruby on Rails 4 アプリケーションプログ ラミング 山田 祥寛 (著)