ヨーロッパ学 ICT 課題ファイル置き場
EURO ICT Emacs & TeX のインストール法(Windows)
EURO ICT Emacs & TeX のインストール法(Mac)
- 目次
1 シラバス
1-1 概要
1-1-1 前期: ヨーロッパ学 ICT IIA
この授業は御自身のノート PC(Windows または Mac)を教室に持参していただく BYOD 形式,かつ実践演習を伴う授業です。スマートフォンやタブレットは不可ですので注意してください。
この授業ではヨーロッパ学 ICT IA/IB で学んだ事柄を前提とし,さらに高度な「テキスト主義 ICT」を身に付けます。具体的には,多言語処理を視野に入れた HTML/CSS による Web サイトの作成および公開法について学びます。
この授業ではまず HTML5 における文字コードや言語指定の方法から始め,文字参照(数値文字参照と文字実体参照)の仕方や各種の基本タグを用いた HTML の構文規則を学び,最後に習作的な Web ページを作成し,本学ウェブサーバを介してインターネットに公開してみます。
1-1-2 後期: ヨーロッパ学 ICT IIB
この授業は御自身のノート PC(Windows または Mac)を教室に持参していただく BYOD 形式,かつ実践演習を伴う授業です。スマートフォンやタブレットは不可ですので注意してください。
この授業ではヨーロッパ学 ICT IA/IB/IIA で学んだ事柄を前提とし,HTML5 に CSS3 を絡めた見栄えの良い多言語 Web ページの作成法について学びます。終盤では,ブラウザ向けのスクリプト系プログラミング言語である JavaScript を使って HTML/CSS を動的に制御する方法も学びます。最終的には自らの Web サイト(多言語仕様)を本学ウェブサーバを介してインターネットに公開します。
1-2 授業の進行・方法[ヨーロッパ学 ICT IIA・IIB とも]
授業は講義と演習を組み合わせて実施します。講義は担当教員持参 PC の画面を教室のスクリーンに投影しながら行います。授業の進行における割合は,およそ講義(50%),演習(50%)です。
1-3 アクティブ・ラーニング[ヨーロッパ学 ICT IIA・IIB とも]
アクティブ・ラーニング「対応」授業です。
1-4 到達目標
1-4-1 前期: ヨーロッパ学 ICT IIA
- マークアップ言語(HTML)の原理を理解し,ソースコードを記述できる[B-3 技能]
- HTML の基本的なタグを使える[B-4 技能]
- 本学「内」そして「外」(事前に「公開鍵・秘密鍵」の作成とウェブサーバへの設置が必要)から本学ウェブサーバにコンテンツを転送できる[B-4 技能]
- HTML においてリスト,表,画像を取り扱える[B-4 技能]
- 理解の不確かな事柄をWebで検索し,自ら解決することができる[C-2 態度・志向性]
- 学友と互助的な関係を保ち,協力し合いながら行動できる[C-2 態度・志向性]
1-4-2 後期: ヨーロッパ学 ICT IIB
- Web サイトを作成する際「論理構造」(HTML)と「視覚デザイン」(CSS)を分離することの意義を理解し,ソースコードを記述できる[B-3 技能]
- ナビゲーション,ポジション,フロート,CSS の各種セレクタ等を使って Web ページのレイアウトや編成を制御できる[B-4 技能]
- 多言語 Web サイトをインターネットに公開できる[B-4 技能]
- JavaScript を用いた簡単な「動的 Web ページ」を作成できる[B-4 技能]
- 理解の不確かな事柄をWebで検索し,自ら解決することができる[C-2 態度・志向性]
- 学友と互助的な関係を保ち,協力し合いながら行動できる[C-2 態度・志向性]
1-5 授業時間外の学習(予習・復習)[ヨーロッパ学 ICT IIA・IIB とも]
予習: 前もってアナウンスされた「学習範囲」の「実践演習」(60分)
復習: 学習事項のその都度の点検および確認.その上で「予習」に取り組むこと(60分)
1-6 成績評価基準および方法[ヨーロッパ学 ICT IIA・IIB とも]
本授業は各到達目標の達成度を基準として,平常点(出席状況・授業への参加姿勢など)60点(到達目標: 1, 2, 3, 4, 5, 6),期末課題40点(到達目標: 1, 2, 3, 4)という配分で成績を出します。授業開始の定刻時間から15分以内の遅刻であれば認めますが,この場合の平常点に関わる評価は1/2とし,それ以降の遅刻は欠席とみなします。ただし,後日証明になる書類が呈示された場合に限り,欠席・遅刻扱いを取り消します。
本授業科目では定期試験を実施しないため,再試験を受験することはできません。
1-7 テキスト[ヨーロッパ学 ICT IIA・IIB とも]
なし
1-8 参考書[ヨーロッパ学 ICT IIA・IIB とも]
- 『入門 GNU Emacs』(D. Cameron 他著,半田他 監訳,オライリー・ジャパン,税込4104円,ISBN: 978-4-8731-1277-0)
- 『HTML5+CSS3の新しい教科書』(こもり監修/赤間・原著,エムディエヌコーポレーション,2500円+税,ISBN: 978-4-8443-6365-1)
- 『3ステップでしっかり学ぶ JavaScript 入門[改訂2版]』(大津真著,技術評論社,2380円+税,ISBN: 978-4-7741-9217-8)
その他,参考テキストおよび演習用ファイル等は,授業サポート Web からダウンロードしてください。
1-9 履修上の留意点[ヨーロッパ学 ICT IIA・IIB とも]
この授業では御自身の「ノートPC」(Windows や Mac)を教室に持参していただきます。スマートフォンやタブレット端末(iPad 等)は不可です。
本授業では「出席」を厳密に取り扱います。学生証をカードリーダーにかざし忘れた場合は,必ずその授業の直後までに申し出てください。
自分の PC にインストールした GNU Emacs を日常的に使いこなすことが「テキスト主義 ICT」習得における一番の近道です。
IA → IB → IIA → IIB といった段階を経ない受講は知識・理解・技能の点から不可能です。
1-10 授業計画
1-10-1 前期: ヨーロッパ学 ICT IIA
1 | (スタートアップ授業)Emacs の HTML+ モード |
2 | HTML と CSS の基礎 |
3 | HTML5 における文字コード・言語指定 |
4 | 文字実体参照と数値文字参照 |
5 | 公開鍵・秘密鍵の作成.FileZilla を使った SFTP |
6 | ブロックレベル要素 1: h, p, pre, blockquote |
7 | ブロックレベル要素 2: ul, ol, dl, table, caption |
8 | ブロックレベル要素 3: form, hr, address, div |
9 | インラインレベル要素 1: a, b, br, em |
10 | インラインレベル要素 2: i, img, q |
11 | インラインレベル要素 3: sub, sup, tr, span |
12 | div と span |
13 | リスト |
14 | 表 |
15 | 総括と FURIKA 授業アンケート |
1-10-2 後期: ヨーロッパ学 ICT IIB
1 | (スタートアップ授業)CSS セレクタの活用 1 |
2 | CSS セレクタの活用 2 |
3 | CSS セレクタの活用 3 |
4 | 文字,見出しの制御 |
5 | 段落の制御 |
6 | セレクタの活用 |
7 | 文字・見出し・段落の制御 |
8 | ナビゲーション |
9 | リンクと画像 |
10 | フォーム |
11 | ポジションとフロート |
12 | Web ページのレイアウトと Web サイトの編成; Web サイトの公開 |
13 | JavaScript の有効化 |
14 | DOM(Document Object Model)による年月日・時刻のコントロール |
15 | DOM によるイベント処理(jQuery)と総括.FURIKA 授業アンケート |
2 授業進度表
2-1 前期: ヨーロッパ学 ICT IIA
1 | — | スタートアップ授業 [クリックして視聴!]. 宿題: 参考用講義テキスト『ヨーロッパ学 ICT 講義テキスト(IIA/IIB)』(euro_ict_text2.pdf)第14講「HTML の基礎」(pp.30–31)を読んでおくこと! |
2 | 4/15(火) | |
3 | 4/22(火) | |
4 | 4/29(火) | |
5 | 5/13(火) | |
6 | 5/20(火) | |
7 | 5/27(火) | |
8 | 6/3(火) | |
9 | 6/10(火) | |
10 | 6/17(火) | |
11 | 6/24(火) | |
12 | 7/1(火) | |
13 | 7/4(金) | |
14 | 7/8(火) | |
15 | 7/15(火) |
2-2 後期: ヨーロッパ学 ICT IIB
1 | — | スタートアップ授業 [クリックして視聴!]. 宿題: 参考用講義テキスト『ヨーロッパ学 ICT 講義テキスト(IIA/IIB)』(euro_ict_text2.pdf)第14講「CSS の基礎」(pp.31–32)を読んでおくこと! |
2 | 9/16(火) | |
3 | 9/30(火) | |
4 | 10/7(火) | |
5 | 10/14(火) | |
6 | 10/21(火) | |
7 | 10/28(火) | |
8 | 11/11(火) | |
9 | 11/18(火) | |
10 | 11/25(火) | |
11 | 12/2(火) | |
12 | 12/9(火) | |
13 | 12/16(火) | |
14 | 12/23(火) | |
15 | 2026/1/6(火) |