【11/25開催】Ruby on Rails初心者ハンズオン#2~ToDoアプリを作ってみよう!~ フォローアップ


こんにちは、リンクバル 技術部 エンジニアの中村です。

弊社主催の2016/11/25(金)「【11/25開催】Ruby on Rails初心者ハンズオン#2~ToDoアプリを作ってみよう!~」のフォローアップを掲載いたします。

「Ruby on Rails初心者ハンズオン」の続編の勉強会として、「タスク管理アプリ」の開発を通して、Ruby on Railsを学習します。

シンプルなアプリケーションですが、Ruby on Railsを始めて学ぶ上で、役立つエッセンスがたくさん詰まっています。

募集要項

https://linkbal.connpass.com/event/44224/

機能一覧

  • タスクの一覧表示
  • タスクの新規追加
  • タスクの編集
  • タスクの削除
  • タスクの完了チェック

スライド

完成版のソースコード

後で、復習ができるように、ソースコードを共有いたします。

https://github.com/ynakayu/todoapp

開発環境構築

今回は、ブラウザのみで、プログラム開発ができる、クラウドIDE「Codeanywhere」の、無料プランを利用します。

https://codeanywhere.com/

多くのユーザーに利用されている

02_codeanywhere_%e5%88%a9%e7%94%a8%e8%80%85%e6%95%b0

※前回の勉強会で使用した、nitros.io はサービス終了。AWSに買収されて今後が期待されるCloud9 は、クレジットカード登録が必須となったため、今回は利用しません。

トップ

サービスサイトへ遷移

https://codeanywhere.com/
※ Google Chromeの利用を推奨します。

01_codeanywhere_top

「Sign up for free」をクリック。

登録情報入力

03_codeanywhere_%e7%99%bb%e9%8c%b2%e6%83%85%e5%a0%b1%e5%85%a5%e5%8a%9b

  1. メールアドレス
  2. パスワード
  3. 私はロボットではありませんをチェック
  4. Register をクリック

Welcome

04_codeanywhere_welcome

here をクリック。

コンテナの作成

05_codeanywhere_container

  1. Container を選択
  2. Name: Techlink
  3. Search : ruby
  4. Ruby CentOS 6.5 を選択
  5. CREATE をクリック

06_codeanywhere_create_container

IDEのレイアウトを使いやすいように変更しておくと便利

07_codeanywhere_%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88

View > Layout > Split Horizontal

IDEの説明

08_codeanywhere_ide%e8%aa%ac%e6%98%8e

おわりに

Ruby on Rails の基礎を学ぶ上で、基礎となる要素が含まれた、TODOアプリの開発を勉強しました。Ruby on Rails で開発する上きっかけになればと思っております。

リンクバルでは、テクノロージーと人を繋ぐ勉強会テックリンクを今後も開催予定です。勉強会で取り上げて欲しいテーマなどありましたら、アンケートにご記載くださいませ。

また、リンクバルでは、Ruby on Railsで開発された自社サービスを一緒に開発するエンジニアを募集しておりますので、興味を持っていただきましたら、ぜひお問い合わせください!