オーダーシステム作成について

Question

リンク内容グローブのオーダーシステムをご存知でしょうか。こちらのグローブのオーダーシュミレーション作りたくてコードを書こうとしているのですが何を使って書けばいいかわかりません。JavaScriptでしょうか？
考え方が知りたいです。
私の能力としてはプログラミング初心者です。JavaScriptが動作をもたらすことはしっています。

Comments

[m.ts10806]

どのレベルの回答をのぞんでいるのかわかりません。考え方でいいのか、コードなのか、参考記事なのか。そのあたり要件として具体的に記載いただけますか？また「ある程度なに使ってもできる」ような回答がついても問題なく「解決済み」とできますか？「どうなったら解決」といったところも意識した質問内容にしてください

[mirai]

考え方とコード、参考記事すべてです。

[m.ts10806]

右記すべて読まれて、それでもこの質問内容とそのコメントが妥当であると思われるなら一度使い方見直したほうが良いです。 https://teratail.com/help/avoid-asking https://teratail.com/help/question-tips

[mirai]

申し訳ございません。自分でかいていくのに全くどう手をつけていいかわからなくこういった質問内容になりました。

[m.ts10806]

すでに丸投げ指摘があるように基本は手を付けた上で問題が起きた時に質問する場所です。「何から何まですべて」というのは善意で成り立っている場所では回答する人の負担が大きすぎて敬遠されやすくなります。

[mirai]

すいませんでした。わからなさすぎて聞き方が雑になりました。勉強します。

Answer 1

実行環境を絞らないのであればグラフィック処理が可能な言語でできます。
テキストオンリーのオーダーシミュレーションでもよければグラフィック処理がなくてもできます。

リンク先と同じようにやりたいならHTML,CSS,JavaScriptは必須です。
その他にサーバ側での処理も必要になるかもしれません。

Answer 2

次のように操作orクリックし、最終的に表示されるフォルダ以下の階層にあるファイルを一つ一つ確認すればわかります。

chrome(ブラウザ) > F12 > Sources > top > glove.zett.jp

Comments

[mirai]

回答ありがとうございます！開発者ツールのデバッグ有るじゃないですか？それを見て見様見真似でしたらかけますかね。。

[CHERRY]

横からですが...

質問者さんのスキルレベルがわかりませんが、 JavaScript のソースコードを読んで動作を理解できるのであれば、可能ではないでしょうか。

[退会済みユーザー]

ごめんなさい、言葉足らずでした。【なんの言語の知識がいるかについて】まず、ファイルやファイルの拡張子を見ることで、どういった言語で書かれているかがわかります。【ライブラリについて】ソースコードが読めるようであれば、どういったライブラリが使われているかがわかります。ものによっては、ファイルそのものの時点でライブラリである場合もあります。【（余談）仕組みについて】言語の知識が多少でもありコードが読め、関数や機能がライブラリによるものかそうでないかを多少でも判断できるようになれば、コードでどういったことを行っているかを理解できると思います。【まとめ】以上のような理由で、ファイル一つ一つを確認し、言語の知識を得て、ファイル一つ一つを確認し、なんのライブラリを使っているか判断しておけば、「何を使って書けばいいのか？」という答えになるかなと思います。

[mirai]

丁寧にありがとうございます。
私はまだ初心者でわからないことの方が多いので調べながらしていきたいと思います。ありがとうございます。

[退会済みユーザー]

見様見真似でもいいと思います。完成品があるというのは有益な情報が満載、実例が満載ということでもあります。ただし、単にコピペするだけだともったいないですし、応用が利かなかったり、デバッグすることができずつまずきまくりまくりすてぃーです。例えば、やりたいことを実装しているコードを読み、出来る範囲で一行一行理解し、その過程で、ライブラリや言語に標準で用意されている関数や機能、構文を調べ、学ぶというのは有益です。とはいえ、場当たり的に調べると体系的に学べないので、参考にするちゃんとしたサイトや書籍を確保しておく必要はあります（かなり説教臭くなりましたが、保守業務ではある程度そんな感じでした）

[mirai]

なるほど、デバッグの読み方もいまいちわからなくて何が使われているかはなんとなくわかったのでとりあえず進めていきます！応用も効くようにしっかり理解していきます！
私のような言葉足らずな聞き方で理解していただきありがとうございます。。

[退会済みユーザー]

さいしょはそんなもんです。そしてむしろそここそが、はじめの一番の難問です。