Merge pull request #48 from enpitut2018/details

詳細と例の表示、URL修正、横線消去

README.md

@@ -1,3 +1,3 @@
 プロダクト名：cogito
-https://cryptic-journey-91456.herokuapp.com/?template_id=1
-研究，自己分析，制作物のアイデア出し，目標実現のための計画のときに，頭の中をうまく言語化して整理することの難しさを解決する、大学生を対象としたWEBアプリcogitoです。 これは、質問に答えるだけでアイデアの整理を実践することができ、 One Noteなどのノートアプリや既存のアンケートフォームとは違って、アシスタント（テンプレート質問集）が対話的に質問を投げかけるほか、回答例や質問意図を表示する等の補助機能によって、ユーザーの回答を支援します。また、アシスタントの作成・共有機能も備わっており考えることが得意な人の思考法を真似したり、自分の思考法を共有することもできます。
+https://cryptic-journey-91456.herokuapp.com/notes/1?template_id=2
+研究，自己分析，制作物のアイデア出し，目標実現のための計画のときに，頭の中をうまく言語化して整理することの難しさを解決する、大学生を対象としたWEBアプリcogitoです。 これは、質問に答えるだけでアイデアの整理を実践することができ、 One Noteなどのノートアプリや既存のアンケートフォームとは違って、アシスタント（テンプレート質問集）が対話的に質問を投げかけるほか、回答例や質問詳細を表示する等の補助機能によって、ユーザーの回答を支援します。また、アシスタントの作成・共有機能も備わっており考えることが得意な人の思考法を真似したり、自分の思考法を共有することもできます。

app/assets/stylesheets/application.scss

@@ -168,7 +168,7 @@ li.nav-item.active {
   color: orange;
   font-size: 1.5em;
   margin: 70px; 
-  text-decoration: line-through;
+  /*text-decoration: line-through;*/
     &:hover{
       color: green;
     }

app/javascript/app.vue

@@ -1,6 +1,11 @@
 <template>
 <div class="row">
   <div class="col-md-8">
+    <div class=“card”>
+      <p>質問の詳細と回答例</p>
+      <p>詳細：{{questions[count].qdetail}}</p>
+      <p>回答：{{questions[count].example}}</p>
+    </div>
     <ul class="nav nav-tabs">
       <li class="nav-item">
         <a href="#tab1" @click="viewChange" class="nav-link active" data-toggle="tab">質問に答える</a>

app/views/api/questions/show.json.jbuilder

@@ -1,4 +1,6 @@
 # coding: utf-8
 json.array! @questions do |question|
    json.qtext question.qtext
+   json.qdetail question.qdetail
+   json.example question.example
 end

db/seeds.rb

@@ -27,15 +27,15 @@
 Question.create!(qtext:'自分の提案との差分',template_id:1)
 
 Question.create!(qtext:'自分が今興味を持ってるものはなんですか',template_id:2,qdetail:'まずはどんな領域のことでも自由に書いてみましょう',example:'構造色、物理的な構造による発色の原理')
-Question.create!(qtext:'なぜ興味を持っていますか？',template_id:2)
-Question.create!(qtext:'いつから興味を持っていますか？',template_id:2)
-Question.create!(qtext:'子供(小学生まで)の頃すきだったものはなんですか？',template_id:2)
-Question.create!(qtext:'どこがすきですか？',template_id:2)
-Question.create!(qtext:'なぜそれがすきですか？',template_id:2)
-Question.create!(qtext:'中高生の頃すきだったものはなんですか？',template_id:2)
-Question.create!(qtext:'どこがすきですか？',template_id:2)
-Question.create!(qtext:'なぜそれががすきですか？',template_id:2)
-Question.create!(qtext:'これまでに挙げた自分の好きなものや興味ついて共通点・キーワードはありますか？',template_id:2)
+Question.create!(qtext:'なぜ興味を持っていますか？',template_id:2,qdetail:'興味を持つきっかけとなった出来事やエピソードを書いてみましょう',example:'物理で勉強した光の干渉が美しい色を発色する構造色の原理の一つになっていることに感動した。構造色の発色は鮮やかですき。構造色を持つ，モルフォ蝶やカワセミ，オパールが好きだった。')
+Question.create!(qtext:'いつから興味を持っていますか？',template_id:2,qdetail:'興味を持った時の自分の年齢や経過を思い出してみましょう',example:'子供の頃から色は自分にとって重要なトピックだった。小さい頃は好きな色がなくて，そのことを不思議に思っていた。中高生の頃になって青系の色が好きなことに気がついた。それからはいろんな色の魅力があることに気づくようになった。')
+Question.create!(qtext:'子供(小学生まで)の頃すきだったものはなんですか？',template_id:2,qdetail:'次は今ではなく、小学生までに好きだったものについて考えてみましょう',example:'推理小説・クイズ・パズル')
+Question.create!(qtext:'どこがすきですか？',template_id:2,qdetail:'好きなところを自由に挙げてみましょう',example:'一つ一つ手がかりを探して，共通点や異質な点を見出して，だんだんと答えに迫っていく過程。')
+Question.create!(qtext:'なぜそれがすきですか？',template_id:2,qdetail:'すきになったきっかけを思い出してみましょう',example:'頭を使って考えたことが，合っているとうれしい。探偵って，みんなが気づかないことを気づいていてかっこいいって思ってた。')
+Question.create!(qtext:'中高生の頃すきだったものはなんですか？',template_id:2,qdetail:'今度は少し進んで、中高生の頃を思い出してみましょう',example:'音楽　特にSax，Mili')
+Question.create!(qtext:'どこがすきですか？',template_id:2,qdetail:'好きなところを自由に挙げてみましょう',example:'音楽：自分の感情を表現したり，コントロールしたりするのに役立つところ。Sax：いろんなジャンルの曲で様々な表情を見せられる。音に艶がある。人間の声に近い。Mili：ボーカルの声が好きだった。世界観に共感できる。')
+Question.create!(qtext:'なぜそれががすきですか？',template_id:2,qdetail:'すきになったきっかけを思い出してみましょう',example:'"音楽：歌ったり演奏してると楽しくなる。Sax：楽器なのに人間が歌ってるように聞こえる。ビジュアルがかっこいい。先輩の演奏がかっこよかったから。Mili：ボーカルはトリリンガルで多彩だし，透き通った声は自分にないものだったから。単に明るいだけでなく，暗さも持つ世界観に共感した。')
+Question.create!(qtext:'これまでに挙げた自分の好きなものや興味ついて共通点・キーワードはありますか？',template_id:2,qdetail:'ノートを見直してみて、共通する部分がないか探してみましょう',example:'小さい頃はロジカルなものが好きだったけど，音楽とか色とか芸術的な要素のあるものにも興味を持つようになった。')
 
 
 #Contain.create!(template_id:template1.id,question_id:q1.id)