サイト作りについての質問です。
複合条件(?)って言うんですかね。
カードゲームのカードの検索サイトを作りたいのですが。例えば画像のようなカードには
名前:青眼の白龍 属性:光 レベル:8 種族:ドラゴン カードの種類:通常モンスター
みたいなテキストなどがあります。
で、複数のプルダウンやラジオボタン等で属性:光 レベル:8 種族:ドラゴン
みたいな感じで検索して画像のカードを表示させたいのです。
どのようなソースコード入力すればいいのでしょうか
また、言語としては、どれが一番適切でしょうか?
詳しい方ご教授の方をよろしくお願いします。
No.1ベストアンサー
- 回答日時:
案1.
単純な HTML + JavaScript で画面を実装
サーバー側の処理が不要なので管理しやすい
// 実装例
<form name=searcher>
<input name=条件1>
<input name=条件2>
<button type=submit>検索</button>
</form>
<script>
var カード情報一覧 = [ {名称:"XXX", 画像:"YYY.jpg", 条件1:"AAA", 条件2:"BBB", ..}, ... ];
document.forms['searcher'].addEventListener('submit', 検索処理, false);
function 検索処理(event) {
_ フォームから検索条件を読み取る();
_ 条件に一致するカード情報を探す();
_ 見つかったら画面内に結果を表示();
}
</script>
案2.
ブラウザ上で動作する JavaScript UI フレームワークを使い画面を実装
構造としては案1と同様なので、サーバー側の処理が不要
参考
https://jp.vuejs.org/
案3.
サーバー側で動作する JavaScript Web フレームワークを使い画面を実装
サーバーの環境整備やセキュリティ等の管理の手間が増える
通常はブラウザ上で動作する JavaScript も必要なので、案1や案2と併用することが多い
参考
https://expressjs.com/ja/
案4.
サーバー側で動作する Web サーバーのフレームワークを使い画面を実装
構造としては案3と同様
言語は一般的には Java / C# 等の重量級や PHP / Python 等の軽量級がよく使われるが、お好みでどうぞ。
ただし案1や案2と併用する場合、ブラウザ上は必ず JavaScript で書くので注意
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【追加質問】レイアウトが異な...
-
fortran write文について マチ...
-
vba クリップボードクリアにつ...
-
ホームページのプログラムの見...
-
コトリン言語について。
-
Google ColaboでGUI作成
-
C言語などをマスターして、人生...
-
Google Colabでimport soxが出...
-
プログラミング初心者です。 Wi...
-
このURLで広告を出しているのは...
-
AIのプログラムについて教えて...
-
python エラー
-
強化学習の環境作成、AI。自動...
-
batファイル、コマンドプロンプ...
-
このプログラミング言語のfor分...
-
テキストファイルの1行目のみを...
-
ExcelVBAでFormulaR1C1を列範囲...
-
プログラミングについて プログ...
-
pythonでAmazonのほしいものリ...
-
google Colabでmatplotlibの描...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NET(VB)VBソースからJavas...
-
JSTLを利用してJavascriptの結...
-
PHPでフォームの自動入力できま...
-
ブラウザ閉じたらサーバー処理...
-
sleepの負荷
-
読み込み中に「Now Loading」を...
-
呼び出し元のURLを知りたいのです
-
PHPでpostされた値をクライアン...
-
PHPでメッセージボックス表示
-
jQueryのAjaxで通信の途中結果...
-
php ob_flushが全く動作しない
-
PHPにコネクションプールってあ...
-
関数内の排他制御について
-
PHPでリアルタイムカウンターを...
-
10秒毎に同じプログラムを繰り...
-
入力されたURLから、そのページ...
-
PHPのプログラムが同時に呼び出...
-
WinSockにおけるポーリングの是...
-
may be mail server is downと...
-
PHPで タイピング練習サイトを...
おすすめ情報