基本情報/Basic Information

開講科目名 ／Course	情報通信ネットワークb／INFORMATION NETWORK(B)
ナンバリングコード ／Numbering Code	【19カリ】22-1032 【24カリ】22-2074
開講所属 ／Course Offered by	経済学部経営学科／ECONOMICS MANAGEMENT
ターム・学期 ／Term・Semester	2026年度／2026 Academic Year　　秋学期／FALL SEMESTER
曜限 ／Day, Period	金4／Fri 4
開講区分 ／semester offered	秋学期／Fall
単位数 ／Credits	2.0
学年 ／Year	2,3,4
主担当教員 ／Main Instructor	今福　啓
遠隔授業科目 ／Online Course	－

担当教員情報/Instructor Information

教員名 ／Instructor	教員所属名 ／Affiliation
今福　啓	経営学科／MANAGEMENT

授業の目的・内容 ／Course Objectives	この講義では、情報通信ネットワークaで学習したネットワークの知識をもとに、プログラミング言語Pythonを使ってネットワークを利用するプログラム作成を行います 具体的にはWebサイトから必要な情報を自動で取り出すスクレイピングと、フロントエンド（クライアント）とバックエンド（サーバー）に処理を分けたプログラム作成を行います 講義を通じて、ネットワークを使用するプログラムの構造と作成手順を修得します ---------- この講義では経済学部の学位授与方針に掲げる能力を育成するため、教育課程の編成・実施方針が示す学科専門科目としてコンピュータに関連する専門的な知識を習得し、コンピュータを実践的に使用するために必要となる力を身につけます 履修後は、履修系統図が示す2年次以降の学科専門科目、教職関連科目、演習科目の学修を円滑に進めることができます
授業の形式・方法と履修上の注意 ／Teaching method and Attention the course	講義は一般教室で、各自が持参したコンピューター（WindowsまたはMac）を使って行います PC教室を使用しませんので、毎回コンピューターを持参してください バッテリーの劣化などにより講義時間中にコンピューターを電源に接続する必要がある場合は、各自のコンピューター用のアダプターも持参してください 電源タップは貸出します この講義は経済学部の必修科目「コンピューターリテラシーb」で学習したプログラミング言語Pythonを使用しますので、Pythonを使ったプログラム作成を復習します ただし受講生の習熟度によって学習する内容が変わるため、この回はオンデマンド形式（各自で動画を視聴して学習する）で行います
使用言語 ／Language used	日本語/Japanese
採用している授業方法 ／Teaching methods used	実習/Practical_training
事前・事後学修の内容 ／Before After Study	授業計画詳細情報にある事前・事後学修の内容を参照してください ---------- 大学設置基準が定める学修時間に従い、1回の講義につき事前学修120分、講義時間100分、事後学修120分の学修時間となることを想定しています
テキスト1 ／Textbooks1	書籍名 ／Title 著者 ／Author name 出版社 ／Publisher ISBN ／ISBN その他（任意） ／other 指定するアドレスで閲覧できる講義資料に従って進めます 資料の閲覧にはスマートフォンやPCなどWebサイトに接続できる機器が必要となりますので、講義の際に持参してください
テキスト2 ／Textbooks2	書籍名 ／Title 著者 ／Author name 出版社 ／Publisher ISBN ／ISBN その他（任意） ／other
テキスト3 ／Textbooks3	書籍名 ／Title 著者 ／Author name 出版社 ／Publisher ISBN ／ISBN その他（任意） ／other
参考文献等1 ／References1	書籍名/ｻｲﾄ名 ／Title 著者 ／Author name 出版社/URL ／Publisher ISBN ／ISBN その他（任意） ／other
参考文献等2 ／References2	書籍名/ｻｲﾄ名 ／Title 著者 ／Author name 出版社/URL ／Publisher ISBN ／ISBN その他（任意） ／other
参考文献等3 ／References3	書籍名/ｻｲﾄ名 ／Title 著者 ／Author name 出版社/URL ／Publisher ISBN ／ISBN その他（任意） ／other
評価方法 ／Evaluation	講義時間中に作成したプログラムをGoogleフォームに提出し、その内容を評価します（100%）。 期末の試験やレポート提出はありません。 Googleフォームにノートを提出すると、自動で確認メールが送信されます。 届いたメールは課題を提出したことの証明となりますので、必ず保存してください。 締切後の課題提出は受け付けませんので注意してください。
関連科目 ／Related Subjects	コンピュータアーキテクチャ、情報通信ネットワーク、プログラミング論、データベース論、マルチメディア論、Webデザイン論、システムズ・エンジニアリング、データマイニング論、アルゴリズム論、AI入門、データサイエンス入門、情報システム概論
備考 ／Notes
到達目標 ／Learning Goal	21世紀の重要なインフラストラクチャとなった情報通信ネットワークに関する専門知識を習得し、情報通信技術の活用ならびにネットワーク環境の構築について分析のうえ、見解を提示できるようにする。
DPとの関連 ／Relation to DP	○:幅広い教養 ◎:情報分野における専門的知識

