情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/05/21 担当：林晋 TA: 橋本雄太

昨日までに提出した人は 7 人、全員 18 日までに提出していました。 まだ、提出してない人も、少しだけ減点になりますが、是非、提出 してください。また、分からないときは、本日、林や橋本に質問し てください。 提出した 7 名の内で、 1 名は自作のスクリプト（プログラムの簡単な もの）を作成して、それでやっていました。 5 名は、全員、林が想 定していた答に合致していました。これら 6 名は正解になります。 他の一名は作業過程に不明の点がありましたので、今日、直接聞き ます。 まだ、出す人がいるかもしれないので、「正解例」は次回に掲示し ます。 – 正解は沢山あります。林が意図している解は、その一例にしかすぎません。 提出した人には、林が声をかけますので、結果を見せてください。 こういう作業をするときのコツとして、オリジナルのファイルを残 しておいて、混乱してきたら、作業中のファイルは諦めて、もう一 度最初からやりなおすという手法があります。また、途中経過をコ ピーしてとっておくのも有効です。 課題５について

今回のテーマ 情報を発信する – 今までの演習で次のことを学習しました． アーカイブなどのＷＥＢ上の情報を集める方法 デジカメなどで原資料から画像情報を作る方法 それをテキストに変換する方法 出来た電子情報を整理する方法 – 情報を集め，そして，加工することの粗筋を学習した ので，次に情報をＷＥＢ上で発信する方法を学びます． – そのためにＨＴＭＬ超簡単入門とブログの作り方を学 びます．

ＨＴＭＬ超簡単入門 WEB ページは原理的に言うと HTML(Hyper Text Markup Language) とい うマークアップ言語というもので書かれています．今では， HTML で書かれている部分はおまけ程度で， Javascript, Flash などが中心的 な役割をしているページも少なくありませんが，一応，基本は HTML です． HTML この HTML ファイルは，別に WEB 用だけでなく， PowerPoint ファイル の代替物としても使えます．これは基本的には， WEB 以前からある 技術のハイパーテキスト用の言語の一つです．ですからネットと関 係なく HTML ファイルを自分のノートＰＣ上に置き， IE や FireFox な どの WEB ブラウザで PowerPoint ファイルを見るように見ることがで きます． PowerPoint の代わりに，これで研究発表をするというよう な人も実際にかなりいます．ハイパーテキスト そこで，まず，インターネット（ＷＥＢ）と関係なくローカルに HTML ファイルを作って，ＩＥでそれを眺めてみましょう． – 課題（提出不要）： (a) インターネットと Web の関係を調べましょう． (b) 「 ローカルに」の意味は？

HTML ファイルを作る (1) メモ帳などのエディタを使って次のような内容のテキス トファイル test.txt をつくりましょう． 課題（提出不要）：エデ ィタとは．ワープロとの違いは？ ＨＴＭＬ超簡単入門 フォント 普通 斜体 太字 下線 カラー 赤 青 黄 リスト ＡＡＡ ＢＢＢ ＣＣＣ ＨＴＭＬ超簡単入門 フォント 普通 斜体 太字 下線 カラー 赤 青 黄 リスト ＡＡＡ ＢＢＢ ＣＣＣ

HTML ファイルを作る (2) test.txt を保存してダブルクリックしてみましょう．．． エディタが起動される可能性はありますが，それ以外には，特別なにも何 もおきません． では， extension の txt を html に書き換えてから，ダブルクリックしましょ う．何が起きたか分かりますね？, などはタグと呼ばれるもので， … のように対で使い， が「左カッコ開く」， が「右カッコ閉じる」だと理解すれば良いでし ょう．,, はそれぞれ bold, italic, underline をあらわしています．,,… は，見出し (header) のことで， 1, 2,.. がレベルをあらわします ． は番号つきのリストですが， にすると黒丸付きのリストになりま す． はリストの各項目を指定するのに使います． リンクもこのようにして作れます．次の行を test.html に追加してみてくだ さい． – 林のサイト – ダブルクリックするとブラウザーが起動されますので，メモ帳を起動して，そ のウィンドウにドラッグします．

