instagram's People
instagram's Issues
twiiter認証機能を作る
管理画面を作る
404ページを作る
トップページの作成
やること
-
ルーティング設定
-
コントローラーの作成
-
作成したコントローラーにアクションを作成
-
トップページのビューを作成
-
rootルーティングの作成
カスタマイズしたい機能
-
ページネーション機能
【Rails】でページネーションをgemで実装!kaminariのキホンのキ -
管理画面を追加する
-
seedsのコードをかく
-
メール認証機能を追加する
-
DM機能を追加する
-
twiiterログイン認証をつける
-
repecをかく(後回しでも大丈夫)
-
画像アップロード機能
-
404ページ作成
Rspecを導入する
コメント機能を実装する
コメントに必要な情報
コメントの内容
どの投稿にいいねしたか投稿の情報
誰がコメントしたかユーザーの情報
- commentモデルを作成する
アソシエーションの設定
UserモデルとCommentモデルのアソシエーションを設定する
上記二つのモデルの関係性は以下のようになる
- ユーザーは複数のコメントをすることができる
- コメントAに関して、コメントAをしたユーザーは一人しかいない
つまり、UserモデルとCommentsモデルは「1対多」の関係になる。
- Userモデルの方に「1側」の
has_many
を追加する
コメントモデルの方に
-
belongs_to
を追加する
PostモデルとCommentモデルのアソシエーション設定
上記二つのモデルの関係性は以下のようになる
- 一つの投稿は複数のコメントを持つことができる
- コメントAに関して、コメントAに紐付く投稿は一つしかない
つまり、PostモデルとCommentモデル 「1対多」の関係になる。
投稿機能の詳細・削除機能
投稿の詳細ページの作成
-
postsコントローラーのshowアクションのルーティングを投稿詳細ページのルーティングとして設定する
-
postsコントローラーにshowアクションを処理するように指定する
-
postsコントローラーにshowアクションを定義したのでビューを定義してる
投稿機能
モデルの作成
-
モデルの作成
-
アソシエーションの設定
UserモデルとPostモデルのアソシエーションの設定 -
バリデーションの設定
仮のトップページを表示させる
やること
-
ルーティング設定
-
コントローラーの作成
-
作成したコントローラーにアクションを作成
-
トップページのビューを作成
-
rootルーティングの作成
メール認証機能を作る
commentモデルにバリデーションをつける
ユーザープロフィール機能
プロフィールページのルーティングの追加
-
プロフィールページのルーティングの作成
-
コントローラーの作成
-
作成したコントローラーにアクションを追加する
-
profile_photoカラムを追加
-
profile_photoカラムに何もない場合、デフォルトのアイコンを表示する
- プロフィールページのビューを作成
サインアップ・サインイン機能を作る
-
DeviseのGemをインストールする
-
Deviseのフラッシュメッセージを追加する
-
Deviseのビューファイルをインストールする
-
Userモデルを作成する
-
Userテーブルを作成する
-
Deviseの導入を確認する
-
ナビゲーションヘッダーの非表示
railsにslimを導入して,erbファイルをslimファイルに変更する
いいね機能を実装する
モデルの作成
いいねに必要な情報は以下の2つになる
- どの投稿にいいねを押したかの投稿の情報
- 誰がいいねをしたかユーザーの情報
-
likeテーブルを作成する
-
UserモデルとLikeモデルのアソシエーションの設定
上記二つのモデルの関係性は以下のようになる
- ユーザーは複数のいいねをすることができる
- とあるいいねに関して、いいねAをしたユーザーは一人しかいない
つまりUserモデルとLikeモデルは「1対多」の関係になる
バリデーションの設定
- 値がデータベースに保存される前にそのデータが正しいかどうかを検証する仕組みをバリデーションという。
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.