回 ／Time	授業計画（主題の設定） ／Class schedule	授業の内容 ／Contents of class	事前・事後学修の内容 ／Before After Study
1	講義の準備（使用するツール）、進め方、成績評価	各自のコンピューターを持参する。Google Chrome、Google Colaboratory、講義の進め方、成績評価の方法を説明する	【事前学修】講義で学ぶ内容を授業概要を通じて理解する 【事後学修】講義で使用するソフトウェアを正しく使用できるか確認する
2	プログラミング言語Python（オンデマンド形式）	Pythonによるプログラム作成について確認する	【事前学修】Pythonの文法とプログラム作成の手順を確認する 【事後学修】Googleドライブのマウント、モジュールpandasやmatplotlibの使用方法を復習する
3	スクレイピング1　データを取得する手順	HTMLファイルから必要な情報を取り出すスクレイピングに必要な知識を学習した上で、獨協大学のWebサイトを使って実際にスクレイピングを行う	【事前学修】スクレイピングとは何か調べる 【事後学修】CSSセレクターを指定する方法を理解できたか確認する
4	スクレイピング2　一般のWebサイトで実行する	一般のWebサイトでスクレイピングを行う際に確認する必要のあるrobots.txtの内容を理解し、指定するサイトを使ってスクレイピングを行う	【事前学修】スクレイピングにより問題となった事例を調べる 【事後学修】階層構造になっているページからデータを読み込んで処理する方法を復習する
5	スクレイピング3　別のWebサイトでスクレイピング	別のサイトを使ってスクレイピングを行い、理解を深める	【事前学修】スクレイピングの手順を確認する 【事後学修】今回のスクレイピングで得られた情報の内容を確認する
6	モジュールgradioを使ったフロントエンド／バックエンドプログラミング	GUIを使用するプログラムを簡単に作成できるモジュールgradioを使って、スクレイピングしたデータから必要なデータを取り出して表示するプログラムを作成する	【事前学修】モジュールgradioについて調べる 【事後学修】gradioを使うことで、外部ネットワークからも利用できることを確認する
7	JavaScriptを使ったページのスクレイピング	これまでの方法では情報を取り出せないJavaScriptを使用しているWebサイトで、Seleniumを使ってスクレイピングを行う	【事前学修】JavaScriptがどのようなものか調べる 【事後学修】今回のスクレイピングで得られた情報の内容を確認する
8	ngrok（エングロック）を使ったプログラミング	今後使用するモジュールFlaskをColaboratoryで使用する際に必要なngrokの使用方法と動作の確認を行う	【事前学修】ngrokが何であるか調べる 【事後学修】ngrokが正しく使用できることを確認する
9	Flaskを使ったWebアプリケーション開発	ネットワークプログラミングが容易なWebアプリケーションフレームワークのFlaskを使ってプログラムを作成する流れを理解する	【事前学修】Flaskで必要となるPythonのデコレーターとは何か調べる 【事後学修】Flaskでのプログラム作成手順を復習する
10	フロントエンド、バックエンドに処理を分ける	簡単な例を使って、プログラムをフロントエンドとバックエンドに分ける手順と実行の流れを理解する。Colaboratoryをサーバーとして利用する方法を学習し、作成したプログラムの動作を確認する	【事前学修】フロントエンド、バックエンドの役割を調べる 【事後学修】通常のプログラムとWebアプリケーションの動作の違いを復習する
11	Flaskのテンプレートエンジンを使う	テンプレートエンジンJinja2を使ってHTMLに変数の値を埋め込む方法、制御構文で条件に応じて処理する方法、フィルターを使ってデータを加工する方法を学習する	【事前学修】FlaskのテンプレートエンジンとJinjaを調べる 【事後学修】Jinja2でHTMLに追加される要素を確認する
12	スクレイピングで取得したデータを使ってFlaskのプログラムを作成する	スクレイピングで取得したデータをFlaskで処理し、フロントエンド、バックエンドのプログラムを作成する手順の理解を深める	【事前学修】モジュールpandasの使い方を確認する 【事後学修】pandasのDataFrameの内容を取り出し、フロントエンドに渡して処理する方法を確認する
13	複数のファイルから構成されるデータを処理する	1件ずつ異なるファイルに分割されたニュース記事の中から選択した内容だけを表示するプログラムを作成し、Flaskを使ったプログラム作成の理解を深める	【事前学修】HTMLのoptionタグを調べ、Jinja2の利用方法を確認する 【事後学修】文字列を処理して必要な部分だけ取り出す方法を確認する
14	データが更新された際のバックエンドの処理	新たなデータが追加された際のバックエンドの処理を学習する	【事前学修】読み込んだ内容の一部を選択してFlaskで利用する方法を確認する 【事後学修】前回作成したプログラムに追加したプログラム内容を確認する