情報技術演習Ⅰ 人文学研究のための情報技術入門

情報技術演習Ⅰ
人文学研究のための情報技術入門
2015/05/21
担当:林晋
TA:橋本雄太
課題5について
• 昨日までに提出した人は7人、全員18日までに提出していました。まだ、
提出してない人も、少しだけ減点になりますが、是非、提出してください。
また、分からないときは、本日、林や橋本に質問してください。
• 提出した7名の内で、1名は自作のスクリプト(プログラムの簡単なもの)を
作成して、それでやっていました。5名は、全員、林が想定していた答に
合致していました。これら6名は正解になります。他の一名は作業過程に
不明の点がありましたので、今日、直接聞きます。
• まだ、出す人がいるかもしれないので、「正解例」は次回に掲示します。
– 正解は沢山あります。林が意図している解は、その一例にしかすぎません。
• 提出した人には、林が声をかけますので、結果を見せてください。
• こういう作業をするときのコツとして、オリジナルのファイルを残しておい
て、混乱してきたら、作業中のファイルは諦めて、もう一度最初からやり
なおすという手法があります。また、途中経過をコピーしてとっておくのも
有効です。
今回のテーマ
• 情報を発信する
– 今までの演習で次のことを学習しました.
•
•
•
•
–
アーカイブなどのWEB上の情報を集める方法
デジカメなどで原資料から画像情報を作る方法
それをテキストに変換する方法
出来た電子情報を整理する方法
情報を集め,そして,加工することの粗筋を学習したので,
次に情報をWEB上で発信する方法を学びます.
– そのためにHTML超簡単入門とブログの作り方を学びま
す.
HTML超簡単入門
• WEBページは原理的に言うとHTML(Hyper Text Markup Language)というマ
ークアップ言語というもので書かれています.今では,HTMLで書かれて
いる部分はおまけ程度で,Javascript, Flash などが中心的な役割をしてい
るページも少なくありませんが,一応,基本は HTML です.
• このHTMLファイルは,別にWEB用だけでなく,PowerPoint ファイルの代替
物としても使えます.これは基本的には,WEB 以前からある技術のハイ
パーテキスト用の言語の一つです.ですからネットと関係なくHTMLファイ
ルを自分のノートPC上に置き,IE や FireFox などのWEBブラウザで
PowerPoint ファイルを見るように見ることができます.PowerPoint の代わ
りに,これで研究発表をするというような人も実際にかなりいます.
• そこで,まず,インターネット(WEB)と関係なくローカルにHTMLファイル
を作って,IEでそれを眺めてみましょう.
– 課題(提出不要): (a) インターネットと Web の関係を調べましょう.(b) 「ローカルに」の
意味は?
HTMLファイルを作る (1)
• メモ帳などのエディタを使って次のような内容のテキストファ
イル test.txt をつくりましょう.課題(提出不要):エディタとは.ワープロとの違
いは?
HTML超簡単入門
フォント
普通 斜体 太字 下線
カラー
赤 青 黄
リスト
AAA BBB CCC
<h1>HTML超簡単入門</h1>
<h2>フォント</h2>
普通 <i>斜体</i> <b>太字</b> <u>下線</u>
<h2>カラー</h2>
<font color="red">赤</font> <font color="blue">青</font> <font
color="yellow">黄</font>
<h2>リスト</h2>
<ol><li>AAA</li> <li>BBB</li> <li>CCC</li></ol>
HTMLファイルを作る (2)
•
test.txt を保存してダブルクリックしてみましょう...
•
エディタが起動される可能性はありますが,それ以外には,特別なにも何もおき
ません.
では,extension の txt を html に書き換えてから,ダブルクリックしましょう.何が
起きたか分かりますね?
<b>, <i> などはタグと呼ばれるもので,<b> … </b> のように対で使い,<b> が「左
カッコ開く」,</b> が「右カッコ閉じる」だと理解すれば良いでしょう.
<b>, <i>, <u> はそれぞれ bold, italic, underline をあらわしています.
<h1>, <h2>,… は,見出し (header)のことで,1, 2,.. がレベルをあらわします.
<ol> は番号つきのリストですが,<ul>にすると黒丸付きのリストになります.<li>は
リストの各項目を指定するのに使います.
リンクもこのようにして作れます.次の行を test.html に追加してみてください.
•
•
•
•
•
•
– <a href="http://www.shayashi.jp">林のサイト</a>
– ダブルクリックするとブラウザーが起動されますので,メモ帳を起動して,そのウィンド
ウにドラッグします.
HTMLファイルを作る (3)
•
•
•
•
画像の追加も次でできます.
<img src=“画像のファイルのパス>...</img>
パラグラムは <p>…</p>で囲みます.
強制的に改行するには <br>と書きます.
最近では, これら以外のタグが多く使われたページが増えていますが,文章の配
置とか,背景色などを気にしなければ,簡単なHTMLのホームページは,今まで
に出てきたタグだけで大体書けてしまいます.
–
–
比較的基本的なタグしか使ってないページの例
http://www.shayashi.jp/PALCM/
http://www.shayashi.jp/HistoryOfFOM/HilbertNotebookProjectHomepage/index.html
これらのページに行き右クリックして「ページのソースを表示」を選ぶと,そのHTMLの中身をみることができ
ます.
•
さらに詳しいタグの説明は,次のページなどを参考にしてください.本も沢山でて
います.
– 参考ページ:1 2 3
課題6
• 提出期限: 5月22日(明日) 21:00
• 提出方法:[email protected] にメールで.
– 件名を“情報技術演習 課題6”とする.
– 提出すべきファイル kadai.html は添付ファイルとして送る.
• 今まで出てきたタグを使って,自己紹介をするHTMLファイル kadai.html
を作ってください.
– このスライドでは説明してないタグなどを使っても構いません.
自分のブログを作る
• こういうHTMLファイルを作っても,そのままでは公開できませ
ん.公開するには自分のサイト,ページ,ブログなどを持つ
必要があります.
• ブログはHTMLサイト(ページ)の特殊なものといえますが,標
準のHTMLより作りやすい,ブログを,それも無料で使えるも
のを使ってみましょう.
– ブログも公開されるときは,HTMLに変換されていますが,書くときに
は別の形式のタグを使います.
– しかし,別途作ったHTMLを貼り付けて公開することができます.ただ
し,ブログのサービスごとに使えるタグが制限されているのが普通で
す.たとえば,Ameba ブログでは Google Book の埋め込みがうまく使
えない場合があります.これらの制限はブログごとに違うので自分で
確認しながら使いましょう.
ブログサービスを選ぶ
• 無料で使えるブログは沢山あります.先に説明した
ように,それぞれのサービスで出来ること,出来ない
ことが違います.
• Google Web Search で,「無料 ブログ」などのキー
ワードで探してみてください.
• よく分からないという人は,アメーバブログにしましょ
う.http://ameblo.jp/ 特に理由はありません・・・
• また,すでに自分のブログやWEBページがある人
は,それで構いません.
自分のドメインを持つ
•
•
•
•
•
林のWEBサイトは,www.shayashi.jp という自分専用のドメイン名を使っています.
shayashi (s. hayashi) がドメイン名です.
自分専用のドメイン名がついたブログやWEBページを持つことは難しくありません
例えば:http://www.onamae.com/ http://muumuu-domain.com/
しかし,ドメインだけ取得しただけでは駄目で,それを使うには,別途,貸しサーバ
(レンタル・サーバ,ホスティング・サーバ)を借りるなどしなくてはなりません.
米国では,かなり前からホスティング業界で価格競争が起きていて,月額4-5ドル
ほどで,容量無制限のサーバを借りることも可能です.また,ついでにドメイン取
得も代行してくれたり,凄く簡単に高性能のブログが作れたり,という会社がたくさ
んあります.
そして、日本でも3,4年前から安いサービスが使えるようになっています.
–
–
•
http://www.server-navi.com/
http://www.cheap-server.net/
興味がある人は挑戦してみましょう.ただし,この2年ほどの傾向として,独自ドメ
インのメールアドレスはスパムキラーに捕捉されて相手に届かないことが多くなっ
ていて,それが欠点です.
課題7
• 提出期限: 5月22日(明日) 21:00
• 提出方法:[email protected] にメールで.
– 件名を“情報技術演習 課題7”とする.
• 自分のブログかWebページを開設してください.すでにある人は、それで
かまいません.
• 課題6で提出した kadai.html を,そのブログか Webページで掲示してくだ
さい.ただし,下の注意点を参照して,個人情報などは抜いてください.
• そして、そのkadai.htmlの内容を掲示した投稿やページのURLをメールで
提出してください.
• 注意点:自分や他人の個人情報を不必要に書かないようにしましょう。た
とえば、住所、電話番号、生年月日などは書くべきではありません。