前のパートに戻る 完了して次のパートへ  

  0-1 Instagram風簡易SNSアプリを作ってみよう!

本教材はRubyプログラミング言語の上で動作するWebアプリケーションフレームワークであるRuby on Railsを使ってInstagram風簡易SNSアプリを作成します。

0からInstagramの基本的な機能をステップごとに作成していきます。HTML・CSS・Javascript・Rubyを使用して開発しますが、主にRuby on Railsの大まかな流れを把握してもらうことを一番の目的としております。本教材を通してWebアプリケーションを最後まで作りきることでサービス開発の流れを掴みましょう。

また本教材は画像投稿SNSのInstagramを参考にしております。Instagramを使ったことがない方は、まずはInstagramとはどんなサービスかを見てみましょう。

参考)Instagram

教材を進めて行く上で質問項目がございましたら、「質問」の箇所からご質問ください。 (Mac OSやCloud9以外での開発環境における質問対応はできかねますのでご了承ください。)

学習内容


  • Ruby on Railsを使った実践的な開発スキルを学びます。
  • Deviseを使ったサインアップ・サインイン機能の開発を行います。
  • 画像アップロード機能の開発を行います。
  • いいね機能・コメント機能の開発を行います。
  • Cloud9を使った開発環境の構築ができるようになります。
  • Herokuを使ってWebアプリケーションを公開する方法を学びます。

受講における必要条件


  • HTML/CSSの基礎知識
  • Rubyの基礎知識

RubyやRuby on Railsを一度も触ったことがない方は、まずはProgate等で学習することをおすすめします。

この教材の対象者


  • progateなどのRailsの教材を見ながら簡単なサンプルアプリケーションを作ったことがある方
  • Rubyは学んだことがあるけど、Railsはあまり触ったことがない方
  • Ruby on Railsの開発の大まかな流れを把握したい方

学ばないこと


本教材はRailsの大まかな流れを把握することを一番の目的としており、HTML・CSSの解説は詳しくしていません。細かく知りたい方はご自身で調べていただければと思います。


本教材の対応バージョン


  • Rails5系

Rails6には対応していませんので、学習を進めるならRails5のバージョンで進めることをおすすめします。

作成するアプリケーションのイメージをつかもう


この教材ではRailsでInstagram風簡易SNSアプリを作成します。実際にどういったアプリを作成するかイメージをつかむために下記のリンクにアクセスして利用してみてください。

https://techpitgram.herokuapp.com/

学習内容


0章 はじめに

本教材を進める上での環境を整えたり、設計を解説していきます。

1章 新規Railsアプリケーションの作成

新規Railsアプリケーションの作成を行い、開発の準備を行います。

2章 トップページの作成

ユーザーがサインインした後に遷移するトップページを開発します。見た目を効率よく整えるためにBootstrapの導入も行います。

3章 サインアップ・サインイン機能

DeviseというGemを使ってサインアップ・サインイン機能を開発します。

4章 ユーザープロフィール機能

ユーザーのプロフィールページを作成して、プロフィールを編集できるように開発します。

5章 投稿機能

techpitgramのコア機能である投稿機能を開発します。投稿は画像をアップロードできるように実装します。

6章 投稿の詳細・削除機能

投稿の詳細機能と、投稿を削除する機能を開発します。

7章 いいね機能

投稿にいいねができるように実装します。

8章 コメント機能

投稿にコメントができるように実装します。

9章 デプロイ

ローカルで開発したWebアプリケーションをHerokuを使って公開します。

議論

0 質問

このコースの評価は?