【質問対応停止中】【作りながら覚える!】 Ruby on Rails を用いたウェブ開発(Airbnbを作ろう!)
4.3 (160 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,498 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 【質問対応停止中】【作りながら覚える!】 Ruby on Rails を用いたウェブ開発(Airbnbを作ろう!) to your Wishlist.

Add to Wishlist

【質問対応停止中】【作りながら覚える!】 Ruby on Rails を用いたウェブ開発(Airbnbを作ろう!)

このコースでは、Ruby on Rails、 HTML、CSS、 Javascript、Stripe、Heroku を組み合わせて、webサイトを作成・公開するところまで解説します。
4.3 (160 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,498 students enrolled
Created by Sou Takimoto
Last updated 3/2017
Japanese
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
Includes:
  • 12 hours on-demand video
  • 1 Article
  • 116 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • ruby on rails を使用したwebサービスの開発・公開
  • Airbnbはサイトを見ていただけたら分かると思うのですが、非常に汎用性の高いwebサイトになっています。なのでこのコースでairbnbのようなwebサイトの作成を学べば、それを応用して様々なwebサービスを作成できるようになると考えております。
  • 今回のコースでは「Stripe」という課金システムも導入し、実際に収益が上げられるサイトをつくるところまでやります。
  • 大抵の教材では、ローカル環境だけの開発で終わってしまい、せっかく作ったのに公開できないということが多々あります。
  • なのでこのコースではherokuを用いてweb上に公開することまでサポートしています。
View Curriculum
Requirements
  • HTML
  • CSS
  • Bootstrap
  • Ruby on Railsの基礎
  • Javascript
  • jQuery
  • Bootstrapについては、http://www.atmarkit.co.jp/ait/articles/1403/19/news034.html を参考にしてください。
Description

【--追記--】

* Rails5へのアップデート、アプリで使用中のプラグインのアップデート、講座の中で、使用している各種サービスのUIの変更など、動画の内容が古くなっております。現在動画のアップデートを検討中ですが、いつごろ完成するか、Udemyを使用するかなど、もろもろ未定です。

*このコースのコードは一貫性があったり、保守性が高かったり、可読性に優れていたり、綺麗だったりはしません。ご了承ください。最後までwebアプリを完成させるという点に重きをおいています。

*Rspecなどのテストはしていません。これも上の説明と同じくまずは,webアプリを完成させるという点に重きをおいているためです。

*Railsのバージョンは4.2.6です。Rails5ではありません。Rails5によるバグが発生します(質問には対応していますが、返信が遅くなることがあります)。

*以前まで15600円のコースでしたが、大多数の方がクーポン利用で購入しており、クーポンを利用することを知らずに買ってしまった方が気の毒であること、また、私自身もさすがに15600円は高いと思うので、値下げしました。

*以下に述べているように、このコースは初心者にこそ学習して欲しいと思っていましたが、受講している方のレビューを拝見すると、本コースに期待するものとギャップがあるようです。なので、このコースを受講する方は、本講義で使用する、"Ruby on Rails"、"HTML"、"CSS"、"Javascript"、"JQuery"などについて、プロゲートやドットインストールなどのサイトで最低限の学習をする方がいいかと思います。

*コースでタイプミスや、間違った操作をした時に,後戻りして直しやすい様に、"Git・Github"のコースの受講をおすすめします。

【--追記--】

コースのご紹介

このコースは

・Ruby on Railsを主に用いて、Airbnbのペット版を作成するというものです。

また、

・作成するだけにとどまらずHerokuを用いてサーバーにアップロードするところまで含まれます。


"ドットインストールや、Progateなどで、基本的なプログラミング文法をマスターしたあとに

自分でWebサイトを一からつくろうと思ってもなかなかうまくいかず挫折した経験はありませんか?"


このコースはある程度、HTMLやCSS、jQuery、Javascript、Bootstrapなどを学習した中級者向けです。


しかし、本当は初級者にこそ、このコースを学習してもらいたいと思っています。


初級者用のコースは文法などを学べるのはいいのですが、そこから次のステップは解説しておらず、どのようにプログラミング言語どうしを組み合わせたらいいのか、どのように公開したらいいのかなどについては触れられておりません。


しかし、初学者用のコースというのは需要が大きいのですでにたくさん公開されています。


このコースで、Web作成の全体像を掴んでもらい、細かいところや、分からないところは、他の初学者向けの基礎を解説サイトでキャッチアップするというのが最短の学習法ではないでしょうか。


そのため、初学者向けのプログラミングサイトについても紹介しておりますし、


とは言っても、やはり人により最適な学習法というのはちがうので...


**このコースとの相性が悪かったら、すぐ解約しましょう!Udemyでは返金も簡単に問い合わせできます**

では、皆様と一緒に勉強できるのを待っています!


***このコースに不向きな方***

  • 勉強するための努力を嫌う方(それなりの努力は必要です)
  • ある程度長時間のこのコースを終わらせる気力がない方


***その他注意点***

  • このコースでは、ほぼHTML、CSSの解説は行いません.
  • javascript、jQuery、Bootstrapについても、解説は必要最低限です.
Who is the target audience?
  • 初心者の方で今までに、HTMLやCSS, Javascript, PHPを習ったことがあるが, 実際にwebサービスを一から最後まで作りさらにサーバーにデプロイして公開するということができず諦めてしまった人
Students Who Viewed This Course Also Viewed
Curriculum For This Course
129 Lectures
12:11:44
+
part0 Ruby on Rails のインストール
2 Lectures 04:16

コースを終えた時に皆さんが作成するアプリケーションの概要の説明です。

Preview 04:15

*windowsユーザーはこちらを推奨! cloud9
00:01
+
part1 Railsアプリの作成とBootstrapの導入
6 Lectures 22:35
part1-0 【訂正予定→Rails newのときに、バージョンを4.2.6指定する】Rails New でアプリの骨組みを作成
01:34


part1-2 Bootstrapの導入
03:58

part1-3 Bootstrapでnavbarを作成
04:19

part1-4 さらにBootstrapを使ってみる
03:44

part1-5 グリッドシステムを使う
04:14
+
part2 Deviseの導入とtoastrの導入
9 Lectures 01:14:58

config/routes.rb

root :to =>  'pages#index'

という記述は、deviseのドキュメントに従うならば、下の記述の方がベターでした。


root to: 'pages#index'


part2-1 Deviseの導入
10:53

part2-2 linkでページ遷移ができるようにする
04:13

part2-3 SignupページにViewを整える
13:34

part2-4 loginページのViewを整える
09:16

part2-5 トップページのnavbarを調整
04:42

part2-6 実際にアカウントを作成してデータベースを確認する
05:05

part2-7 loginしている時としていない時で場合わけ
06:21

part2-8 toastrを導入
14:04

part2-9 toastrを使ってDeviseの警告表示もカッコよくする
06:50
+
part3 SNSログインとプロフィールページ
7 Lectures 01:06:05
part3-1facebookアプリの登録
02:47

part3-2 facebookログイン用のgemを導入
13:54

part3-3 facebook登録のレイアウトを整える
07:19

part3-4 プロフィールページの作成
09:06

part3-5 プロフィールページ
11:17

part3-6 プロフィール内容を編集するページを作成する
13:44

part3-7 再びプロフィールページを編集
07:58
+
part4 リスティング
12 Lectures 01:13:19
part4-1 リスティングモデルの作成
06:50

part4-2-1 リスティングコントローラーの作成1
05:54

part4-2-2 リスティングコントローラーの作成2
02:53

part4-2-3 リスティングnewページを整える
05:17

part4-3-1 リスティングcreate
07:10

part4-3-2 createした後に飛ぶページを変更する
04:23

part4-4 リスティング編集ページ(basics)
04:40

part4-5-1 リスティング編集ページ(リスティング内容)
06:55

part4-5-2 リスティング編集ページ続き
11:14

part4-6 verticalナブバーのactive
10:51

part4-7 リスティング編集ページ(price)
05:40

+
part5 画像をアップロード
6 Lectures 35:43
part5-1 paperclipの導入
04:33

part5-2 paperclipの導入続き
04:20

part5-3 photosコントローラー
03:19

part5-4 dropzoneの導入
03:19

part5-5-1 turobolinkの不具合を解決
04:33

part5-5-2 dropzoneのコードを解説
15:39
+
part6 githubとheroku
4 Lectures 22:57
part6-1 githubの導入
07:55

part6-2 figaroの導入
05:03

part6-3 github レポジトリ作成
02:05

part6-4 herokuにデプロイ
07:54
+
part7 amazon s3とか画像について
4 Lectures 19:04
part7-1-1 トップページの画像の不具合を解消
02:14

part7-1-2 amazon s3の導入
05:25

part7-1-3 herokuにamazon s3の設定
07:23

part7-1-4 localにamazon s3の設定
04:02
+
part8 リスティングページ
6 Lectures 35:33
part8-1 リスティングindexページ
04:03

part8-2 リスティングshowページ
08:42

part8-3-1 リスティングshowページ geocoderの導入
05:58

part8-3-2 リスティングshowページ google mapを導入
07:24

part8-3-3 リスティング内容とか細かい手直し
05:04

part8-4 リスティングshowページ 近くのリスティング
04:22
+
part9 予約機能の実装
5 Lectures 41:20
part9-1 予約機能の実装(Model)
04:51

part9-2 予約機能の実装(Controller)
04:07

part9-3 予約機能の実装(View)
08:30

part9-4 予約機能の実装(datepicker)
04:13

part9-5 datepicker詳しく
19:39
12 More Sections
About the Instructor
Sou Takimoto
4.2 Average rating
187 Reviews
1,695 Students
2 Courses
webエンジニア

みなさんこんにちわ。Takimotoです。

東南アジアの現地スタートアップにて、フロントエンドエンジニアとして勤務していました。

スキルセットとしては、主にこれまでweb系の言語を扱ってきました。

html, css, javascritpt,typescript, angularjs, php, ruby, ruby on rails..etc 

丁寧な対応を心がけます。よろしくお願いします。