高性能計算研究室(幸谷研究室)@静岡理工科大学謹製

HTML5 + JavaScript + Bootstrap + MySQLによる

Webアプリケーション開発入門

Produced by

T.Kouya Laboratory@SIST: From 2015 to 2022

Last Update: 2022-12-27 (Tue)
本サイトについて

第0章はじめに

本教材の目的とWebアプリケーションについて

第1章クライアントサイドのWebページの基礎

HTML: →Webページの構造を規定する「HTML」を簡単に紹介します。
CSS: →Webページの見栄えを細かく指定することができる「CSS」を説明します。
フォーム: →ユーザからの情報の受け渡しを目的とした機能「フォーム」について説明します。
JavaScriptの基礎: →HTML内で動作する「JavaScript」について説明します。
DOM(Document Object Model)とJavaScript: →HTMLの要素がオブジェクトであることを理解し，JavaScriptの役割について簡単に解説します。
練習問題

第2章サーバサイドのJavaScriptプログラミング

node.jsのインストールと起動: →Node.jsとその使い方を説明します。
expressフレームワーク: →expressフレームワークに基づくサーバサイドのWebアプリケーション構築方法について説明します。
セッション: →expressから利用するセッションについて説明します。
練習問題

第3章リレーショナルデータベース(RDB)の基礎

データベースについて: →データベースについて説明します。
新規データベースの作成: →実際にデータベースを作成します。
テーブルの作成:CREATE: →データベースのテーブルを作成します。
データ型の説明: →カラムにどのようなデータを入れるのかを示すデータ型について説明します。
データの挿入・変更・消去・検索: →SQL文を通じてデータベースを操作する方法について説明します。
練習問題

第4章 JavaScript＋データベースのシステム作成

JavaScriptとMySQLのリンク: →JavaScriptでデータベースを操作する方法を説明します。
SQL文の実行: →実際にJavaScriptでSQL文を実行する方法を説明します。
データベース接続の共通化とCRUDシステムの完成: →接続プログラムの作成をします。
練習問題

第5章 Webアプリケーションシステムの制作

システムの構造: →システム構造を考えます。
データベース構造: →データベースの構造を考えます。
ログインシステム: →ログインシステムについて説明します。
ユーザー登録（入力）: →ユーザー登録の入力ページについて説明します。
教材管理システム: →教材管理ページの説明をします。
システムの改良: →セキュリティに配慮した改良について説明します。
管理者ユーザの追加: →管理者ユーザの追加とチェック機能を説明します。
課題提出システム: →課題提出システムについて説明します。
一般ユーザの機能制限: →管理者と一般ユーザが使える機能の変更を行います。

第6章 Apache Cordovaを用いたハイブリッドアプリケーションの開発

ハイブリッドアプリケーションとApache Cordova: →ハイブリッドアプリケーション開発環境，Apache Cordovaについて簡単に説明します。
計算アプリの作成: →簡単なSPAとして幾つかの計算アプリを作成します。
Indexed DBを用いた住所録: →ブラウザで動作するIndexed DBを使用した住所録を作成します。
じゃんけんアプリの作成: →簡単なゲーム作り込んでいきます。
課題レポート

第7章 MVCモデルの活用:FullCalender

MVC(Model-View-Controller)とFullCalendar: →MVCモデルの考え方とFullCalendarの機能を紹介します。
画面(View)の構築: →FullCalendarを使って画面(View)を構築します。
データベース(Model)とNode.jsによるコントローラーの作成: →データベースにスケジュール(イベント)を保存できるようにします。
スケジューラーの完成: →すべての機能をくみ上げてスケジューラーを完成させます。

Copyright (c) 2014-2022 幸谷研究室 @ 静岡理工科大学 All rights reserved.
Copyright (c) 2014-2022 T.Kouya Laboratory @ Shizuoka Institute of Science and Technology. All rights reserved.

Powered by