JSP&Servlet JSP & Servlet-8日目(MySQLとの連携)
いよいよMySQLと連携させて、標準的なCRUDアプリを作成してみよう。●スタート画面●フォームに入力する●登録ボタンを押すと、登録しましたというメッセージが表示されるとともに下部にリストアップ。●同様の作業を繰り返し3件ほど登録する。●更...
プログラミング
JSP&Servlet JSP&Servlet JSP & Servlet-7日目(Applicationスコープ)
Applicationスコープを利用して製品登録アプリを作ってみよう。デザインは管理画面をサクッと作る際にとても役にたつBootstrapを利用する。●スタート画面●フォームに入力する●登録ボタンを押すと、登録しましたというメッセージが表示...
JSP&Servlet JSP & Servlet-6日目(Session)
Sessionを利用して、以下のようなお問い合わせフォームを作成しよう。●スタート画面●フォームに入力する●確認ボタンを押すと、確認画面に遷移する。●戻るを押すと、フォームに戻る(その際、入力内容が表示されている)●内容を編集する●確認を押...
JSP&Servlet JSP & Servlet-5日目(Cookie)
ブラウザに一時的にデータを保存するCookieを学ぼう。まずはControllerとviewを作成●controller.Index.java●WEB-INF/view/index.jsp実行してみて、以下のように表示されれば成功だ。ブラウ...
JSP&Servlet JSP & Servlet-4日目
MVCモデル使って以下のアプリを作成せよ。Modelにはbeans,Viewにはjsp,Controllerにはservletを使うこと。正常系のみを考慮し、バリデーション（入力値チェック)は行わなくて良い。Q1.フォームから情報を入力する...
JSP&Servlet JSP & Servlet-3日目
ここまでの内容で少し演習問題を解いてみよう!Q1.jspを使って以下を出力せよ。リストの表示にはol(OrderedList)を使うこと。Q2.jspを使用し以下のような九九表を出力せよ。Q3.以下のような質問出し、それに解答すると「正解!...
JSP&Servlet JSP & Servlet-2日目
Q1.２つの整数を入力し、ボタンを押すと２つの整数の和を求めるアプリを作成せよ。入力画面、出力画面ともにjspで作成し、送信にはGETを使用すること。（正常系のみを考慮すればよい）●スタート画面●数値を入れ、ボタンを押すと結果が表示される。...
JSP&Servlet JSP & Servlet-１日目
Q1_1.Servletを使って、以下のようなページを作成しよう。Servletファイル名はリクエストurlは下の画像参照のこと。(計算はプログラムですること)必要であれば以下をコピペしてつかってよい。Q1_2.Q1_1と同じ内容を出力する...
MySQL MySQL-4日目(基本文法2演習)
MySQLを使って以下の手順で作業を進めよ。●sales_appデータベースを文字コードUTF-8で作成する。●sales_appにdepsテーブルを作成する。カラム構成は以下id 整数 主キー 自動連番dep 可変長文字列(30) NOT...
MySQL MySQL-3日目(基礎文法2)
MySQLを基本文法の2回目だ。MySQLを使いこなす上で必須の技数々。以下の内容を実行を伴って行いたい人は、以下ファイルをダウンロードして拡張子をsqlに変更。その後インポートし、データベースを作成した後行うとよい。●カラム別名 AS(取...
MySQL MySQL-2日目(基本文法1演習)
MySQLを使って以下の手順で作業を進めよ。●lesson_appデータベースを文字コードUTF-8で作成する。●lesson_appにbooksテーブルを作成する。カラム構成は以下id 整数 主キー 自動連番category 可変長文字列...
MySQL MySQL-1日目(基礎文法1)
MySQLを4つの基本機能CRUDを中心に解説する。今回はもっともベーシックな部分だ。●データベース作成●データベース削除●テーブル作成●テーブル削除●カラムには型を指定する。よく使う型の一覧INTFLOATDOUBLECHAR /*固定長...
JavaScript Webサイト制作-9日目(JavaScript)
JavaScriptといえばイベント処理だ。ここまででもクリックイベントは出てきたが様々なイベントがあるさっそく見ていこう。●jsLesson9.html11行目:window.onload=function(){};文書読み込み完了後に処...
JavaScript Webサイト制作-8日目(JavaScript)
JavaScriptはオブジェクト指向言語の側面も持っている。オブジェクトを見ていこう。jsでは波括弧でオブジェクトを定義する。以下は空のオブジェクト以下はpenオブジェクト。プロパティ名:値でプロパティを定義していく。昨今のjsはクラス構...
JavaScript Webサイト制作-7日目(JavaScript)
JavaScriptは現在もっとも人気のある言語だ。この先も活躍の場が広がることが予想され、学んで損のないコスパの高い言語と言って良いだろう。それでは、さっそくやっていこう。まずは以下のようなjsLesson1.htmlを作成する。●jsL...
website Webサイト制作-6日目(form)
今回はユーザーからのデータを受け取る時とかに使う。formについて学習しよう。デスクトップあたりにでもformLesson.htmlを作成し以下を入力しよう。ブラウザで確認してみよう。以下のように表示されれば成功だ。8,11行目:formは...
website Webサイト制作-5日目(レスポンシブ)
現在はpcでwebを見る人よりスマホなどのモバイルデバイスでwebを見る人の方が多い。なのでサイト制作もモバイルでの利用を最大限考慮しなくてはならない。今回はモバイルにも対応させたサイトを作ってみよう。注)aspect-ratioプロパティ...
website Webサイト制作-4日目(レイアウト)
記事をアップデートしましたhtmlとcssの基本がわかったところで、基本的なレイアウトを作ってみよう。いつものようにLesson6フォルダを作り、その中にcss,js,imagesフォルダを作成し、lesson6_1.htmlとmain_1...
website Webサイト制作-3日目(css)
今回はいよいよCSSで見た目を整形していく。まずは前回のようにLesson5フォルダを作り、その中にcss,js,imagesフォルダを作成する。●lesson5.htmlここまで打ったら、保存してブラウザで見てみよう。下のようになったら成...
website Webサイト制作-2日目(画像、YouTube)
前回は作ったファイルをデスクトップに保存していたが、実際はサイトごとにフォルダを作って管理するのが一般的だ。Lesson4フォルダを作ってその中にcss,js,imagesフォルダを作成しよう。次に、以下の画像を右クリックからダウンロードし...