- おすすめ
- メイン
- 単品
- デザート
- 飲み物
-
特製ステーキ
パンorライス付
2100.0円 （ 税込2310.0円）
-
グリルチキン
パンorライス付
1580.0円 （ 税込1738.0000000000002円）
-
白身魚の香草焼き
パンorライス付
1800.0円 （ 税込1980.0000000000002円）
-
タンドーリチキン
パン付
1440.0円 （ 税込1584.0000000000002円）
-
田舎や風ハンバーガー
1680.0円 （ 税込1848.0000000000002円）
-
トマトソースのペンネ
サラダ付
1200.0円 （ 税込1320.0円）
-
田舎ふう水餃子
780.0円 （ 税込858.0000000000001円）
-
イクラ丼
1200.0円 （ 税込1320.0円）
-
トマトとバジルのファルファッレ
サラダ付
1200.0円 （ 税込1320.0円）
Meatお肉
-
特製ステーキ
パンorライス付
2100.0円 （ 税込2310.0円）
-
グリルチキン
パンorライス付
1580.0円 （ 税込1738.0000000000002円）
-
タンドーリチキン
パン付
1440.0円 （ 税込1584.0000000000002円）
-
生姜焼き
ライス付
1750.0円 （ 税込1925.0000000000002円）
-
鶏もも肉のステーキ
パンorライス付
1900.0円 （ 税込2090.0円）
Fishお魚
-
白身魚の香草焼き
パンorライス付
1800.0円 （ 税込1980.0000000000002円）
Noodles麺
-
トマトソースのペンネ
サラダ付
1200.0円 （ 税込1320.0円）
-
トマトとバジルのファルファッレ
サラダ付
1200.0円 （ 税込1320.0円）
Rice丼物・ライス
-
寿司盛合せ
3600.0円 （ 税込3960.0000000000005円）
-
田舎や風巻寿司
1850.0円 （ 税込2035.0000000000002円）
-
納豆丼
680.0円 （ 税込748.0000000000001円）
-
親子丼
800.0円 （ 税込880.0000000000001円）
-
イクラ丼
1200.0円 （ 税込1320.0円）
Breadパン・ピザ
-
田舎や風ピザ
1680.0円 （ 税込1848.0000000000002円）
-
田舎や風ハンバーガー
1680.0円 （ 税込1848.0000000000002円）
-
クラブサンド
ドリンク付
1100.0円 （ 税込1210.0円）
-
アボカドサラダ
680.0円 （ 税込748.0000000000001円）
-
ミニトマトサラダ
590.0円 （ 税込649.0円）
-
大根サラダ
480.0円 （ 税込528.0円）
-
ミックスサラダ
620.0円 （ 税込682.0円）
-
ミニキャベツグリル
760.0円 （ 税込836.0000000000001円）
-
田舎ふう水餃子
780.0円 （ 税込858.0000000000001円）
-
もやしの和物
460.0円 （ 税込506.00000000000006円）
-
ティラミス
580.0円 （ 税込638.0円）
-
いちごとチョコのアイス
540.0円 （ 税込594.0円）
-
田舎や風プリン
550.0円 （ 税込605.0円）
-
ワッフル
480.0円 （ 税込528.0円）
-
コーヒー
500.0円 （ 税込550.0円）
-
アイスコーヒー
500.0円 （ 税込550.0円）
-
アイスオレ
620.0円 （ 税込682.0円）
-
オレンジジュース
780.0円 （ 税込858.0000000000001円）
-
ウィンナーコーヒー
620.0円 （ 税込682.0円）
-
アイスティー
500.0円 （ 税込550.0円）
-
レモンスカッシュ
650.0円 （ 税込715.0000000000001円）
制作環境と仕様について
Javaでテストメニュー立ち上げました。サイズはPCとタブレット端末を対象にしています。
こちらの画面は一般公開の表示用に作りました。横幅820pxを最小値にしています。
フロント側では、モーダルで注文リストと会計、thanks画面の流れをjsで作り、個数操作と計算処理を組みました。
ページ移行はないので注文ボタンでclickした値はオブジェクトにセットし、そのまま会計まで持っていくようにして、
注文確定すると要素は削除し、オブジェクトは空になるようにしています。
また、ログイン形式で操作用ダッシュボードも制作しました。
filterパッケージの中に専用のclassを作成。sessionスコープによりログイン判定させてます。
メニュー情報はDBに格納して、一般公開ページとダッシュボードの一覧を同じテーブルから書き出し、追加、編集、削除機能を実装しました。
DAOパターンを使うと決めていたのでMVCモデルです。
画像はURLのみDBへ保存し画像本体は専用のディレクトリに入れ、エラーとセキュリティ対策の為ファイル名はランダムな16文字の英小文字に変換しています。
制作途中にTomcatのデフォルトで何もしないとアップロードした画像は隠しフォルダの深い階層に入ってしまい、確認ができず困ってしまいました。
任意のディレクトリへ入れたい場合は画像リンク専用のサーブレットが必要になり、パスの設定もローカル環境用と本環境用に条件分岐を記述。
本環境はymlファイルから指定します。
実務ではほとんどSpring Bootが使われているそうですが、初めてのJava構築なのでフレームワークは使わず
仕組みがわかるよう素組みで開発しました。
- Java17
- Tomcat9
- Eclipse2023
- Docker4.89
- MySQL8
- XAMPP8 ※phpmyadminでMySQLとテーブルのカラム作成
- Visual Studio Code ※フロントエンドコーディング
- Figma ※デザイン作成
- Photo shop ※画像トリミング
- Mac OS14
更新日：2026年００月００日
ご注文リスト
「メニューを見る」ボタンで追加注文できます。
お会計
ご注文を承りました
こちらは注文受付画面になります。
メニュー一覧の注文ボタンを押すとjsでモーダルウィンドウが表示され注文詳細、会計、最終画面まで同一ページで完結する仕様にしています。
ページ移行がないのでjsで値を拾いオブジェクトへ追加、リアルタイムでinputから個数の変化を読み取っています。会計画面では、そのまま計算処理をして表示しています。「メニューに戻る」ボタンではオブジェクトを空の状態にしてモーダルウィンドウを非表示にする処理をしています。