Laravel投稿サイト構築.76 -リプライの種類(前編)-
目次
前回
参考URLを設定して投稿すると、タイトルと説明、画像からリンク枠を表示する対応でひと段落。
リプライの種類を指定する機能
SNSで投稿に対して返信(コメント)がつくことがあるが、
そのコメントが投稿に対してポジティブな反応なのかネガティブな反応なのか、
分かりにくいことがある。
文章をちゃんと読めば判別できるとは思うのだが、
返信を読む前にどんな返信なのか確認してから読み始めることができたら内容がスムーズに頭に入ってくるのではないか?
世の中の投稿サイトでそういう機能がないので、需要がないかもしれない。
yahoo newsのエンゲージ(反応)には「勉強になった」とか「驚いた」とかをイイネがわりに押す機能があってちょっと似ているかもしれない。
とりあえず実装してみる。
テーブルの準備(済)
返信テーブル(Replies)に返信タイプを追加。
これは既に追加済。
返信の種類の定義
だいたい以下のように分類してみた。
- 肯定・感想
- 補足・拡張
- 否定・反論
- 転換・転回
- その他
アイコンの準備
それぞれアイコンをダウンロード(もちろんフリー素材)
返信画面のレイアウト変更
現状は以下のカタチ。
これに返信の種類を追加する。
-----
bladeファイル
<div class="row">
<div class="col-4 col-lg-2">
<p class="font-bold">返信タイプ</p>
</div>
<div class="col">
<input type="radio" name="replyTypeSelect" value="1" id="replyTypePositive" checked><label for="replyTypePositive">肯定・感想</label>
<input type="radio" name="replyTypeSelect" value="2" id="replyTypeExpansion"><label for="replyTypeExpansion">補足・拡張</label>
<input type="radio" name="replyTypeSelect" value="3" id="replyTypeDeny"><label for="replyTypeDeny">否定・反論</label>
<input type="radio" name="replyTypeSelect" value="4" id="replyTypeConvert"><label for="replyTypeConvert">転換・転回</label>
<input type="radio" name="replyTypeSelect" value="9" id="replyTypeOther"><label for="replyTypeOther">その他</label>
</div>
</div>
-----
まずは通常のラジオボタンで表示確認。
次回
ラジオボタンを画像に置き換えと、動作確認予定。
続く