「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜

1. 「もしかして」「私たち」「「入れ替わってるー!?」」〜Java女子部がRuby on Railsやってみた編〜 2016/11/03 Geek Women Japan 2016 Java女子部　えばたあや #gwjp2016 #gwjp2016c #javajo

2. じこしょうかいえばたあや - Java女子部 - 株式会社アットウェア - いつもはJava書いてる - @aya_122 - ラーメン二郎がすきよろしくぅ

3. 今日しゃべること Java書きがRuby on Railsをやってみて、大変だったこと、良かったこと等を話します♡

4. 参考にしたサイト Rails Girls JapanのHP http://railsgirls.jp

5. 掲示板アプリ

6. 掲示板アプリ

7. あじぇんだ 1. インストール 2. アプリの新規作成 3. scaffold 4. デザイン 5. アップロード機能の追加 6. ルーティング 7. ページを追加 8. やってみた感想 - やったこと - 大変だったこと - 良かったことを話すよ！今回はMacでやりました！

8. 1. インストール

9. 1. インストール Railsを使うために入れたものっ！

10. やったこと 1. インストール

11. やったこと 1. インストール Command Line Tools

12. やったこと 1. インストール Homebrew http://brew.sh/ に続きあり！w

13. やったこと 1. インストール rbenvとruby-build

14. やったこと 1. インストール Ruby

15. やったこと 1. インストール Rails

16. 1. インストール大変だったこと - インストールするものが多い - コマンドを打つだけでどんどんインストールできてしまうので、コマンドの理解が欠ける - Command Line Tools入れ忘れたw

17. 1. インストール大変だったこと - インストールするものが多い - Command line tools入れ忘れたw - コマンドを打つだけでどんどんインストールできてしまうので、コマンドの理解が欠けるインストール数 5 つ例えば、Spring Boot(Java)の場合… 1. JDKをインストール 2. IDEをインストール 3. Spring InitializrでSpring Bootのひな形を　落とす　（次の工程の「新規アプリ作成」まで作れちゃう！）

18. 1. インストール大変だったこと - インストールするものが多い - コマンドを打つだけでどんどんインストールできてしまうので、コマンドの理解が欠ける - Command Line Tools入れ忘れたw

19. 1. インストール良かったこと - OS X 10.9以上だったので、コマンドだけで済んだ！ - 案外エラーにはまらず！ - rbenvを使うので、バージョンの管理しやすそう！それ以外（Windowsも）の方は RailsInstallerをダウンロード！

20. 2. アプリの新規作成

21. やったこと 2. アプリの新規作成

22. やったこと 2. アプリの新規作成新規プロジェクトの作成

23. やったこと 2. アプリの新規作成 webサーバの起動

24. 2. アプリの新規作成

25. 2. アプリの新規作成大変だったこと - なし！

26. 2. アプリの新規作成良かったこと - コマンド叩くだけで楽チン - Gemfileにデフォルトで記載されているパッケージもこの段階で追加することもできる SQLiteとか！

27. 3. scaffold

28. 3. scaffold CRUDの操作ができる画面のひな形を自動生成してくれる！

29. やったこと 3. scaffold

30. やったこと 3. scaffold scaffold

31. やったこと 3. scaffold マイグレーション

32. 3. scaffold index

33. 3. scaffold new

34. 3. scaffold show

35. 3. scaffold edit

36. 3. scaffold destroy

37. 3. scaffold マイグレーションしなかったら怒られた！！

38. 3. scaffold 大変だったこと - マイグレーションって何だろう(？_？) - アクセスする場所がわからない！

39. 3. scaffold 大変だったこと - マイグレーションって何だろう(？_？) - アクセスする場所がわからない！マイグレーションスクリプト（ファイル） DB反映　　↑ scaffoldしたら一緒に作られるファイル

40. 3. scaffold 大変だったこと - マイグレーションって何だろう(？_？) - アクセスする場所がわからない！ geekWomenというモデル名でscaffoldすると、パスは/geek_womenに自動で設定される！！（/geekWomenではない！）

41. 3. scaffold 良かったこと - リスト、作成、詳細、更新、削除の画面(機能)をいっぺんに生成 - DBも超いい感じにやってくれてた！！ - Grails(Groovy)と違ってコマンドだけで出来た

42. 3. scaffold 良かったこと - リスト、作成、詳細、更新、削除の画面(機能)をいっぺんに生成 - DBも超いい感じにやってくれてた！！ - Grails(Groovy)と違ってコマンドだけで出来た SQL何も書いてない！

43. 3. scaffold 良かったこと - リスト、作成、詳細、更新、削除の画面(機能)をいっぺんに生成 - DBも超いい感じにやってくれてた！！ - Grails(Groovy)と違ってコマンドだけで出来た前にGrails使ってた時、カラムの指定はファイルに書いてた！

44. 4. デザイン

45. 4. デザインやったこと - Bootstrapを追加 - ビューのBootstrap対応

46. 4. デザイン

47. 4. デザイン大変だったこと - ディレクトリ迷子 - 普通のHTMLとは少し違ったので、書き方意味不明 <%= yield %> ってなにそれ…(゜Д゜)

