検索したい科目／教員名／キーワードを入力し「検索開始｣ボタンをクリックしてください。
※教員名では姓と名の間に１文字スペースを入れずに、検索してください。
Ｗｅｂプログラミング
| 令和元年度以前入学者 | Ｗｅｂプログラミング | ||||
|---|---|---|---|---|---|
| 教員名 | 尾上洋介 | ||||
| 単位数 | 2 | 学年 | 2 | 開講区分 | 文理学部 |
| 科目群 | 情報科学科 | ||||
| 学期 | 後期 | 履修区分 | 選択必修 | ||
| 授業の形態 | YouTube Liveを用いたオンライン授業を行う。 Blackboard ID：20203221 |
|---|---|
| 授業概要 | 現代的なWebアプリケーションの開発に必要となる、Webの基礎知識やJavaScript言語を用いたクライアントサイド・サーバーサイド両方でのプログラミングについて学修する。 担当教員の企業でのソフトウェア開発経験をもとに、プログラミングに関する実務的な観点からも授業を行う． |
| 授業のねらい・到達目標 | Webについての理解を深め、Webアプリケーション開発に必要な一連の技術を身に付ける。 この科目は文理学部（学士(理学))のDP6及びCP9に対応している。 |
| 授業の方法 | 講義形式の説明とWebアプリケーション開発に関する実習とを織り交ぜて行う。 ・提出されたリアクションペーパーは次回授業で返答する。 ・成果発表会の発表に対して講評を行いフィードバックする。 |
| 履修条件 | 「基礎プログラミング1」及び「基礎プログラミング2」の内容を修得済みであること。 また、「オブジェクト指向プログラミング入門」の内容を修得済みであることが望ましい。 |
| 授業計画 | |
|---|---|
| 1 |
【オンライン授業】WebとHTML/CSS
【事前学習】HTMLとCSSについて復習する （2時間） 【事後学習】授業内容を振り返り、HTMLとCSSについて説明できるようにしておく （2時間） |
| 2 |
【オンライン授業】JavaScript(1)：変数、演算、条件分岐、繰り返し
【事前学習】プログラミングの基本的な要素について復習する （2時間） 【事後学習】授業内容を振り返り、JavaScriptの基本的文法について説明できるようにしておく （2時間） |
| 3 |
【オンライン授業】JavaScript(2)：関数
【事前学習】関数の基本について復習する （2時間） 【事後学習】授業内容を振り返り、JavaScriptの関数について説明できるようにしておく （2時間） |
| 4 |
【オンライン授業】JavaScript(3)：配列とオブジェクト
【事前学習】基本的なデータ構造について復習する （2時間） 【事後学習】授業内容を振り返り、JavaScriptの基本的なオブジェクトについて説明できるようにしておく （2時間） |
| 5 |
【オンライン授業】JavaScript(4)：クラス
【事前学習】オブジェクト指向について復習する （2時間） 【事後学習】授業内容を振り返り、JavaScriptのクラスについて説明できるようにしておく （2時間） |
| 6 |
【オンライン授業】JavaScript(5)：Promiseと非同期処理
【事前学習】JavaScriptの基本的文法について復習する （2時間） 【事後学習】授業内容を振り返り、JavaScriptの非同期処理について説明できるようにしておく （2時間） |
| 7 |
【オンライン授業】JavaScript(6)：モジュール
【事前学習】JavaScriptの関数やクラスについて復習する （2時間） 【事後学習】授業内容を振り返り、JavaScriptのモジュールについて説明できるようにしておく （2時間） |
| 8 |
【オンライン授業】Webアプリケーション開発
【事前学習】これまでに学修したJavaScriptプログラミングについて復習する （2時間） 【事後学習】授業内容を振り返り、Webアプリケーション開発の概要について説明できるようにしておく （2時間） |
| 9 |
【オンライン授業】Ajax通信
【事前学習】Webアプリケーション開発について復習する （2時間） 【事後学習】授業内容を振り返り、Ajax通信について説明できるようにしておく （2時間） |
| 10 |
【オンライン授業】フォームの処理
【事前学習】Ajax通信について復習する （2時間） 【事後学習】授業内容を振り返り、フォームの処理について説明できるようにしておく （2時間） |
| 11 |
【オンライン授業】サーバーサイドプログラミング
【事前学習】フォームの処理について復習する （2時間） 【事後学習】授業内容を振り返り、サーバーサイドプログラミングについて説明できるようにしておく （2時間） |
| 12 |
【オンライン授業】Webサイトの公開
【事前学習】サーバーサイドプログラミングについて復習する （2時間） 【事後学習】授業内容を振り返り、Webサイトの公開について説明できるようにしておく （2時間） |
| 13 |
【オンライン授業】Webの標準化
【事前学習】これまでに学修した内容を復習する （2時間） 【事後学習】総合演習に取り掛かる （2時間） |
| 14 |
【オンライン授業】総合演習
【事前学習】総合演習に取り組む （2時間） 【事後学習】総合演習を完成させる （2時間） |
| 15 |
【オンライン授業】成果発表会とフィードバック
【事前学習】成果発表プレゼンテーションの準備をする （2時間） 【事後学習】フィードバックに基づいて各自講義内容の振り返りを行う （2時間） |
| その他 | |
|---|---|
| 教科書 | なし |
| 参考書 | Ethan Brown (著), 武舎 広幸 (翻訳), 武舎 るみ (翻訳) 『初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発』 オライリージャパン 2017年 第3版 山本 陽平 『Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)』 技術評論社 2010年 |
| 成績評価の方法及び基準 | 授業参画度:各回のリアクションペーパーおよび第15回に実施する成果発表会での発表内容により評価する(100%) |
| オフィスアワー | 随時受け付ける。授業時に伝えるメールアドレスにてアポイントを取ること。 |