Airbnb的なWebアプリケーションを即作れるようになる2018.04.26この記事が気に入ったらシェアお願いしますWebデザイナーの小久保です。弊社ではAirbnbのクローンサイトの制作実績があります。Railsとは、Rubyで作成するWebアプリケーションフレームワークです。イケイケ系スタートアップなどがよく使っている印象で(偏見)、色々なgem(部品みたいなやつ)を組み合わせることで、高速で開発を行えるのが最高です。一つの特徴は、MVCモデルと言う厳密な規約が適用されているところです。フレームワークを使わずにWebアプリケーションを制作した場合、チームの成熟度が低いとあっちこっちにいろんなコードが乱立して死ぬ思いをするのが常です。RailsのMVCモデルの規約に沿うことで、複数人で作業していても可読性が高くなりやすく、メンテナンスコストが劇的に抑えられます。規約に従わない場合問答無用にエラーになるので、誰が作ってもある程度一貫したコードが出来上がるわけです。途中から入ったメンバーも〇〇の動きはどこを見れば良いかってのがすぐに分かるので、途中参入のハードルも低いです。人員を増やしやすくなるため、初めは小さく作って、どんどん大きくする系のプロダクトだと重宝されます。チームで大規模Webアプリケーションを制作するのに有効なフレームワークの一つです。(ちなみにMVCモデルを採用したWebアプリケーションフレームワークは色々あります。Railsで作られているサイトRailsは色々なWebサービスで使用されています。AirbnbHuluCookpadAirbnbで採用されている影響か、Airbnbっぽい動きを実現するgem(だから部品的なものだってば)があちこちで作成されています。そのため、Airbnb的なものを作ろうとした際には、Railsを選択するのが一番手っ取り早い感があります。3選Railsに限りませんが、プログラミングを学ぶにあたって重要なことは、本を熟読して仕組みを理解するより、分かんなくてもいいので、とにかく手を動かして、アプリを作っちゃうことです。実際にアプリを動かすことで理解は後からついてきます。今回は、手を動かしながらAirbnb的Webアプリが作れちゃうようになるまでの動画講座を紹介します。usersオブジェクト指向スクリプト言語で定評のあるRubyの基礎を学んでいきます。Railsを使うにあたり、Rubyの文法を知る必要があります。ドットインストールは、動画で講師がコーディングし、そのコードを動かすところまでやるので、初心者でも無理なくRubyを動かせるようになります。文法と主要な関数の使い方を体感する動画なので、すでに他の言語(PHPとか)をご存知の方は、流し見で良いと思います。やって書くのねーぐらいで大丈夫。後の動画で手を動かしているうちに、嫌でも分かるようになりますwただ、Rubyを使うにあたって、それ用の開発環境を作る必要があります。受講前に下記のドットインストール講座で開発環境を作る方法を学びましょう。ここだけ少しめんどくさい。ブラウザ上で学習をされたい方はご利用ください。簡単でオススメなのはCloud9あたり。UIで色々操作できるのでハードルが低くていいです。クレカ入力がありますが、普通に使う分には無料で使えるので是非導入してみてください。Railsについて学んでいきます。開発環境も用意できた、Rubyも使えるとなったら、いよいよRailsに入っていきます。MVCモデルの決まりや使い方を学びながら、実際に簡易ブログシステムを作ることができるようになる動画です。実際に使えて動くアプリが作れるので、大変楽しい講座です。1動画も3分程度と気楽。Railsのエッセンスが詰まっているので、この動画の内容をマスターすればRailsアプリを簡単にいじれるようになります。用いたウェブ開発(Airbnbを作ろう!)Railsの基礎を学んだら、いよいよAirbnb的Webアプリを作っていきます。この動画はUdemyと言う学習動画サイトで配布されている講座です。セール時なら1300円ぐらいで受講できます。ペットホテルの民泊Airbnbのクローンサイトを作る動画です。予約Stripeによるクレジット決済機能、手数料の取り方など、Airbnbのめんどくさいところのほぼ全てがカバーされています。クレジット決済機能の解説がすごい。クレジット決済の実装てすごいめんどくさいんですよ。それをゼロから全て作って動くところまでを見せてくれるものってあまりないと思います。言うWebアプリケーションを作るにあたって障壁なのが、見た目を整えねばならないところ。CSSを勉強すれば難しくはないんですが、CSS初学者だと大変めんどくさいです。そこで、本動画ではBootstrapと言う部品を使うことで、CSSの実装を最低限に抑え、それなりの見た目を実現しています。見た目の実装を最低限にすることで、Railsに集中できるのが良いですね。ちなみに、CSSも含め、Webアプリの見た目もこだわりたいと言う方は下記の記事を見て勉強してください。(ドットインストールばっかですw)時間のない社会人がWebデザインを独学で勉強するには。おすすめのサイトや本を紹介ただ、この講座。Rails4を使っているので注意が必要です。それ以降のバージョンのRailsを使うと、バグが起こって作業が止まる可能性があるのでご注意ください。Tutorialでワークスペースを作るとRails4でできるので、手っ取り早いかも(2018/4/26現在))また、ドットインストールに比べて解説が少ないので、ドットインストールで基礎を十分学んでからトライすることをお勧めします。あと、講師の方が結構間違える。Airbnb的なものが作れれば、大体何でもできる?いかがだったでしょうか。Railsを使ってAirbnb的アプリを作るのは大変勉強になります。ユーザー登録、ログイン、ユーザー間のメッセージのやりとり、データの登録/検索、決済など、Airbnbサービス自体、Webサービスに必要な全てのものが詰まっていると言っても過言ではありません。動画を使って見よう見まねでやっているうちに、Railsのスキルだけでなく、Webサービス全般のテンプレが学べるのでオススメです。