質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.12%

ラジオボタンやプルダウンメニューで選択された内容をテキストで表示し、それに合わせた処理を施す

受付中

回答 3

投稿

  • 評価
  • クリップ 0
  • VIEW 647

maiponpon

score 6

私は現在、卒業論文でwebサイトを使った類似性の研究(化粧品に焦点を当てたものです)をしています。
そこで、以下のようなことをやりたいと考えています。
サイト作りには、ボタン一つでHTMLや画像などを挿入できる機能のあるWixというサービスを使用しています。
HTMLやプログラミングの知識が全くないため、プログラミングの基礎を調べて学んでみたのですが、以下の処理を施すことができませんでした。
卒業論文の準備期間に使える日数はあと少しで、周りに頼れる方もいないので本当に困っています。
どのように書いていけば思う通りにwebが動いてくれるのかを教えて頂きたいです。不躾な質問であるとは思うのですが、何卒宜しくお願い致します。

【webサイトの構成】
サイトは「架空口コミサイト」と「回答用サイト」の2つに分かれています。
「架空口コミサイト」の商品情報の下に、別々の肌質の人の口コミが3種類表示されるような仕組みにし、口コミ投稿者の情報として肌質と年齢が表示されるようにしたいと考えています。また、この情報のすぐ下に口コミを表示したいと考えています。

●以下は「架空口コミサイト」について施したい設定です
【やりたいことその1】
①webページの1ページめに回答者本人の肌質を敏感肌・乾燥肌・脂性肌の中からラジオボタンを用いて選択してもらいます。
②ラジオボタンで選択された内容と全く同じテキストを2ページ目以降(2-4ページ目)に表示させたいと考えています。また、選択されなかった2つの項目についても同様の処理を施したいと考えています。

【やりたいことその2】
【やりたいことその1】で施した処理において、2ページ目以降に表示された肌質に合わせた口コミ3種類の中から選んで表示させる。

【やりたいことその3】
①webページの1ページめに回答者本人の年齢を18-24歳の中からプルダウンメニューを用いて選択してもらいます。
②プルダウンメニューで選択された内容に加工を施して(もらった回答に+1したもの、+5したもの、+8したものの3種類)テキストで2ページ目以降(2-4ページ目)に表示させたいと考えています。

●以下は「架空口コミサイト」及び「回答用サイト」に施したい設定です
【やりたいことその1】
全ての質問に対する回答を、メールアドレスに送信したいと考えています。

私がやりたいと考えていることは以上です。
量が多くなり、申し訳ないですが、どうしてもやりたい・やらなければならない課題なのでお力添えいただければ幸いです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

+2

もう少し、どこまで出来ていて、どこから出来ていないのかを明確にしたほうが回答が得やすいと思います。また、サーバー側についても作りこみが必要な内容ですが、サーバー側はどんな環境が用意できるのでしょうか?

もし、静的なサイト作りしか経験がないのであれば、色々と覚えなければならないことが沢山あります。

WiXとやらはyoutubeでなんか広告が流れているなぁ、ぐらいにしか知らないのですが、あの広告からソフトの機能を想像するに、この類のソフトはとりあえず忘れて、自分直接HTMLを書くことをおすすめします。

Windowsマシンが使えて、ローカル上でとりあえずそれっぽく動いているところを見せられればいいのであれば、VisualStudioの無償版を適当なPCにぶっこんで、市販の初心者向け入門本を読みつつ、ASP.NETあたりでこつこつ作るのが初心者には無難な気がします。入力フォームから入力されたデータをDBにため込んで、一覧画面に表示....≥みたいなサイトを作る方法を載せたASP.NET入門本はいくらでも売られています。

その他に勉強しなければならないポイントは以下だと思います。

・サーバー側で入力されたデータをどう保持するか(DBなのか、とりあえず簡易に物理ファイルに保持するか...等)。
・メールの送信。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/07/21 16:40

    やはりそうですよね・・・
    ご丁寧な回答を頂き、ありがとうございます。
    不勉強で勉強がかなり必要だと感じました。
    もし宜しければ、初心者向けの本を紹介して頂けないでしょうか?
    何卒宜しくお願い致します。

    キャンセル

+1

↓たとえば、こんな本です。
https://www.amazon.co.jp/TECHNICAL-MASTER-はじめてのASP-NET-プログラミング-Visual-ebook/dp/B00XOM9N68/

ただし、この環境で作れ(LAMPでやれとか)みたいな縛りがあるかもしれませんから、まずは先生に相談することをお勧めします。前提の認識がズレていると台無しです。

1.WiXなどのソフトは一旦忘れる。
2.多少のHTMLを自分で書ける最低限の自信をつけましょう。デザインの善し悪しは、今回の本題ではないので気にしないこと。
3.上記のような本で勉強して、必要なWebページを適当にサクサク作り、そのWebページのフォーム上で入力されたデータをサーバー側で受け取り、サーバー上のDBかファイルに保存するところまでを作れるようになる。
普通はDBでしょう。DBに保存するなら、初歩的なSQLを知る必要があります。
4.3で保存されたデータを、とりあえず垂れ流しでよいので、そのままWebページに表示できるところまでできるようになる。
5.3で保存したデータを簡単な集計処理をしたりして加工して表示できるようになる。
6.入力フォームに入力値の検証チェックなどを入れる。ただし、それは本題ではないでしょうから、今回はスルーしてもよいかもしれません。
7.今回はメールで送信するというネタがあるようなので、購入した本にメール送信についての言及がなければgoogleってみてください。「ASP.NET メール送信」とでも検索すればいくらでも出てきます。ただ、メール送信はSMTPサーバーなり、そのための環境がなければできないので、送信する方法だけではなく、送信するための環境にも注意する必要があります。実行(デモ)時にインターネットにつながるのなら、gmailを叩くのをおすすめします。

難しいように感じるかもしれませんが、波に乗れてパターンが読めてくる?と、意外にサクサク進むと思います。デザインにこだわったり、入力チェックやセキュリティを考えなければ、さほど難しいものではありません。

卒論をデモする場合は、インターネットにあげてデモしなければならないのか、ローカル環境でそれっぽく動けばいいのかにも注意する必要がありますね。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/07/21 17:26

    お忙しい中、本当に丁寧な回答をありがとうございます…!
    学ぶべきことも分かり、大変ありがたく感じております。
    重ね重ねお礼を申し上げます。
    本当にありがとうございました!!

    キャンセル

0

これでデータを取ってそのデータを元にWebを手書き(連携はあきらめる)する。

【Googleフォームでアンケートを集計するとすごいラク - 情報管理LOG】
http://hokoxjouhou.blog105.fc2.com/blog-entry-363.html

実は、Googleフォームは、条件分岐も可能です。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.12%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる