*第3回・アプリケーション間でのデータ共有 - テキストファイル大好き! - [#t9adbedf]
#contents

前回授業では、ネットワークを利用したコミュニケーションツールとして、電子メールの利用方法を学んだ。課題レポートも全員が期日までに提出でき、電子メールの利用方法はほぼ理解できたようだ。~
今日の授業では、ネットワーク利用のコミュニケーションのためにウェブページを利用する方法を学ぶ。今後のレポート課題は全てPukiwikiを用いたウェブページ経由で提出してもらうので、使い方を十分理解してほしい。とはいえ、ほとんどの皆さんは、ウェブブラウザ(FireFoxやInternet Explorer)を使って、ウェブページになんらかの情報を入力するということを経験済みだと思うので、何も心配することは無いと思う。

**第3回授業の獲得目標: &worried; [#o71e1bd3]
+&size(14){''Pukiwikiによるコミュニケーションに習熟する''};
--&size(12){〔''ページの作成と編集''〕・〔''Pukiwikiを用いた共同作業''〕};
+&size(14){''テキストデータ(テキストファイル)とは何かを理解する''};
+&size(14){''テキストエディタ(K2Editor)の基本的な使い方(テキスト入力、検索、置換)を体験する''};
+&size(14){''異なるアプリケーションでテキストデータを共有する方法を体験する(テキストエディタとエクセル、ブラウザ等)''};
--&size(12){〔''タブ区切りテキストをエクセルに表として読み込む''〕};


**Pukiwikiによるコミュニケーションに習熟する: ⌣ [#q4525936]

~前回授業から、ネットワークを利用したコミュニケーションの最後の例として、Pukiwiki(「プキウィキ」と読む)というシステムの利用方法を学んだ。Pukiwikiはウェブブラウザからウェブページの編集・公開が簡単に行える、とても便利なシステムだ。 今日の授業では、このシステムの操作にさらに習熟することを目指す。

***【復習】PukiWiki個人ページへのアクセス: アカウントとパスワードの入力 [#i33cfa68]
まずはPukiWiki利用の小手調べ。[[H23情報処理(生物学科)Pukiwikiサイト>http://bean.bio.chiba-u.jp/joho/index.php?joho23]]に入り、自分のページを表示させてみよう。
+http://bean.bio.chiba-u.jp/joho/index.php?joho23をクリック
--右クリックして、「リンクを新規タブで開く」方が便利
+そうするとアカウントとパスワードの入力を求められるので、メールで受け取ったmoodle用のアカウントとパスワードを入力
+自分の学籍番号のリンクをクリックする

~&color(,yellow){注:};
間違って他人のアカウントをクリックすると、アカウントとパスワードの入力を求められて入れ無い!~
しかも、自分のページに入るときに、もう一度アカウント・パスワードの入力を求められることになるので、入力は慎重に。。

***【復習】ページの編集方法 :自己紹介の作成 [#r146fe8f]
今見えているのが、皆さんが自由に書き込んだり、編集したりして、教員への情報を発信できるページだ。~
では、トップページに、簡単な自己紹介を書いてみよう。
+ページの一番上の方に青文字で書かれている「編集」というリンクをクリック
+文章を入力する画面が現れる。前回Wordの文書として提出した内容が書かれているはず(なお、このページは書き込んだ本人と、私とTAしか見られない。)~
このページの%%%一番上の行%%%に、次の内容を入力してみよう(コピー・ペーストで構わない)
 *氏名: (ここに氏名を入力)
 -よみがな:(ここによみがなを入力)
 -自己紹介: (簡単な自己紹介を自由に記入)
 注意: Internet Explorerを使っている人は、上の内容をペーストしてページを更新しても、
       見出しなどがキレイにフォーマットされない場合がある。FireFoxを使うことを推奨する。
+編集が終わったら、書き込みウィンドウの下の方にある「ページの更新」というボタンをクリック
これで、今作ったページがインターネット上に公開された。ページの一番上には、青色の大きな文字で、ページの表題が表示されているだろうか。

***【復習】新規ページの作成方法: MenuBarの作成 [#y0ec780e]
では、次に、画面の左のメニューバーを自分だけのメニューにしてみよう。
+自分のトップページに入り、下の方法で新しいページを作る。全て半角英文字で入力すること(大文字、小文字の区別もある)。
 ./MenuBar
+ページの編集画面に次のデータをコピーペーストし、%%%自分の''アカウント''のところ(10s40XXなどという部分)%%%を自分の学籍番号のものに置きかえ(半角数字)。''3箇所の赤字部分全てを書き換えること''。~
最後に氏名を漢字で入力
//&ref(joho23/&color(red){''アカウント''};/&color(red){''アカウント''};.jpg);&br;
|*氏名:ここに入力&br;#ls2(joho23/&color(red){''アカウント''};/,except=MenuBar,display=hierarchy,relative)|
+最後に自分のトップページをもう一度表示させてみる。自分専用のメニューバーが左側に表示されただろうか。

  
***一般のホームページ作成とPukiwikiによるページ作成の対比 [#y37712d2]
Pukiwikiというのは、初心者でも簡単に、ウェブページを使って情報を公開・共有できるシステムだ。今、皆さんが行ったのは、
+&size(16){自分のページに入って};
+&size(16){新規や編集をクリック};
+&size(16){内容を入力して};
+&size(16){ページの更新};
~ たったこれだけの作業で、自分が公開したい情報を、全世界にむかって発信したわけ!~
 「でも、公開して無いじゃない」という声が聞こえてきそうだが、そうでもない。例えば、アフリカにいる君の友達に、自分のアドレスとパスワードを教えれば、彼は今まさに、あなたのページを見ることができる。~
 ''公開はしているけれど、パスワードで制限がついている''~
というのが今の状況。
第1回のアンケートで、ホームページを作ったことのある人が何人かいた。でも、今回やったPukiwikiによるページ作りと公開は、その時の作業とはずいぶん違うと思う。簡単にまとめてみると、
|項目|HTMLファイルアップロードホームページ公開|Pukiwikiによるホームページ公開|h
|1.ファイルの編集|ホームページエディタ・HTML編集・タグで書式指定|ブラウザを用いて編集・Pukiwikiのルールで書式|
|2.ファイルのアップロード|FTP接続ソフトを使ってアップロード|ブラウザからページを更新|
-〔参考〕: Pukiwikiと同じように、ブラウザからの編集で、簡単にホームページを作成・公開できるシステムが、Googleから提供されている。興味のある人は、アカウント登録をして、ホームページを作ってみよう。~
http://www.google.com/sites/help/intl/ja/overview.html
~
 たぶん、Pukiwikiと通常のHTML編集の一番大きな違いは、Pukiwikiの方では%%%普段使い慣れているウェブブラウザ%%%(FireFoxとかExplorer)を使うだけで、ウェブページの作成、更新、公開ができるということだろう。通常のHTMLファイルの修正や更新は、上の1,2の繰り返しになるので、けっこう面倒くさい。。。

 「Pukiwikiってすごいなー。でも、誰でもPukiwikiサイトを準備できるわけでは無いでしょ?」~
そのとおり。自分でPukiwikiサイトを作ろうと思えば、いろいろと知識は必要。でも、今回体験してほしかったのは実は、

&size(18){ブラウザからテキスト情報を入力するだけで、ウェブページを作成・公開できた};
ということ。

最近は、ブログやMixiを使った経験がある人も多いので、そんなことは当たり前だと思うかも知れないが、ブログ(Weblog, Blog)やMixiが流行したその理由の一つが、PukiWikiと同じように、ウェブページの作成・公開がブラウザから簡単にできるということだろう。

***Pukiwikiならできる共同作業・プロジェクト相談 [#ca1c4fc4]
 では、せっかく作ったのだから、Pukiwikiを使ってできる特徴的なことを一つ体験してみよう。それは、ウェブ上でコミュニケーションを取りながら共同作業ができるということだ。~
 有名な例はみんなで作る百科事典:ウィキペディア http://ja.wikipedia.org/ で、皆さんも課題の調べ物などで活用しているだろう。
~
この授業では、共同作業の演習として、7月14日の授業でパワーポイントを使って発表するためのプロジェクトのアイデアを、Pukiwikiを使って相談してもらう。~
まず手始めに、どのようなプロジェクトを作ればよいか、アイデアを出して欲しい。http://bean.bio.chiba-u.jp/joho/index.php?joho23%2FPROJECT にアクセスして、7月14日の授業でパワーポイントを使って発表するためのプロジェクトのアイデアを書き込むこと。それが共同作業の第一歩であり、[&color(,yellow){第3回課題};]の1つだ。


**テキストファイル大好き &heart; [#d7ddbfbb]
 コンピュータは道具。コンピュータ無しで同じことができるなら、別に使わなくても構わない。でも。。。~
 大量のデータを短時間で処理したり、みんなで同じデータを共有したいとき、使わない訳にはいかない。。。~
 どうせ使うなら、できるだけイライラすることなく、鼻歌交じりでやりたいね&bigsmile;~
 皆さんのコンピュータ利用のスキルアップを図るのが、この講義の目的
~&size(16){特に、''テキストデータ(ファイル)の扱いに慣れることができれば、データ処理の効率が飛躍的に向上する!''};

この時間からはほとんど毎時間、テキストファイル(あるいは、テキストデータ)の扱いを学ぶ

|&size(14){基本技は&color(green){1.''コピー・ペースト'' 2.''テキストファイル(エディタ)利用'' 3.''一括検索&置換''};};|


**テキストファイルとは: ⌣ [#l5ede22b]
 テキストファイルというのは、簡単に言うと、書式の指定や修飾文字の無い、文字情報(テキストデータ)だけからできているファイルのことだ。~
[[前回課題>http://bean.bio.chiba-u.jp/lab/index.php?%E6%8E%88%E6%A5%AD%2FH21%2F%E6%83%85%E5%A0%B1%E5%87%A6%E7%90%86%2F02#mccf9642]]で2つの文字列のデータの違いについて答えて貰ったが、多くの人が、「片方はテキスト(文字)で、片方は画像」であると答えていた(もちろん、画像の細かさの違いだとか、ファイルが添付されているとかの答えでも、間違いでは無い)。~
では、どうしてこの授業で''テキストデータ''に注目するかというと、それは、

 &size(18){テキストデータはほとんどのアプリケーションで扱うことができる} からだ。 つまり、

&size(20){''     テキストファイルは万能選手!''};

テキストファイルを自由自在に操れることが、いろんな仕事をコンピュータで効率良くこなすための早道だろう!!

前回、前々回の課題でも、皆さんはウェブページに表示された情報を、コピー・ペーストで他のアプリケーションやページに移動させてきた。

つまり、&size(16){%%%コピー・ペーストを使えば、ウェブ上のテキストデータを他のアプリケーションと共有できる!%%%};
ということだ。
~
また、テキストデータを保存したファイルのことを、''テキストファイル''と言う。テキストファイルは明示的に .txt  という拡張子が着いたものもあるし、例えば、ウェブページに使われる HTMLファイル(後の授業で出てくる)もテキストファイルの1つだ。

**テキストファイルを扱う道具: テキストエディタ  ⌣ [#q6234893]
 テキストファイルはMS Wordなどでも作成することができるが、%%%テキストファイルの扱を専用とするアプリケーションを使う方が絶対いい!%%%それがテキストエディタ。~
〔アンケート集計の結果、ほとんどの人がテキストエディタを使ったことが無いと答えていたが、この授業を一通り終えた後は、テキストエディタの扱いにすごく慣れているはずだ。〕

この授業では [[K2Editor>http://k2top.jpn.org/index.php?K2Editor]] を使う。~
 これを選んだ理由は、つぎの3つ。
-教育情報システムの端末でも動作可能
-フリーソフト
-正規表現検索・置換が使える


***K2Editorのインストール [#h7a1c41d]
では、K2Editorをダウンロードして、インストールしてみよう。
+ダウンロードサイトにアクセス → http://k2top.jpn.org/k2soft/cgi-bin/lime/lime.cgi?down=http://k2top.jpn.org/k2soft/arch/k2e10508.lzh&name=k2e10508
+小さいウィンドウが開いて処理を尋ねられたら、LhaplusArchiveで開くを選択
+デスクトップにK2Editorのフォルダができる
+フォルダの中のK2Editor.exeをクリックして起動してみよう~
新しいウィンドウが開くはず

***K2Editorを用いたテキスト操作 [#b744f98d]
それでは、K2Editorを使って、簡単なテキスト操作をしてみよう
+開いたウィンドウに
 内閣総理大臣 鳩山 由紀夫 (はとやま ゆきお) 衆院
 第一順位指定大臣(副総理)・財務大臣・内閣府特命担当大臣(経済財政政策) 菅直人 (かん なおと) 衆院
 総務大臣・内閣府特命担当大臣(地域主権推進) 原口 一博 (はらぐち かずひろ) 衆院
 法務大臣 千葉 景子 (ちば けいこ) 参院
 外務大臣 岡田 克也 (おかだ かつや) 衆院
 文部科学大臣・内閣府特命担当大臣(科学技術政策) 川端 達夫 (かわばた たつお) 衆院
 厚生労働大臣・年金改革担当 長妻 昭 (ながつま あきら) 衆院
 農林水産大臣 赤松 広隆 (あかまつ ひろたか) 衆院
 経済産業大臣 直嶋 正行 (なおしま まさゆき) 参院
 国土交通大臣・内閣府特命担当大臣(沖縄及び北方対策) 前原 誠司 (まえはら せいじ) 衆院
 環境大臣 小沢 鋭仁 (おざわ さきひと) 衆院
 防衛大臣 北澤 俊美 (きたざわ としみ) 参院
 内閣官房長官 平野 博文 (ひらの ひろふみ) 衆院
 国家公安委員会委員長・内閣府特命担当大臣(防災)・拉致問題担当 中井 洽 (なかい ひろし) 衆院
 内閣府特命担当大臣(金融)・郵政改革担当 亀井 静香 (かめい しずか) 衆院
 内閣府特命担当大臣(消費者及び食品安全・少子化対策・男女共同参画) 福島 瑞穂 (ふくしま みずほ) 参院
 内閣府特命担当大臣(「新しい公共」)・公務員制度改革担当・国家戦略担当 仙谷 由人 (せんごく よしと) 衆院
 内閣府特命担当大臣(行政刷新) 枝野 幸男 (えだの ゆきお) 衆院

の内容をコピーペーストする。(ちなみに、このリストは首相官邸のページhttp://www.kantei.go.jp/jp/hatoyama/meibo/daijin/index.htmlから持ってきた)
+ファイルnaikaku.txtという名前で保存. 
~&size(14){これで、テキストファイルが作成できた!};

**異なるアプリケーションでテキストデータを共有:Excelとテキストエディタによる情報加工 ⌣ [#m826cb57]
 Excelは表計算ソフトと呼ばれ、アプリケーションの中で、最もよく使われるもののうちの1つ。しかも、ワープロのように、たんなる文章の整形・印刷ということを目的としているのではなく、カラム(表のマス目のこと)の中に納められた情報を、他のカラムの値と併せて計算したり加工することができる。しかも、ある2つのカラムの間で計算する関係を一度決めれば、相対的な位置関係が同じ他のカラム同士の計算も自動的に行えるという、非常に、コンピュータらしい作業を行うことができるソフトウェア。

 Excelは表を扱うのが得意なので、まず起動して、上にある大臣一覧表をペーストしてみよう。
+まず、上の大臣一覧表を選択して、コピー
+Excelを起動
+新しく開いた表の一番左上のカラムをクリック
+ペースト

大臣は大臣で1つの列に、名前は名前で1つの列に並んだ表になることを期待していたんだけどだめだった。では、こういうウェブページからコピーしたテキストデータを、エクセルの表にうまく当てはめるにはどうすれば良いか。

***K2EditorとExcelの合わせ技 [#v2bcd78a]
こういう時こそ、テキストエディタの出番。次のような操作をしてみよう。
+先ほどせーブしたnaikaku.txtをK2Editorで開く
+次に、K2Editorの置換ウィンドウを開いて、以下の置換操作を行う 
--
 検索文字    (ここに書かれているのは半角スペース1つ)※全角・半角を間違わないように
 置換文字 	(ここに書かれているのはタブ)※: タブの入力方法は、前方スクリーンで説明
  (K2Editorの編集画面でTabキーを押して表示されるタブ記号をコピーして、置換文字ウィンドウにペースト)
--全てを置換する。
+そうすると、上の置換で、データは次のように置き換わった
 大臣名<タブ>氏名<タブ>(ふりがな)<タブ>衆参別
+全体を選択してコピーする。
+エクセルで新しいページを開き、左上角のセルをクリック(オプション:セルの書式を文字列に設定)
+ペースト

この作業で、期待通りの表ができたはず。あとは、エクセル上でいろいろな操作ができる。

他にも、リストに含まれている( ) が不要だったら、テキストエディタで一括置換して消してしまえばいい。

今日はまず、こんなところ。次週からは、テキストエディタを使った様々な操作を学ぶ。


**&color(green){【トピックス】};:タイピングに慣れよう! [#m3d13b94]
&ref(授業/H19/情報処理/03/Untitled-1.gif);~
(タイピング練習ソフト:[[Ozawa-Ken>http://www.higopage.com/ozawa-ken/]]のスクリーンショット)
~コンピュータが不得手な人の中には、タイピングが得意じゃないという人が沢山いる。たしかに、タイピングが不得意だと、~
 ワープロで文章を書きたいのに、「Wのキーってどこだったっけ?」ってキーボードとにらめっこしなきゃいけない
 そんなことやっていると、自分の思考のスピードに合わせてタイピングできないからイライラする
 授業だとキーを探しているうちに話題が変わってしまって焦る。。。
 これじゃあ、携帯電話で文章を書く方がよっぽど楽???)
なんということになりかねない。でも、キーボードタイピングは練習次第ですぐに上達する。しかも、ピアノの練習と違い、キータイピングは周りに迷惑をかけずに、一人、黙々と練習できる。~
コンピュータが無かった頃、タイプライターでキータイピングを覚えるには、毎日、30分ぐらい、次のような練習をすることだった。~
まず、[[ホームポジション>http://www.mirai.ne.jp/~godokita/tukaikata.html]]に指をおくと、左の人差し指はF、右の人差し指はJ、左の中指はD、右の中指はKに対応しているから、4本の指を交互に動かし、
 ffff jjjj ffff jjjj fjfjfjfj jfjfjfjf
 dddd kkkk dddd kkkk dkdkdkdk kdkdkdkd
などとひたすら打つ。1-2週間も続ければ、[[ホームポジション>http://www.mirai.ne.jp/~godokita/tukaikata.html]]は覚えられるし、タッチタイピングもほぼできるようになる。~
もし、タッチタイピングができるようになれば、コンピュータに対する苦手意識をかなり解消できることは間違いない。

1年生の皆さんは、今からタッチタイピングができるようになっておけば、%%%一生の財産になることは間違いない%%%。そこで、ちょっと練習してみては?キー入力がストレス無く行えるようになるだけで、コンピュータとのつきあい方が、ずいぶん違って来るだろう。下のサイトでは、ネットでタイピング練習ができたり、練習ソフトがダウンロードできる。
-Ozawa-Ken http://www.higopage.com/ozawa-ken/
--Windows ダウンロード http://www.vector.co.jp/soft/win95/edu/se111693.html
-タイピングの解説や練習ソフトへのリンク: http://www.remus.dti.ne.jp/~shigenom/typing/
-インターネットでタイピング練習: http://www.e-typing.ne.jp/

オススメは一番上のOzawa-Ken 。ダウンロードして、一緒に挑戦してみよう。


**第3回授業課題&smile; [#l1e5dd69]
''以下の課題全て、提出期限:は%%%5月9日月曜正午%%%''
***課題1.[復習課題]  [#bd2f5675]
-moodleページ http://bean.bio.chiba-u.jp/moodle/ にアクセスし、第3回授業課題1・フィードバックに記入して提出しなさい。
-評価基準: 必須項目全てに答えを提出しているかどうか。2点。

***課題2:PukiWikiページを用いた共同作業 [#t8355cb9]
http://bean.bio.chiba-u.jp/joho/index.php?joho23%2FPROJECT にアクセスして7月14日の授業で班ごとにパワーポイントを使って発表するテーマ(プロジェクト)につてのアイデアを書き込むこと。5月9日月曜正午までに、少なくとも1つのコメントを投稿すること。
-評価基準:
-PROJECTページに少なくとも1つコメントを投稿しているかどうか. 2点。

***課題3.PukiWikiページを用いたレポート提出 [#vd36cf10]
以下の手順に従って、&size(14){http://bean.bio.chiba-u.jp/joho/index.php?joho23 に、「自分のID」/03 という%%%新しいページを作成し、「回答:」の後に下の課題4の答えを書き込むこと%%%。};
以下の手順に従って、&size(14){http://bean.bio.chiba-u.jp/joho/index.php?joho23 に、「自分のID/03」 という%%%新しいページを作成し、「回答:」の後に下の課題4の答えを書き込むこと%%%。};
-手順
++個人ページのトップページ(上の方のページタイトルに、「joho23/自分の番号」のみが書かれているページ)に入る
++画面の上の方にある〔 新規 〕をクリック
++ページ名を尋ねる入力スペースが表示されるので、半角英数字で、ドット・スラッシュ・0・3を下のように入力(※必ず半角文字を用いること)
 ./03
+上で作成したレポート提出ページ(「自分のID」/03 )にアクセスし、「編集」リンクをクリック
+上で作成したレポート提出ページ(「自分のID/03」 )にアクセスし、「編集」リンクをクリック
+下の囲みの中をコピー・ペーストし、回答を書き込む
 *第3回課題
 ***氏名:
 ***課題4(予習課題)の答え
 -問1の答え:
 -問2の答え:

***課題4. (予習課題):テキストデータの検索・置換 [#y5927033]
    Humpty Dumpty sat on a wall.
    Humpty Dumpty had a great fall.
    All the king's horses and all the king's men
    Couldn't put Humpty together again. 
という内容のテキストがあります。このテキストについて次のような検索・置換を行うと、どういうことが起きるでしょうか?それぞれについて答えなさい。
-1. 「空白以外の任意の文字が任意の数だけ連続してpty''を含む''文字列」を検索文字列に指定し、「Pumpty」を置換文字列に指定して一括置換を行った場合、上のテキストはどうなるか?
-2. 「空白以外の任意の文字が任意の数だけ連続してall''を含む''文字列」を検索文字列に指定し、「ball」を置換文字に指定して一括置換を行った場合、対象とするテキストはどうなるか?