Webコミュニケーション

• 青山学院大学 地球社会共生学部 (GSC)
• 後期: 火曜4限 (15:05~16:35)

概要

本講義では、Webを中心とした情報コミュニケーション技術の基本的な知識・リテラシーを理解し、プログラミング演習を通して最も身近なデジタルコンテンツであるWebコンテンツの開発とその発展的な利用方法を習得する。演習では、JavaScriptを用いて基礎的なプログラミングだけでなく、応用的な機能開発や多様なメディアの扱い、さまざまな形式のデータ処理、クラウドサービスとの連携による業務の効率化、AIと連携したアプリケーションの開発をおこなう。

ソフトウェア

授業で使用するソフトウェア

• Google Chrome
• Google Drive
• Visual Studio Code (VSCode)

スケジュール

1	イントロダクション	授業の概要、課題、成績評価方法などについて解説し、演習に必要なソフトウェアのインストールとセットアップを行う。
2	検索エンジンと情報検索	Webの仕組みと膨大な量のWeb情報から特定の情報を探す技術について解説する。
3	Webプログラミング基礎①	HTMLとJavaScriptを用いたプログラミング演習をおこなう。基本的なプログラミング方法の確認のため簡単なWebコンテンツの開発をおこなう。
4	Webプログラミング基礎②	演習としてHTMLとJavaScriptを用いてWebコンテンツを実装する。DOM操作やイベント処理を導入してWebページを動的にする。
5	データベースとクラウドサービス	情報システムの実現に欠かせないデータベースとクラウドについて取り上げて講義をおこなう。
6	Google Apps Script	Googleのアプリケーション上でJavaScriptを実行する Google Apps Script (GAS) を用いて演習をおこなう。GASを使ったプログラミングの基礎を取り上げる。
7	データベースとデータ処理	数値やテキストなどさまざまな形式のデータをプログラムから処理する。スプレッドシートをデータベースとして用いるため、スプレッドシートを連携してデータの取得、書き込みなどをおこなう。
8	フォームとデータ収集	Webプログラミング技術の1つであるフォームについての説明と、Google Forms のようなフォーム作成サービスを用いたデータの送信と処理をおこなう。
9	Webスクレイピング	Webページから情報を抽出する技術であるスクレイピングを利用してデータの収集と処理、データベースとしてのスプレッドシートへの書き込みをおこなう。
10	データの可視化	スプレッドシートに保存したデータを用いてグラフを作成し、収集・加工したデータを可視化する。
11	マイクロサービス開発	クラウドサービスを連携してマイクロサービスの開発演習をおこなう。Google Forms, Google Calendar, Gmail を連携した予約管理システムを構築する
12	AI連携	ChatGPTやGeminiなどの大規模言語モデル（LLM: Large Language Model）をプログラムから操作するプロンプトエンジニアリングの演習をおこなう。
13	AIアプリケーション開発	クラウドサービスとLLMを連携した簡易的なAIアプリケーションを開発する。UI構築とチャットボットの実装をおこなう。
14	コンペティション	これまでに学習した内容をもとに各自でオリジナルのアプリケーションを考案、開発する。この回では、開発したアプリケーションについてのプレゼンテーションをおこなう。
15	総合演習	これまでの総括と最終課題の解説、演習。