webアプリの作り方、必要な知識

Question

webアプリ制作に関する質問です。
例えば、大学の授業中に先生が、学生にスマートフォンを使用させて、先生側webアプリ上でその場でクイズを提示し学生に答えさせてその結果を記録する（日本語が下手ですみません）ようなwebアプリケーションを作りたい場合必要になる知識や技術はなんでしょうか。なりすましや遠隔操作対策をするため位置情報を取得できたりしたら良いなとも考えています。

webアプリですのでJavaScriptを使用することは想定できますが、それ以外の知識がなく困っています。swiftやJavaのプログラミング経験が多少ある程度です。

大それた質問で申し訳ありません。現在興味を持っており、質問させてもらいました。

Comments

[kei344]

teratailには「質問するときのヒント https://teratail.com/help/question-tips 」というページが用意されているので、それに沿って質問を改善することをお勧めします。

Answer 1

ブラウザで動くWebアプリを作りたいのなら、
①まずHTML、CSS、を勉強して静的なWEBサイトを作れるようにする。
②JavaScriptを勉強して、クライアントサイドで動きを付けれるようにする。
③PHPや、Rubyなど、サーバサイドの言語を勉強する。
④SQLでのデータベース管理について勉強する。

の4段階を踏めばあんまり技術的に尖ったサービスでなければ作れるようになっていくと思います。
あとJQueryなどのJavaScriptのライブラリやフレームワークを使ったり、LaravelやDjango、Ruby on Railsなどのサーバーサイドのフレームワークを勉強すると楽ができるかもしれません。

という回答で大丈夫でしょうか？

もう少し詳しく言うと、クイズアプリのようなものを作る場合、
・HTML、CSSでクイズの画面、先生側の管理画面など画面の見た目をデザインし、入力フォーム、説明文など必要な要素を配置する。

・PHPやRubyなどで、生徒のスマホから送られてくるクイズの回答データをデータベースに保存したり、その回答データを取り出したり、クイズを予めデータベースに保存したり、などのサーバ側の動作を組み込む(データベース管理は直接的にはSQLで書く)。

・JavaScriptでクイズの画面に動きを作ったり、位置情報の取得などを行う。

という感じになります。

JavaScriptで書くクライアントサイドのプログラムというのは、生徒のスマホやPCでちょっと複雑な動きをつくるためのプログラムです。
PHPやRubyなどで書くサーバサイドのプログラムというのは、HTML、JavaScriptから送られてきたデータを管理したり、生徒側に適当な情報を必要に応じて送るためのプログラムです。

JavaScriptとHTMLだけだと、オフラインのゲームのようなものができます。これだと、クイズの結果を先生側に送って保存させたり、他の人たちのクイズの結果を取り出して使う(平均点を出したりとか)とかは普通できません。

とにかく、具体的な目標を持つのは良いと思いますが、とりあえず、「クイズアプリを作る」というより、もっと簡単なWEBアプリの制作から始めることになるのではないでしょうか。
本やWEBサイトでも実際に簡単なクイズアプリを作る、というチュートリアルは割とあるのでそういうのも参考になるかもしれません。(こことか)

Comments

[AkitoshiManabe]

冒頭の5行は的を射てますね！①〜④のステップを踏むことは大事だと思います。
③の段階で「ファイルの読み書き（画像アップロード含む）を習得」と補足すると納得しやすいかも。
ちなみに、②のインタラクション習得を後回しにして「古風な掲示板システム」を作るのも有り。と感じました。