4-5- 基 Web アプリケーション開発に関する知識 1
4-5- 基 Web アプリケーション開発に関する知識 スクリプト言語や Java 言語を利用して Ruby on Rails やその他 Web フレームワークを活用して HTML(4, 5) XHTML JavaScript DOM CSS といったマークアップ言語およびスクリプト言語を活用しながら Ⅰ. 概要ダイナミックなWebサービスを提供するアプリケーションを開発する際に 必要とされるスキルを学習する 基本編では Web に関する基礎的な事項を中心に学ぶ Ⅱ. 対象専門分野職種共通 Perl や PHP Ruby といったスクリプト言語の知識を有する Ⅲ. 受講対象者 開発フレームワークの講義を受講しており 開発フレームワークとは受講前提何か その概要に関する知識を有している Web のアーキテクチャと構成要素 (HTML CSS DOM および JavaScript) について理解する Web アプリケーションとは何か どのような仕組みで動作している Ⅳ. 学習目標かを理解する PHP を用いて 実際に Web アプリケーションを構築し 簡単な Web アプリケーションの構築ができるようになる 詳解 HTML&XHTML&CSS 辞典 大藤幹著 PHP による Web アプリケーションスーパーサンプル Ⅴ. 使用教科書 西沢直木著教材等 Rails によるアジャイル Web アプリケーション開発 Sam Ruby David Heinemeier Hansson Dave Thomas 著前田修吾訳 Ⅵ. 習得スキル講義終了後のレポート 定量アンケート 知識確認テストの取り組みの評価方法状況を総合的に判断して評価を行う Ⅶ. カリキュラムレベル 2( 基礎 ) 第 1 回 ~ 第 13 回の構成 2
講座内容 第 1 回 Web アーキテクチャの概要 ( 講義 90 分 ) WWW の基礎および Web アプリケーションのアーキテクチャに関する全体像と基礎知識を学習する (1) Web アプリケーションとは (2) WWW の歴史 1 Internet の歴史 2 WWW 以前の世界 3 Web ブラウザの登場とブラウザ戦争 4 商用利用と Web アプリケーションの高度化 (3) WWW の仕組み 1 ハイパーテキスト 2 リソースの特定とドメインネームシステム 3 Web アプリケーションで利用する通信技術の基礎 HTTP HTTPS (4) Web アプリケーションのセキュリティ 1 認証技術 2 クロスサイトスクリプティング等の攻撃と対策 第 2 回 Web の表現技術 (HTML と CSS)( 講義 90 分 ) Web アプリケーションにおいて各ページの構成とデザインを表現する HTML と CSS の基礎 文法や構成法 を学習する (1) Web コンテンツの構成 (2) HTML と XHTML 1 HTML 2 XHTML (3) XHTML の記述法 1 基本的な要素 2 ブロックレベル要素とインライン要素 3 ヘッダ情報 (4) CSS 1 カスケードとは 2 CSS の利点 3
3 CSS の適用法 (5) その他の留意点 第 3 回 Web の表現技術 (DOM と JavaScript)( 講義 90 分 ) Web アプリケーションにおいて各ページにおける動作を実現する JavaScript と DHTML DOMH の基礎 文 法や構成法を学習する (1) 動きのある Web サイト (2) Web ページへの JavaScript の埋め込み 1 JavaScript とは 2 JavaScript の記述法 3 イベントハンドラ 4 avascript の互換性問題 (3) DHTML と DOM 1 DHTML 2 DOM 3 DOM の要素へのアクセス (4) Web サイトの制作環境 第 4 回 Web 標準および Web アプリケーションの基礎演習 ( 講義 +ワークショップ 90 分 ) さまざまな環境で利用できる Web アプリケーションを構築するために必要な標準準拠の概念を学ぶ また演習により具体的な Web サイト構成方法を学習する (1) Web 標準とは 1 クロスブラウザ対応 2 標準モードと互換モード 3 これからの Web 標準 (2) Web サイト構築演習 1 静的な Web サイト 2 動的な Web サイト 第 5 回アプリケーションの記述言語 ( 講義 90 分 ) Web アプリケーションの構築で使用されることの多い代表的なアプリケーション記述言語について その概 要を学習する 4
(1) プログラム言語とスクリプト言語 (2) Web アプリケーションに利用されることの多い言語 1 PHP 2 Java 3 Python 4 Perl 5 Ruby 第 6 回クッキーとセッション ( 講義 90 分 ) クライアント / サーバシステムにおける一般的なセッション管理と Web アプリ開発で不可欠なクッキーを用 いたセッション管理の方法を学習する (1) セッション管理の必要性 (2) Web アプリケーションにおける問題点 1 WWW の基本はリクエスト レスポンス型 ( セッションレス ) 2 ブラウザの操作 (3) クッキーの利用 1 ユーザ情報の記録 2 状態管理 3 クッキーへのアクセス (4) クッキーを用いたセッション管理 第 7 回 Web アプリケーションの仕組み ( 講義 90 分 ) Web アプリケーションを構成する仕組みや 関連する概念 開発の概要など Web アプリケーションを理解 するための基礎を学習する (1) 3 層アプリケーション 1 クライアント サーバ データベースのレイヤー 2 3 層にする理由 3 Web アプリケーションにおける 3 層構成 4 アプリケーションサーバ (2) 各種のモデル 1 MVC モデル 2 要求分析モデル 3 O/R マッピングフレームワーク 4 DI コンテナ 5
第 8 回 PHP を用いた Web アプリケーション開発の概要 ( 講義 90 分 ) PHP の概要と PHP を用いた Web アプリケーション開発の基礎を学習する (1) PHP の概要 1 PHP の特長と歴史 2 PHP プログラムの典型的な利用方法 (2) Web アプリケーションでの利用 (3) PHP フレームワーク 1 PEAR 2 Mojavi 3 Smarty 第 9 回 PHP の文法 演算子 フロー制御 関数と配列 ( 講義 +ワークショップ 90 分 ) PHP の基礎 文法 変数 演算子 さらに条件分岐やループ プログラムの実行制御に関する話題と関数の使い方 配列などについて学習し 実際にプログラムを書いて理解する演習を実施する (1) PHP の基礎的な文法 1 変数 定数の扱い 2 演算子 (2) PHP のフロー制御 1 条件分岐処理 2 ループ ( 繰り返し ) 処理 3 例外処理 (3) 関数の利用 1 標準関数 2 ユーザ定義関数 (4) 拡張モジュールの利用 1 拡張モジュールとは 2 拡張モジュールが提供する各種の関数 (5) 配列の操作 1 配列 2 コレクション 3 多次元配列 6
第 10 回ファイルとデータベースへのアクセス ( 講義 + ワークショップ 90 分 ) PHP によるファイルやディレクトリへのアクセス方法 および データベースへのアクセス方法を学習し 実 際にプログラムを書いて理解する演習を実施する (1) ファイルの読み書き 1 ファイル操作 2 ファイルからの読み出し 3 ファイルへの書き出し (2) ディレクトリへのアクセス (3) ファイルシステムのセキュリティ (4) データベース関数の基本 1 MySQL との連携 2 PostgreSQL との連携 (5) 各種フレームワークを利用したデータベースアクセス 1 PEAR::DB 2 CakePHP 3 symfony 第 11 回 PHP の文字列操作と正規表現 ( 講義 + ワークショップ 90 分 ) PHP で文字列データを操作する方法と 簡単な正規表現による文字列処理を学習し 実際にプログラムを 書いて理解する演習を実施する (1) 文字列の操作 1 文字列の出力 2 文字列の長さの取得 3 文字列の分割 抜き出し 4 エスケープ文字の処理 5 書式 ( フォーマッティング ) 6 文字の削除 置換 (2) 正規表現 1 正規表現とは 2 パターンの表現 3 マッチングと置換 (3) 日本語文字列の取扱い 1 マルチバイト処理 2 日本語特有の変換 7
第 12 回 Web フレームワークとオブジェクト指向 ( 講義 90 分 ) PHP を用いたオブジェクト指向プログラミングの概要を学習する (1) PHP によるオブジェクト指向の基礎 1 クラスの定義 2 インスタンスの生成 3 コンストラクタ 4 カプセル化 5 継承 6 オーバライド 7 抽象クラス 8 インタフェース 第 13 回再利用可能な Web コンポーネント ( 講義 90 分 ) コンポーネントの再利用可能性について その重要性と再利用可能な開発のポイントを学習する (1) 再利用可能性とは 1 コンポーネント化の重要性 2 開発環境を利用した生産性の向上 (2) PHP による再利用可能なコンポーネント 1 VCL for PHP 2 SCA for PHP 以上 8