【勉強会】 はじめてのRuby on Rails 4入門
•Als PPTX, PDF herunterladen•
2 gefällt mir•610 views
【勉強会】 はじめてのRuby on Rails 4入門 の資料です。
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (19)
Ähnlich wie 【勉強会】 はじめてのRuby on Rails 4入門
Ähnlich wie 【勉強会】 はじめてのRuby on Rails 4入門 (20)
【勉強会】 はじめてのRuby on Rails 4入門
- 1. ©2016 Y.Nakamura 【勉強会】 はじめての Ruby on 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 on Rails について 1/2 • 少ないコード量で効率的に開発ができる 人気のフレームワーク。 • 2011年以降に創業しているスタートアッ プ企業の使用言語はPHPとRubyがほぼ半 分。※1 出典： ※1 日本のスタートアップはRubyがお好き？ PHPと人気ほぼ互角に | TechCrunch http://jp.techcrunch.com/2014/08/25/jp20140825wantedly/
- 6. ©2016 Y.Nakamura Ruby on Rails について 2/2 出典： ※2 プログラマー年収ランキング2016！ | みんなのスタンバイ https://jp.stanby.com/media/programming _ranking/ 3位
- 7. ©2016 Y.Nakamura 開発環境構築 • 時間削減のため、クラウドIDE codeanywhere の無料プランを使用。 • https://codeanywhere.com 参考（同様のサービス） • Cloud9 : フリープランでもクレジット カード必須のため、今回は選択肢から外 しました。
- 12. ©2016 Y.Nakamura コンテナの作成 ① ② ③ ④ ※ ③・・・ Ruby / Centos 6.5を選択
- 14. ©2016 Y.Nakamura HelloWorld! • Hello World! とブラウザに表示するアプ リを開発します。
- 15. ©2016 Y.Nakamura Hello World PJの作成 • 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)。
- 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 class ApplicationController < 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 • Hello World! とブラウザに表示されれば 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スキーマ確認 $ rails db 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 資料：ルーティングの確認 $ rake routes 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 アプリケーションプログ ラミング 山田 祥寛 (著)