社会学部Faculty of Social Sciences
COT300ED（計算基盤 / Computing technologies 300）ウェブ・プログラミングＢWeb Programming B
森 幹彦
授業コードなどClass code etc
| 学部・研究科Faculty/Graduate school | 社会学部Faculty of Social Sciences |
| 添付ファイル名Attached documents | |
| 年度Year | 2023 |
| 授業コードClass code | LD019 |
| 旧授業コードPrevious Class code | |
| 旧科目名Previous Class title | 【2017年度以前入学者向け科目名称】プログラミング中級Ｂ |
| 開講時期Term | 秋学期授業/Fall |
| 曜日・時限Day/Period | 月3/Mon.3 |
| 科目種別Class Type | |
| キャンパスCampus | 多摩 |
| 教室名称Classroom name | 情報実習室３ |
| 配当年次Grade | 2～4 |
| 単位数Credit(s) | 2 |
| 備考（履修条件等）Notes | 受講許可が必要。詳細は「クラス指定科目・抽選科目・受講許可科目について」参照。 |
| 他学部公開科目Open Program | |
| 他学部公開（履修条件等）Open Program (Notes) | |
| グローバル・オープン科目Global Open Program | |
| 成績優秀者の他学部科目履修制度対象Interdepartmental class taking system for Academic Achievers | |
| 成績優秀者の他学部科目履修（履修条件等）Interdepartmental class taking system for Academic Achievers (Notes) | |
| 実務経験のある教員による授業科目Class taught by instructors with practical experience | |
| SDGsCPSDGs CP | |
| アーバンデザインCPUrban Design CP | |
| ダイバーシティCPDiversity CP | |
| 未来教室CPLearning for the Future CP | |
| カーボンニュートラルCPCarbon Neutral CP | |
| 千代田コンソ単位互換提供（他大学向け）Chiyoda Campus Consortium | |
| 入学年度Admission year | |
| カテゴリーCategory | |
| カテゴリー（2022年度以降入学者）Category (2022～) | 講義・実習科目 |
| カテゴリー（2018～2021年度入学者）Category (2018～2021) | 講義・実習科目 |
| カテゴリー（2017年度以前入学者）Category (～2017) | 講義・実習科目 |
| コース・プログラム名Course/Program name |
すべて開くShow all
すべて閉じるHide All
Outline (in English)
In this course, students will learn programming techniques for Web applications using JavaScript and understand how to design appropriate interactions in Web applications. Moreover, students will practice by creating their own Web applications.
The goal of this course is as follows:
(1) To be able to process data by programming,
(2) To be able to make Web applications work as intended,
(3) To be able to choose appropriate interactions according to the published information.
Students should read the materials introduced in advance as preparatory study. It is recommended that students actually trying out the materials. During the review time, students are required to submit reports assigned at appropriate times. In addition, students are required to work on their final projects outside of class time.
Grades are assigned as follows.
Report assignment (70%): A short report based on the in-class assignment is used to assess comprehension.
Project deliverables (30%): Comprehensive understanding of the production method is assessed based on the work produced.
授業で使用する言語Default language used in class
日本語 / Japanese
授業の概要と目的（何を学ぶか）Outline and objectives
本科目では、Webアプリケーションのプログラミング手法をJavaScriptを用いて学ぶ。その際に、Webアプリケーションにおける適切なインタラクション(相互作用)の設計について理解する。これらをWebアプリケーションの制作を通じて実践する。
到達目標Goal
(1) プログラミングによりデータを加工できる。
(2) Webアプリケーションを意図どおりに動作させられる。
(3) 発信する情報に応じた適切なインタラクションを選べる。
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか（該当授業科目と学位授与方針に明示された学習成果との関連）Which item of the diploma policy will be obtained by taking this class?
社会学部のディプロマポリシーのうち，DP2・DP4に関連。 DPについてはこちら https://www.hosei.ac.jp/shakai/info/article-20200325181407/
授業で使用する言語Default language used in class
日本語 / Japanese
授業の進め方と方法Method(s)（学期の途中で変更になる場合には、別途提示します。 /If the Method(s) is changed, we will announce the details of any changes. ）
各回のテーマに沿った例題をベースにして動作を確認していく。最終的に、各自の興味に応じたWebアプリケーションの制作を企画し実施する。それを目指して、各回の授業内で課題を通じて理解を深める。その際に、自身の制作に関係づけて試行錯誤をする。なお、授業計画は授業の展開によって変更する可能性がある。
アクティブラーニング（グループディスカッション、ディベート等）の実施Active learning in class (Group discussion, Debate.etc.)
あり / Yes
フィールドワーク（学外での実習等）の実施Fieldwork in class
なし / No
授業計画Schedule
授業形態/methods of teaching：対面/face to face
※各回の授業形態は予定です。教員の指示に従ってください。
第1回[対面/face to face]：ガイダンス・プログラミングの基礎
授業の概要説明をする。また、コンピュータの動作原理を知る。
第2回[対面/face to face]：Webアプリケーションの仕組み
ブラウザ上でアプリケーションが動く仕組みを理解する。
第3回[対面/face to face]：変数と演算子
データを操作し保存する方法を理解する。
第4回[対面/face to face]：オブジェクトとデータ型
オブジェクトとデータの関係を理解する。
第5回[対面/face to face]：条件分岐と条件付き繰り返し
if構文とwhile構文の使い方を理解する。
第6回[対面/face to face]：繰り返し処理
for構文を使った繰り返し処理の方法を理解する。
第7回[対面/face to face]：DOMの操作
Web文書の内部形式DOMをJavaScirptから操作する方法を理解する。
第8回[対面/face to face]：関数とイベントハンドリング
ユーザの操作が伝わる仕組みと、そのために必要な関数という考え方を理解する。
第9回[対面/face to face]：フォームデータの処理
ブラウザ上の要素からのイベントを取り込む方法を知る。
第10回[対面/face to face]：定期的な処理
一定間隔で繰り返す処理について理解する。
第11回[対面/face to face]：Webアプリケーションの企画
Webアプリケーションを制作する準備をする。グループ内で企画を相互評価する。
第12回[対面/face to face]：Webアプリケーションの制作
企画にしたがってWebアプリケーションを制作していく。
第13回[対面/face to face]：Webアプリケーションの修正
教員や他の学生からのフィードバックをもとに、コンテンツの修正をする。
第14回[対面/face to face]：発表と相互評価
制作したWebアプリケーションを発表し相互評価する。
授業時間外の学習（準備学習・復習・宿題等）Work to be done outside of class (preparation, etc.)
準備学習・復習時間は各2時間を標準として授業を進める。
準備学習として事前に紹介する資料をよく読んでおかなければならない。必要に応じて実際に試しておくことを勧める。復習時間には、適宜課したレポート課題を提出する。この他に、Webアプリケーションの制作は授業時間外にも作業を進めなければならない。
テキスト（教科書）Textbooks
適宜資料の配布と提示を行う。
参考書References
授業内で参考資料をその都度提示する。HTML, CSS, JavaScriptの参考書は無償、有償を問わず多数ある。自分に合ったものを探して用意してよい。
成績評価の方法と基準Grading criteria
レポート課題(70%)：授業内の課題をもとにした毎回の小レポートにより理解度を評価する。
課題成果物(30%)：制作方法への総合的な理解について2回の制作物をもとに評価する。
学生の意見等からの気づきChanges following student comments
学生の進捗に合わせて授業進度や難易度の調整をする。
学生が準備すべき機器他Equipment student needs to prepare
情報実習室を利用する。
その他の重要事項Others
ウェブ・プログラミングAの事前受講を強く推奨する。ウェブ・プログラミングAを既習のものとして、HTMLとCSSについての説明は行わない。
質問は原則授業中に受け付ける。その他のコミュニケーション手段でも受け付ける。詳細は，初回授業で説明する。