ホームページ

第二期いかロボット創造プロジェクトは歴代の先輩方から代々ホームページを製作してきた。第 二期いかロボット創造プロジェクトは歴史こそ長いが新しいＩＫＡＢＯを製作することで他の活動 をしない年も多かった。したがって、次の年のプロジェクトメンバーに引き継ぐとき、歴代ＩＫＡ ＢＯの使用方法やグッズなどしか引き継がれず、ホームページの存在がなかったことになることが 多々あった。去年度の先輩方はそれに注目し、去年製作したホームページを確実に今年のプロジェ クトに引き継いだ。去年度に出来得なかったようなホームページの更新を行うことが今年度の目標 である。また今年あたらなホームページを製作しても来年度に引き継がなければ意味がない。そこ でわれわれは来年度に引き継ぎやすいようなホームページ製作をし、さらに来年度に引き継げるよ うに尽力しなければならない。

ホームページ製作をするにあたって、去年度の引き継がれたホームページの説明を受けた。今年 度でのホームページ製作の目標を表記し、解決までのプロセスを明記する。

• アンケートに複数回答えられるバグの修正

• CSS^{ファイルの作成}

• ^{ホームページの更新}

• より多くのコンテンツの追加

• ^{ホームページの宣伝}

• 更新しやすいようなホームページの製作

今年の活動を行うたびに新たな活動記録としてホームページを更新することが必要であった。去 年度までのホームページにはプロフィール、去年度のイベント活動記録、グッズ紹介、アンケー ト、PVムービーがあった。がしかし、内容が淡々としていて、更新を楽しみにしたり、何回も訪 れるようなホームページにするためには新たな数々の機能を追加しなくてはならない。引継ぎが行 われてすぐ新たな機能を開発するのに何が必要かということを議論した。子供が遊びやすいような ゲームの作成、次回のイベントの参加予告などがあげられた。まずトップページのレイアウトを一 新し、ヘッダーのリンク遷移をよりわかりやすく編集した。去年度以前、２００７年度までのいか ロボットプロジェクトの活動記録をページに追加し、過去の活動を見られるようにした。また製作 班と協力し共に情報共有してＩＫＡＢＯの詳しい情報を載せた。前期ではホームページは現状維持 を目指し、活動記録の更新とCSSファイルの作成に専念した。形が出来てるものを形を変えず、

コードのみを変えるのは当時は予想以上に難しく苦労した。

去年度のホームページでは作成されたホームページはhtmlファイルのみで構成されてあり、す べてのレイアウトもページひとつひとつに独立して設定されていた。したがってページの読み込み に時間がかかってしまう。これを解消するためにCSSファイルを設定し、ページのレイアウトを 一括に設定すると時間を短縮できると考えた。まずページを崩さないようレイアウトをひとつひと つに設定し、クラス分けを行った。次に、トップページにのみCSSファイルを適用させ、ページ にバグが生じるかどうか試した。バグやレイアウトのずれが発生しなかったので全てのページに反

映した。活動記録の更新では新たなページを作ったが、他のページとレイアウトが異なってしまっ たり、既存ページに項目を追加できなかったりした。これはクラスの名前が間違っていたり設定す る場所を誤っていたことを見つけ出し、修正した。他にもレイアウトがひとつ下がってしまうバグ が生じてしまった。原因はレイアウトの設定を行うときそのページにだけ２行ほど改行している事 のみであった。すぐにこれを解消しCSSファイルをページに適用した。

去年度のホームページではＩＫＡＢＯの知名度に関するアンケートを行っていた。これはＩＫＡ ＢＯの知名度上昇を狙い、それに証明する手段として活用されたものである。これをphp^にて制 御し、エクセルでのxlsファイルで出力する仕組みであった。しかし、そのアンケートは何回でも 回答が出来てしまうというバグがあった。これでは同じ人が何回も答えてしまう可能性を考慮して より情報を確実にするため、同一コンピュータでは１回ずつしか答えられないように調整すること が必須であった。他にもホームページの閲覧数とアンケートに答えた人を比較しても圧倒的にアン ケートに答える人数が少なかった。

夏休み明け、後期に入ってからホームページ製作以前の問題が生じた。それはアクセス数が全く 増えないことである。去年度、先輩がホームページを完成させてから今年度後期が始まるまでで のアクセス数は２００件に満たなかった。これは誰も見ていないのと同じであった。アンケート もたったの７件と同一人物が書いても書かなくても関係ない、意味のないようなものになってし まっていた。ホームページをより多くの人に閲覧してもらうために何をするべきか考えた。そこで ツイッターに非公式アカウントでＩＫＡＢＯをつくりつぶやきのひとつとしてホームページを宣 伝する方法である。またイベントに参加する際、ビラやポスターを用意することがあったがその中 にホームページの宣伝も含ませる方法である。またもうひとつにリンクを多く貼ることである。ロ ボットフェスinはこだて市民の会の方々に協力を要請し、リンクを貼っていただいた。アンケー ト欄は答えてもたいした情報にはならないことが予想されたため廃止し、新たに意見版としてお問 い合わせ欄を作成した。すると今年度１０月だけで１２１件の訪問数があり今年中２００件を超え る予想をはるかに上回る結果になった。

今年はＩＫＡＢＯを知らないような全国の人々にでもＩＫＡＢＯのより深く知ってもらうコンセ プトでホームページを編集した。以下の写真はトップページを写したものである。

図4.15 ホームページのデザイン

ホームページ製作ではCSSの設定に一番苦労した。それぞれのページでそれぞれのパーツを組 み立て、ページを作成するが、組み立てるパーツ毎に新たにページレイアウトを編集しなおし、綺 麗にヘッダー、フッダー等を配置できなかったりした。また配置を変更した際、全てのページに反 映させるのに大変苦労した。左上のロゴをクリックするとトップページへ遷移する。一号機が写っ ている箇所ではフラッシュを用いて一号機の紹介を見せている。深く知ってもらうための策として 各ＩＫＡＢＯのページを詳しく記載した。以下の写真は１号機の詳細である。

図4.16 １号機のページ

他のページの概要を以下に記載する。

• ikabo1.html

ＩＫＡＢＯの創造目的について書かれたページである。

• ikabo2.html

ＩＫＡＢＯ1号機の大きさ、制御部や電飾操作ユニットなどが書かれたページである。

• ikabo3.html

ＩＫＡＢＯ３号機の可動時間、操作部などが書かれたページである。

• ikabo5.html

ＩＫＡＢＯ５号機の可動時間、動作部、間接動作ユニットなどが書かれたページである。

• simin.html

ロボットフェスinはこだて市民の会のご挨拶が記載されている。

• history.html

各年度の活動記録が書かれたページである。０８年度にはgoogle map API^{を用いて地図} を見ながら記録を見られる仕組みになっている。

• ikayoutube.html

ＩＫＡＢＯに関連するyoutubeの動画をアップしているページである。ＩＫＡＢＯの親分 の設定であるイカール星人の動画もアップされている。

• ikadance.html

いか踊りの踊り方について絵を交えてで説明されたページである。

• links.html

ロボットフェスinはこだて市民の会等のリンクページが貼られている。

• contactus.html

本プロジェクトへの問い合わせやご意見をメールで送られるページになっている。

• goods.html

既存グッズや新グッズ情報などを載せているページである。

（※文責:福井紅輔）