HTML ファイルを作る (3) 画像の追加も次でできます． ．．． パラグラムは … で囲みます． 強制的に改行するには と書きます． 最近では, これら以外のタグが多く使われたページが増えていますが，文章 の配置とか，背景色などを気にしなければ，簡単なＨＴＭＬのホームペー ジは，今までに出てきたタグだけで大体書けてしまいます． – 比較的基本的なタグしか使ってないページの例 – これらのページに行き右クリックして「ページのソースを表示」を選ぶと，その HTML の中身 をみることができます． さらに詳しいタグの説明は，次のページなどを参考にしてください．本も 沢山でています． – 参考ページ：１ ２ ３１２３

課題６ 提出期限： 5 月 22 日 ( 明日 ) 21:00 提出方法： にメールで． – 件名を “ 情報技術演習 課題 6” とする． – 提出すべきファイル kadai.html は添付ファイルとして送る． 今まで出てきたタグを使って，自己紹介をする HTML ファイル kadai.html を作ってください． – このスライドでは説明してないタグなどを使っても構いません．

こういう HTML ファイルを作っても，そのままでは公開 できません．公開するには自分のサイト，ページ，ブロ グなどを持つ必要があります． ブログは HTML サイト（ページ）の特殊なものといえま すが，標準の HTML より作りやすい，ブログを，それも 無料で使えるものを使ってみましょう． – ブログも公開されるときは， HTML に変換されていますが，書く ときには別の形式のタグを使います． – しかし，別途作った HTML を貼り付けて公開することができます ．ただし，ブログのサービスごとに使えるタグが制限されてい るのが普通です．たとえば， Ameba ブログでは Google Book の埋 め込みがうまく使えない場合があります．これらの制限はブロ グごとに違うので自分で確認しながら使いましょう． 自分のブログを作る

無料で使えるブログは沢山あります．先に説明 したように，それぞれのサービスで出来ること ，出来ないことが違います． Google Web Search で，「無料 ブログ」などの キーワードで探してみてください． よく分からないという人は，アメーバブログに しましょう． 特に理由はあり ません・・・ また，すでに自分のブログやＷＥＢページがあ る人は，それで構いません． ブログサービスを選ぶ

林の WEB サイトは， という自分専用のドメイン名を使って います． shayashi (s. hayashi) がドメイン名です．ドメイン名 自分専用のドメイン名がついたブログや WEB ページを持つことは難しくあ りません 例えば： しかし，ドメインだけ取得しただけでは駄目で，それを使うには，別途， 貸しサーバ（レンタル・サーバ，ホスティング・サーバ）を借りるなどし なくてはなりません. 貸しサーバ（レンタル・サーバ，ホスティング・サーバ） 米国では，かなり前からホスティング業界で価格競争が起きていて，月額 4-5 ドルほどで，容量無制限のサーバを借りることも可能です．また，つい でにドメイン取得も代行してくれたり，凄く簡単に高性能のブログが作れ たり，という会社がたくさんあります．という会社がたくさんあります そして、日本でも３，４年前から安いサービスが使えるようになっていま す． – – 興味がある人は挑戦してみましょう．ただし，この２年ほどの傾向として ，独自ドメインのメールアドレスはスパムキラーに捕捉されて相手に届か ないことが多くなっていて，それが欠点です． 自分のドメインを持つ

課題７ 提出期限： 5 月 22 日 ( 明日 ) 21:00 提出方法： にメールで． – 件名を “ 情報技術演習 課題 7” とする． 自分のブログか Web ページを開設してください．すでにある人は、 それでかまいません． 課題６で提出した kadai.html を，そのブログか Web ページで掲示し てください．ただし，下の注意点を参照して，個人情報などは抜い てください． そして、その kadai.html の内容を掲示した投稿やページの URL をメー ルで提出してください. 注意点：自分や他人の個人情報を不必要に書かないようにしましょ う。たとえば、住所、電話番号、生年月日などは書くべきではあり ません。