48. 4. デザイン大変だったこと - ディレクトリ迷子 - 普通のHTMLとは少し違ったので、書き方意味不明 JavaでThymeleaf って言う似たやつ使ったことある！！！

49. 4. デザイン良かったこと - ファイルを追加する必要なし - HTMLをそのまま書ける - 更新内容反映はリロードするだけ！ - 共通部品用の別ファイルが用意されてる

50. 5. アップロード機能の追加

51. 5. アップロード機能の追加ライブラリを使ってみたっ！

52. 5. アップロード機能の追加やったこと Gemfileに CarrierWave を追加

53. 5. アップロード機能の追加やったことパッケージをインストール！＆ CarrierWaveの使い方通りにコマンド打ったり、ソース追加！ https://github.com/carrierwaveuploader/carrierwave ↑ 使い方はこちら！

57. 5. アップロード機能の追加大変だったこと - CarrierWaveを使うにあたって、モデルとアップローダの紐付けがわかりにくかった - text_fieldとfile_fieldの理解 - メソッドの命名規則が異なる - 慣れていないテンプレートエンジン - どこにどう反映されるか想像できない

58. 5. アップロード機能の追加大変だったこと - CarrierWaveを使うにあたって、モデルとアップローダの紐付けがわかりにくかった - text_fieldとfile_fieldの理解 - メソッドの命名規則が異なる - 慣れていないテンプレートエンジン - どこにどう反映されるか想像できない初めてが多くて理解が大変だった！

59. 5. アップロード機能の追加良かったこと - 少ない手順で写真のアップローダできた！！！！ - 他のライブラリもGemで入れてみたくなった！ - Gradleやmavenに似てた！

60. 5. アップロード機能の追加良かったこと - 少ない手順で写真のアップローダできた！！！！ - 他のライブラリもGemで入れてみたくなった！ - Gradleやmavenに似てた！ Rails Java ツール RubyGems Gradle Maven ファイル Gemfile build.gradle pom.xml ビルドに使用 × ○

61. 6. ルーティング

62. 6. ルーティング URLとコントローラやアクションを紐付ける！

63. 6. ルーティングやったこと http://localhost:3000/ を叩くと、 http://localhost:3000/geek_womenを表示するルートの設定を追加

64. 6. ルーティング http://localhost:3000 の表示が変わる！

65. 6. ルーティングこんなこともできるみたい http://localhost:3000/index にアクセス → geek_womenコントローラの　 indexアクションをgetで呼び出せる get、postの設定

66. 6. ルーティングこんなこともできるみたい http://localhost:3000/send にアクセス → geek_womenコントローラの　 sendアクションをpostで呼び出せる get、postの設定

67. 6. ルーティングこんなこともできるみたい http://localhost:3000/show/1 にアクセス → geek_womenコントローラの　 showアクションをgetで呼び出せる get、postの設定

68. 6. ルーティングこれってもしかして…！！？？

69. 6. ルーティング Spring Framework(Java)の、コレのこと！！？？ 4.3以降のバージョンの書き方

70. 6. ルーティング良かったこと - ルーティングなんて知らないと思ってた。けど、実はJavaで出会っていた… - 形は違っていても、同じことはやっていたから理解しやすかった

71. 7. ページを追加

72. 7. ページを追加やったことビューとコントローラの作成！

73. 7. ページを追加

74. 7. ページを追加大変だったこと - なし！

75. 7. ページを追加良かったこと - コマンドだけでビューとアクションを作成可能！！ - 勝手に共通部品を参照するように設定してくれてる！！！

76. 8. やってみた感想

77. 8. やってみた感想 - インストールから作成まで、ほぼコマンド叩くだけで画面が作れた！すごい！ - 今回ほぼRuby書かないで作れたことに驚き！ - Railsについて調べてたら「設定より規約」って書いてあったけど、本当にそうだった！ - もっとRailsやってみたい！

78. 8. やってみた感想 - インストールから作成まで、ほぼコマンド叩くだけで画面が作れた！すごい！ - 今回ほぼRuby書かないで作れたことに驚き！ - Railsについて調べてたら「設定より規約」って書いてあったけど、本当にそうだった！ - もっとRailsやってみたい！例えば、scaffold！

79. 8. やってみた感想 - インストールから作成まで、ほぼコマンド叩くだけで画面が作れた！すごい！ - 今回ほぼRuby書かないで作れたことに驚き！ - Railsについて調べてたら「設定より規約」って書いてあったけど、本当にそうだった！ - もっとRailsやってみたい！

80. まとめ言語も書き方も全然違って気づきにくかったけど、 webアプリケーションを作る場合、やらなきゃいけないことは同じなので、どっかしらJavaとつながる部分がある。

81. ありがとうございました♡

「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜

You are reading a preview.

Check these out next

「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜

More Related Content

Slideshows for you (20)

Viewers also liked (20)

Similar to 「もしかして」「私たち」「「入れ替わってるー! 」」〜Java女子部がRuby on Railsやってみた編〜 (10)

More from Aya Ebata (7)

Recently uploaded (20)