レベル
むずかしい
66レッスン
14日間
レッスン内容
-
1
本格的なRailsアプリを作成・公開できるようになることを目標に、実際にアプリを作成しながら本格的な開発スタイルを学びます。
-
2
このレッスンでは、Gmailのアカウント作成やメールのテスト送信を行います。なぜGmailアカウントが必要かというと、この後のレッスンに出てくるGithubやHerokuなどのサービスで、認証を行う時に必要となる為です。
-
3
このレッスンでは、AWS Cloud9というサービスの登録・セキュリティの設定を行います。Cloud9の概要やメリット、セキュリティ設定方法について学んでいきましょう。
-
4
このレッスンでは、開発環境であるCloud9にRailsをインストールしてアプリの作成を行い、アプリ開発の為の環境を構築します。また、Railsサーバーの起動・停止方法についても説明します。
-
5
それではターミナルで以下コマンドを実行してRailsをインストールしましょう。このチュートリアルではRails 6.0.1というバージョンを使用します。
-
6
Railsサーバーの起動と停止方法を解説します。
-
7
このレッスンでは、Gitについて学んでいきます。Gitとは何かを理解し、実際にGitコマンドなどを使いながら、Gitの使い方を覚えましょう。
-
8
このレッスンではGithubアカウントの開設を行い、実際に使用していきます。リモートリポジトリやGithubのコマンドについて学び、Githubの使い方を覚えましょう。
-
9
このレッスンでは、Herokuアカウントの開設方法を説明していきます。Herokuは制作したアプリを簡単に公開するために使用するものです。
-
10
Railsアプリ作成の準備として以下６つの作業を行いました。【Gmailアカウント作成】【AWSアカウント作成】【Cloud9でRails5.2の開発環境作成】【Gitの準備】【Githubの準備】【Herokuアカウント作成】
-
11
Cloud9でRails環境を作成する実習になります。
-
12
このレッスンでは、Gitの機能のひとつであるブランチについて学びます。実際に使用しながら、ブランチの概要やメリットについて理解を深めていきましょう。
-
13
このレッスンでは、トピックブランチでのページ制作作業を進めて行きます。静的なページの作成やページ完成時のマージを行い、トップページを作ります。
-
14
Herokuとはレンタルサーバーのようなもので、デプロイとは制作したプロジェクトを公開するための作業です。このレッスンではデプロイに必要な準備を行い、実際にHerokuへデプロイを行います。
-
15
このレッスンではScaffoldでブログ機能を作成して、修正した内容をHerokuにデプロイします。
-
16
-
17
-
18
まず、アプリケーション定義を確認しましょう。Newsableは、ニュースをかんたんに集めて意見できるプラットフォームです。
-
19
この項目では、Deviseのインストール方法やgem・deviseについて学びます。
-
20
この項目では、Deviseでユーザーを作成する方法やMigrationファイルについて学びます。
-
21
メール認証の仕組みを利用できるようにした後は、Railsアプリでメールの送信を行う為の設定が必要になります。流れを見ながら確認しましょう。
-
22
Deviseで認証をかけるだけでは一般ユーザーがブログを閲覧できなかったり、ログインしているユーザーにもログイン画面の表示がでたり…といくつか問題があります。それらはDeviseのメソッドを使うことで解決できます。
-
23
DeviseViewについてやViewのディレクトリについて学びます。
-
24
GitのコミットやGithubへのプッシュ・Herokuへのデプロイを行います。
-
25
クリップを作成しニュース記事登録の際にはURLの入力のみでニュースタイトルなどの他の情報を自動で取得するようカスタマイズしていきましょう。
-
26
この項目では、MetaInspectorというGemの導入方法や使い方を学びます。また、MetaInspectorをターミナルでも試してみます。
-
27
Metainspectorをコントローラで使用します。そして、デバッグの仕方やByebugの使い方についても学びましょう。
-
28
現時点ではエラーが、Railsのエラー画面そのままの表示になってしまっています。これではユーザーにはどのようなエラーが出ているのか伝わりません。このような問題をエラーハンドリングで解決していきましょう。
-
29
-
30
-
31
これまでの教程では、コントローラやビューにコードを書いてきました。この教程では、モデルにコードを書いていきますがその前に、なぜコントローラではなくモデルに書くのか、モデルにコードを書く必要がある時とはどのような時なのかについて押さえておきましょう。
-
32
インスタンスメソッドはオリジナルのものを作成する事も出来ます。その作成方法や設定方法について見ていきましょう。
-
33
コールバックとは、保存・更新・削除する前や後にメソッドを呼び出せる機能です。この項目では、コールバックの書き方や実装方法について学んでいきます。
-
34
-
35
前教程まででクリップ機能を実装してきましたが、誰が作成したクリップかはわからない状態です。これを、クリップとユーザーを関連付ける事で明確にします。そのためには、多対多という関連付けが必要です。この項目では、多対多についてやクラス図からコードをジェネレートする方法を学んでいきます。
-
36
この項目では、多対多の関連付けについてもう少し理解を深めていきましょう。データベーステーブルの中身についてや、コンソールでの試し方などを学びます。
-
37
この項目では、ユーザークリップフォームの作成などユーザークリップをビューに実装していきます。また、データが存在するかしないかの確認方法や、ユーザークリップとクリップデータの作成方法などについても学んでいきましょう。
-
38
この項目では、ビューの実装を行います。フォームのエラー表示を変更したり、ユーザーごとに表示を変えるためにコントローラやビューに変更を加えます。
-
39
この項目ではBootstrapの導入を行い、Bootstrapのクラスを実際に使用してみます。今回はトップページを作成する過程を通じてデザイン実装を学びます。
-
40
この項目では、グリッドについて学びます。基本的なコードの書き方や、実装方法について理解を深めていきましょう。
-
41
この項目では、ナビゲーションバーの作成方法を学びます。ナビゲーションバー用のクラスを使用して、ナビゲーションバーのカスタマイズも試してみましょう。
-
42
-
43
この項目では、BootstrapのカードデザインについてやRailsとの連携・実装方法について学びます。
-
44
この項目では、フッターを作成しながらフッターのHTML・CSSについて学びましょう。フッターとは、サイトの情報などを表示するべき部分です。例えば会社概要やコンテンツ情報などを表示します。
-
45
この項目では、クリップ詳細ページのデザインを実装していきます。また、編集・削除の禁止も追加しましょう。クリップのデザインについては、以下のようにニュースの詳細が見れるようにします。
-
46
この項目では、Bootstrapのアラートの実装方法について学びます。アラートとは、警告や処理の結果を表示するためのものです。
-
47
オピニオン機能の基礎となる部分を作成します。
-
48
この項目では、新規オピニオンの作成の為のフォームを実装します。createアクションでは、mergeというメソッドを使用します。このメソッドの使い方などについても学びましょう。
-
49
オピニオン一覧を作成します。また、フォームデザイン実装の為にCSSを編集していきます。
-
50
-
51
本レッスンではペルソナを作成します。ペルソナとは、実在のユーザーの情報を元に作成した、架空のユーザーです。実在する人物化のように具体的に作成します。
-
52
このレッスンではRailsに備わっているcounter_cacheという機能を使って、クリップにオピニオン数の表示を追加します。オピニオン数の表示があることによって、そのクリップの盛り上がり度も一目で分かります。
-
53
このレッスンではFontAwesomeというgemを使用して、デザイン実装の際にアイコンを使う方法について説明していきます。前回追加したオピニオンカウンターのビューの実装を行いながら、FontAwesome Gemのインストールや実装方法を学びましょう。
-
54
このレッスンでは、truncateというメソッドを使用して長い文字を短く省略する方法について説明します。また、truncateにはオプションが用意されています。このオプションなどを使用した、高度な使い方についても学びましょう。
-
55
現在、オピニオン作成後のOpinion was successfully created.というメッセージや、Deviseのメッセージは英語表記になっています。このレッスンでは、これらのメッセージを日本語化する方法を学んでいきます。
-
56
このレッスンでは、オピニオン詳細画面の仕上げを行います。Bootstrapのcssクラスなどを用いて、レイアウトやデザインを完成させましょう。
-
57
このレッスンでは、ライク機能の基本部分を実装します。クラス図からScaffoldでライクを作成し、それぞれのモデルに関連付けを行います。
-
58
-
59
このレッスンではAjaxについて説明します。Ajaxの概要や実装方法を学び、ライク機能にAjaxを実装してみましょう。
-
60
ここではRailsのインスタンスメソッドを学び、きれいなコードが書けるようにします。
-
61
この項目では、ヘルパーの実装を行います。ヘルパーやRubyのstrftimeについて学んでいきましょう。
-
62
ユーザーがとる行動のことをユーザーフローと言います。今回の場合は大きく2つのユーザーフローが考えられます。
-
63
このレッスンでは、コメント機能を実装します。コメントモデルは、ポリモーフィックという種類の関連付けを設定します。データ構造などポリモーフィックについて学んでいきましょう。
-
64
このレッスンでは、ポリモーフィックの場合のroutesやレコード作成のコントローラ設定などについて学びます。コメント機能実装の仕上げを行っていきましょう。
-
65
この項目では、クラスメソッドについて学んでいきます。クラスメソッドを書いたり、ターミナルで試したりします。クラスメソッドとは、クラスから実行可能なメソッドです。
-
66
データフローとは、データの流れを図にしたものの事です。モデリングとは、モデル設計というような意味です。このレッスンでは、データフローの作成・モデリングを行い、最後にはモデル同士の関連付け定義も行います。
もっと見る
【プレミアム】 Ruby on Rails講座
プレミアムサービスの方のみがご受講できます。
| 講座名 | 【プレミアム】 Ruby on Rails講座 |
|---|---|
| 料金 |
109,780 円（税込） |
| サポート期間 | 30日間 |
| マンツーマンサポート | 2回 |
| レッスン数 | 68 |
| 質問回数 | 無制限 |
有料20講座ウケ放題！お得なプレミアムサービス
無料申し込み期限
11月24日まで
募集
人数
7名 （残りわずか）
