計算機能によるweb

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
私の質問は、このwebサイト制作に関してHTML&CSS以外に習得すべき言語を教えていただきたいということと、HTMLでセル自体がボタンになっている表の作り方を教えていただきたいです。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

エラーメッセージ

### 該当のソースコード

```ここに言語名を入力
ソースコード

試したこと

indexは制作しました。
ここに問題に対して試したことを記載してください。

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

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

Comments

[m.ts10806]

要件部分がコードブロックに隠れて把握しづらくなっています。
質問テンプレート部分は無理に全部使う必要はないので適宜調整して(不要項目は削るなど)、伝わりやすい表現を心がけてください。(質問は編集できます)

Answer 1

ぜひ開発してください

Answer 2

1.書いてあることだけで良い場合

• JavaScriptだけで実現可能です。

取っつきやすさだけで言うと、JavaScriptのライブラリであるjQueryを使うと色々楽が出来ます。
この場合、画面遷移を伴わずに計算が出来るのでデザイン/UI的には良い感じに調整しやすいです。

• PHP等のサーバサイド言語だけでも実現可能です。

言語の選択は色々な観点がありますが、安価&簡単に動く環境が手に入るという観点で言えばPHPが群を抜いていると言えます。
この場合は基本的には計算を行うには画面遷移を伴うので、デザイン/UI的には古い感じになります。
（JavaScriptも組み合わせればその限りではありませんが、覚えることはかなり増え、入門書一冊では足りなくなってきます）

2.実は書いていないことも想定される場合

例えば

• 技が追加されたらweb上の管理画面にログインして、フォームを追加したい
• 技の点数が変更されたら管理画面から点数を変更したい

と言ったことを考え始めると、

• サーバサイド言語とRDBMSの知識（それが動く環境を含む）が必要になってきます。

この場合も基本的には計算を行うには画面遷移を伴うので、デザイン/UI的には古い感じになります。
（JavaScriptの組み合わせについてもサーバサイド言語のみと同様）

おすすめ

三つのうち、自分の方向に合いそうな方法でとりあえずプロトタイプを作ってしまうことをお勧めします。
プロトタイプをその後どうするか（そのままリリースするか、知見を活かして他の方向/同じ方向で作り直すか）は出来上がったタイミングの技術力と判断力で決めればいいので。

Answer 3

スプレッドシートなどを埋め込むと早いと思います。
https://www.appsupport.jp/docs/embed/

Answer 4

spreadsheetとかどうですか？？

Answer 5

何を制作したかわかりませんし、どんな物を製作したいかのイメージも全くわからないのですが…。
とりあえず、 Vue.jsとか勉強してみてはいかがでしょうか？

Answer 6

HTML&CSS以外に習得すべき言語

サーバーサイドの言語（PHPなど）
データベース（MySQLなど）

どれにするかは色々調べてみて試してみてお好みで。

HTMLでセル自体がボタンになっている表の作り方

trにもtdにもonclickイベントが付与できたはずなので、
それで代用。

どのように使いたいかでその後の処理を決めてください。