流れを教えていただきたいです

前提・実現したいこと

こちら側がアンケート項目を変更できて、アンケート結果を円グラフで出力したいです。
html　javascript php json どれを使えばいいのかわかりません。流れを教えていただきたいです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2020/11/23 02:56

まずおもうようにやってみては…

m.ts10806

2020/11/25 04:10

たぶんこの状態で質問して得られるアドバイスはほとんど理解できないと思います。分からないなりに何かしら手を出してみるべきですし、質問しっぱなしで何も反応しない(人それぞれ事情はあると思いますが)ままで放置というのも理解から遠退く一因となり得ます。

行動規範の内容に同意します

回答4件

固定の質問項目のアンケート機能を作ります。
質問項目を可変にするために構造を変更します。
円グラフを描けるjsライブラリを探して扱い方を覚えます。

基本的なところを理解せずに、可変のアンケートを集計して円グラフを描きたい、ってゴールに執着すると、
身動き取れませんよ。
シンプルに単機能ものをいくつも作って扱い方に慣れてから、大きくしていきます。

で、欲しい機能を作るのに必要な技術はなにかと考えるよりも、
とっつきやすいとか、情報の入手がしやすいなど、何らかの判断基準で
作れる技術でとりあえず作ってみてほしい。
アンケートフォームをいきなり作らずに、成功イメージをhtml/css/jsを駆使してから、
サーバー側の処理をphpでもなんでも作ってみるとか。
使う技術を足したり引いてみたりして、
同じ機能を作れるかやってみるのも勉強になりますよ。
使わないから覚えなくてもいいと考てもいいけど、
知らないよりも知っていたほうが都合のいいこともあるし、
知っているよりも使えるようになっていたほうが作る時間も短縮できたりコード量を削減できたりするかもしれませんし。
目先のボリュームだけにとらわれず、とにかくやってみることをおすすめします。
別に、誰かに迷惑をかけたり、金銭的損失を生むようなことでなければ、やってみてほしいです。

蛇足かもしれませんが。

サーバー側の処理をphpを軸に組み立てるのであれば、
クライアント側（webブラウザ側）の表現としてhtml/cssをまずは学習して、
javascript(js)は逆引き的に必要なことを調べて組み込めば当面はよいかもしれません。
フォーム送信ボタンをクリックしたときにwebブラウザ上で入力チェックを動かしてから送信したりするのにjsは欠かせません。
webブラウザ上でチェックしたものを、サーバー側でも二重チェックして処理します。

アンケートを集計するのに、
サーバー上にデータファイルを置いてphpから書き換えることもできますが、
ファイルの排他アクセスは面倒な割にトラブルも起こりやすいため、
データ保持や管理や集計は専門のソフトウェアであるデータベースに任せます。
いわゆるMySQLやPostgreSQLのことです。
簡素にSQLiteを使うこともできますが、のちに規模の大きいシステムを作るつもりなら、
SQLをしっかり学んでMySQLやPostgreSQLを覚えるのがよろしいかと。
トランザクション処理によって、整合性や一貫性のあるデータ管理ができます。

余談として、
サーバー上で動かすjavascriptの仕組みとして、Node.jsというのがあります。
クライアント側（webブラウザ側）と文法や構造が同じjavascriptが使えるのは習得しやすそうな気がしますが、
Node.js単体で使うことはまずありません。
Node.jsにフロントエンドフレームワークであるAngular.jsや
Vue.jsやReact.jsなどを組み合わせて作ることが多いようです。
そして、これらのフレームワークでは(大雑把に言って)javascriptの弱点を克服した
TypeScriptという言語で記述するため、
結局サーバー側の言語とクライアント側の言語が別になってしまうのです。

html/css/jsとphpで作れるものを、
Node.js+TypeScript+React.jsなどで作ることも当然できます。逆も。
ですが、得手不得手、得意不得意がありプロジェクトによって方法を選択しますので、
理想はいろんなのを扱えることだと思います。

投稿2020/11/23 02:12

編集2020/11/24 08:42