arms-nakamura https://blog.hatena.ne.jp/arms-nakamura/ arms inc. Engineers' Blog https://tech.arms-soft.co.jp/ Vue.js フロントエンド JavaScript こんにちは、中村です。 今日はvue.jsを使って簡単なレコメンドを行うコンテンツを作ってみました。 概要 質問の答えに対して、おすすめしたい情報を表示します。 今回はシンプルに質問は2つ用意しました。 2つの答えの組み合わせにより、表示結果が変わります。 一つ目の質問では2択、2番目は3択なので、結果は6通りあります。 使った機能 表示の制御にはv-ifとv-clickを、結果になる情報はオブジェクトで用意しました。 デモとソースコード See the Pen vue.jsでレコメンドを作ってみた by Nakamura (@takayo-nakamura) on CodePen. 動作の説… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.arms-soft.co.jp%2Fentry%2F2020%2F04%2F29%2F090000" title="vue.jsでレコメンドを作ってみた - arms inc. Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/arms-nakamura/20200518/20200518123245.jpg Hatena Blog https://hatena.blog 2020-04-29 09:00:00 rich https://tech.arms-soft.co.jp/entry/2020/04/29/090000 1.0 100%