JavaScript Webサイト制作-10日目(JSON)
この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの...
mjpurin
JavaScript 
JSP&Servlet JSP & Servlet-11日目(CSVパース)
株価csvファイルの読み書きを読みこんで表を作成してみよう。●株価csvファイルリクエストを投げると、以下のようなWEBページが表示される。●●株価表の作成●●1.エクリプス動的プロジェクトからを作成。２．下から株価csvファイルをダウンロ...
JSP&Servlet JSP & Servlet-10日目(ファイルの読み書き)
Webアプリケーションのデータの保存はデータベースが基本だが、データベースを使うまでもないちょっとした処理ならばファイルの読み書きで済ましてしまうことも多い。今回はServletからのファイルの読み書きを練習しよう。1.まずは新規動的アプリ...
JSP&Servlet JSP & Servlet-9日目(DAOを使ったCRUDシステム)
DAOを使って基本的なCRUDを実現しよう。今回は処理の一つ一つがわかりやすいようにファイルを分割し、装飾的要素もつけないで行う。１．MySQLでデータベースを作成する。2．データベースpersonappにテーブルを作成する。3.初期データ...
JSP&Servlet JSP & Servlet-8日目(MySQLとの連携)
いよいよMySQLと連携させて、標準的なCRUDアプリを作成してみよう。●スタート画面●フォームに入力する●登録ボタンを押すと、登録しましたというメッセージが表示されるとともに下部にリストアップ。●同様の作業を繰り返し3件ほど登録する。●更...
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は...