【超初心者です】チャット形式のQ&A作成

Question

###前提・実現したいこと
チャットのような形式でQ&A（サイトの利用方法）ページを作成したいです。
https://www.satofull.jp/static/faq/
上記が、実現させたい理想に近いページです。

###発生している問題
HTMLとCSSがそれなりに出来るレベルの初心者です。
Pythonも勉強してますが、
プログラムを組んで実装出来るレベルにまでに至っていません。

今、私が実現させたいページは、
・回答をたくさん貯めたページ？を作る
・質問に含まれるキーワードに反応する仕組みを作る
・HTML、CSSなどで、ページを作って、質問を書くと回答が出る仕組みが動くようにする
という作業が必要なのかなと漠然と思っています。

###お教えいただきたい事

・質問に含まれるキーワードに反応する仕組みを作る言語は
何を使えば良いのでしょうか。（ページをChromeで検証したらJavasprictを使ってる…？）
・上記のような質問をページを作成するためには、何から学べばよいのでしょうか。

ここはもっと具体的な質問をする場であって、
私のような人が書き込む場所ではないのかもしれませんが…、
アドバイスなどあれば、どんな些細なことでもお教えいただきたいです。
よろしくお願いいたします。

Answer 1

・質問に含まれるキーワードに反応する仕組みを作る言語は

何を使えば良いのでしょうか。（ページをChromeで検証したらJavasprictを使ってる…？）

サーバーサイドのプログラミングが出来る言語なら何でも良いです。

・上記のような質問をページを作成するためには、何から学べばよいのでしょうか。

まずは、単純な掲示板を作ってから、その先を考えた方が良いと思います。
異性に告白する前に、結婚式場の選び方を質問してもしょうがない。

Comments

[yuta0801]

異性と決めつけるのはあまりいいことでは無いと思います

[otn]

なるほど。

[sakai.m]

結婚式場の例えも、私には分かりやすく、はっとしました。
とても親切で丁寧なご回答ありがとうございました！

Answer 2

私は趣味でC/C++でプログラミングをしているので、細かいことわからないし、

Web系には疎いのでアレですが、

HTML と CSS は当たり前として、

JavaScriptか Java か PHP, Python, Perl のどれかだと思います。

サイトによって使われている言語が違うと思います。

こういうところで聞くより自分でチェックしたほうが早いかも...

Ｃ言語とかで組まれたソフトとかをソースコードに直すのは厳しいですが、

HTML系ならブラウザによりますが、

メニューバー ( "開く" とか "検索" とか "印刷" とかがあるようなパーツ ) か GoogleChromeっていうブラウザなら そのサイトを開いて、右クリックして「ページのソースを表示(V)」で表示されます。

コピペは著作的な問題でダメなことが多いですが、あくまでサンプルとして。

で、質問者様が提示したサイトの例 で試してみると、

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
...

とか、

<li><a href="http://www.satofull.jp/products/list.php?mode=search&cat=肉" class="article01"><span>肉</span></a></li>

となっていますね。

HTMLとCSSがそれなりに出来るレベルの初心者です。

とあるので、HTMLとCSSの基礎ができていると仮定しますね。

一個目のやつは、

■ HTML文書である

加えて

■ (埋め込みの)JavaScriptを読み込んでいる

っていう感じですね。

二つ目のやつは、

ヘッダ近くにあるリンクのようですが、

リンクを踏んだら "肉" っていう文字列データを PHPに送っているようです。

このことから、

上記サイトは

HTML + CSS + JavaScript + PHP

で構成されているようです。

PHPはやったことないし、JavaScriptは挫折気味なので、わかりませんが、

この二つの言語 ( JavaScript & PHP ) で 動かしているようです。

あくまで可能性としてですが、

私なら、

まずHTML+CSSでサイト(基本) を作って、
PHPに渡されたデータと そのディレクトリ ( フォルダ ) 内の HTMLファイルの metaタグのキーワード? をチェックして 含まれているもの を列挙していく...

とかでは?

Comments

[sakai.m]

とても親切で丁寧なご回答ありがとうございました！ベストアンサーにさせていただきました！

Answer 3

JavaScriptで実装可能だと思います

わざわざサーバ側に飛ばす利点もないのでJSでいいと思いますよ

正規表現を使用すれば簡単に実装できると思います

Comments

[sakai.m]

JSを勉強してみようと思います。
ご回答いただきまして、ありがとうございました！