ヨーロッパ学 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）の原理を理解し，ソースコードを記述できる［DP: B-3 技能］
- HTML の基本的なタグを使える［DP: B-4 技能］
- 本学「内」そして「外」から本学ウェブサーバにコンテンツを転送できる［DP: B-4 技能］
- HTML においてリスト，表，画像を取り扱える［DP: B-4 技能］
- 理解の不確かな事柄をWebで検索し，自ら解決することができる［DP: C-2 態度・志向性］
- 学友と互助的な関係を保ち，協力し合いながら行動できる［DP: C-2 態度・志向性］
1-4-2 後期: ヨーロッパ学 ICT IIB
- Web サイトを作成する際「論理構造」（HTML）と「視覚デザイン」（CSS）を分離することの意義を理解し，ソースコードを記述できる［DP: B-3 技能］
- ナビゲーション，ポジション，フロート，CSS の各種セレクタ等を使って Web ページのレイアウトや編成を制御できる［DP: B-4 技能］
- 多言語 Web サイトをインターネットに公開できる［DP: B-4 技能］
- JavaScript を用いた簡単な「動的 Web ページ」を作成できる［DP: B-4 技能］
- 理解の不確かな事柄をWebで検索し，自ら解決することができる［DP: C-2 態度・志向性］
- 学友と互助的な関係を保ち，協力し合いながら行動できる［DP: 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）
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 によるイベント処理（Ajax）と総括; FURIKA 授業アンケート |
2 授業進度表
2-1 前期: ヨーロッパ学 ICT IIA
| 1 | — | スタートアップ授業 [クリックして視聴！]. テキスト pp.30–32, 特に「第14講 HTML の基礎」をよく読んでおくこと（分からない術語が出てきたとしても，現段階では，無問題）. |
| 2 | 4/16(火) | EURO ICT Emacs & TeX のインストール法（Windows）の「4-6. Emacs を簡便に呼び出すための Windows のカスタマイズ」まで済み. 次回は「4-7. Emacs のフレーム調整」からと FileZilla のインストールなど. |
| 3 | 4/23(火) | FileZilla のインストールと「福大の内から」fuhp サーバへアクセスするための設定完了. 次回は「福大の外から」fuhp サーバへアクセスするための設定（秘密鍵・公開鍵の作成）など. |
| 4 | 4/30(火) | 「福大の内から」fuhp サーバへアクセスする「2つの方法: CUI(CLI) と GUI」. 「秘密鍵・公開鍵」の作成と（福大の内から）fuhp サーバの然るべき場所（~/.ssh）へ「公開鍵」（id_rsa.pub を authorized_keys という名前でコピーしたもの）をアップロード. ファイル・パーミッション（chmod 700 ~/.ssh）の変更. authorized_keys はデフォルトで 644 で OK. 次回は「福大の外から」fuhp サーバへ「CUI および GUI で」アクセス. |
| 5 | 5/7(火) | |
| 6 | 5/14(火) | |
| 7 | 5/21(火) | |
| 8 | 5/28(火) | |
| 9 | 6/4(火) | |
| 10 | 6/11(火) | |
| 11 | 6/18(火) | |
| 12 | 6/25(火) | |
| 13 | 7/2(火) | |
| 14 | 7/9(火) | |
| 15 | 7/16(火) |
2-2 後期: ヨーロッパ学 ICT IIB
| 1 | — | スタートアップ授業 [クリックして視聴！]. テキスト pp.30–32, 特に「第14講 CSS の基礎」をよく読んでおくこと（分からない術語が出てきたとしても，現段階では，無問題）. |
| 2 | 9/17(火) | |
| 3 | 9/24(火) | |
| 4 | 10/1(火) | |
| 5 | 10/8(火) | |
| 6 | 10/15(火) | |
| 7 | 10/22(火) | |
| 8 | 10/29(火) | |
| 9 | 11/12(火) | |
| 10 | 11/19(火) | |
| 11 | 11/26(火) | |
| 12 | 12/3(火) | |
| 13 | 12/10(火) | |
| 14 | 12/17(火) | |
| 15 | 12/24(火) |
授業のページに戻る