hirax.net::Keywords::「ページ」のブログ

■最初の一瞬で決まる「WEBサイトの印象」　

　色々なことに忙殺されて、身動きとれない今日この頃。Tech総研ブログ「平林 純@「hirax.net」の科学と技術と男と女」に、最初の一瞬で決まる「WEBサイトの印象」〜 一枚だけ目を惹く画像を使う、これがコツさ！ 〜 を書いてみました。

「内容が良いページを書いているサイトは、デザインも良いことが多い」「デザインが悪いページを作っているサイトは、内容も今ひとつ」ということなのかもしれません。　ちなみに…

■hirax.net カムバック　

　しばらくの間、というよりずいぶん長い間、hirax.netのトップページも(トップページからリンクされている)「できるかな?」もほったらかしにしていた。これではいけない、これではまずい。
　…というわけで、まずはページの掃除をして、気分一新してみました。まっさらさらになったページを眺めてみると、なんだかやる気が湧いてきます。

■「相手の問題は自分にも当てはまる」「自分の価値観」　

　週に2,3回くらいは出張がある。そんな時には、雑誌などを文庫本を買って、気に入ったページを破ってポケットに入れる。今日、破りとったページは、まずは週刊SPAの勝谷誠彦 「ニュースバカ一代」から、永田議員の話から始まる「高校生意識調査の巻」

…鏡に自分の顔を映してみた方がいい。そこには、彼（永田議員）とそっくりなあなたがいるんじゃないですか。…ところが、いかなる逆境でも、例えば共産党はふて腐れない。宗教政党もそうだ。むしろ、彼らは逆境をバネとする。それは、…確固たる価値観があるからだ。　　　勝谷誠彦　「高校生意識調査の巻」

■WEB 2.0時代のコンビニ・プリント活用法　

「自分がいる場所」の便利地図を見やすく素早く作り出そう

　最近の携帯電話はGPS測位機能が標準装備されているのが普通です。初めて行く場所で誰かと待ち合わせるときや、外出先で道に迷ったときなどは、携帯電話付属のソフトで地図を眺めて場所を確認したりすることがあります。それはそれで便利なのですが、携帯電話の小さな画面ではどうにも見づらくて、結局近くの本屋やコンビニに駆け込んで、地図を眺めたりします。ところが、それはそれで自分が今いる位置を見つけ出すのに苦労します。その時点で既に迷っていたりするわけで、地図を眺めてみても「ココはドコ？ワタシはダレ？」状態になってしまうのです。

　そこで、今回は「街中に溢れているコンビニ(セブンイレブン)と自分が持っている携帯電話を使うことで、自分がいる場所がちゃんとわかる地図、しかも紙の大きく見やすい地図、さらに自分が探している場所などの便利な情報が入った地図を一瞬で作り出す」ということをしてみようと思います。

携帯電話ナビ機能は便利だけど…小さすぎる

　私の携帯電話にはGPS測位機能とナビ機能がついています。右の写真は、携帯電話で自分がいる場所辺りの地図を眺めている例です。初めて行く場所で誰かと待ち合わせるときや、外出先で道に迷ったときなどは、こんな携帯電話地図を眺め場所を確認したりすることがあります。これはこれで便利なのですが、写真を見ればわかるように、こんな携帯電話の小さな画面ではどうにも見づらくて、結局近くの本屋やコンビニに駆け込んで、(大きな)地図を眺めたりするのです。やはり、携帯電話画面に映し出された小さな地図よりは、紙の大きな地図の方がずっとわかりやすいわけです。

　ところが、紙の地図の場合、自分が今いる場所を見つけ出すのに苦労したりします。携帯電話なら、(GPS測位された)今現在の場所にアイコン表示がされていたりするわけですが、紙の地図ではそうはいきません。紙の地図はどこかの印刷所で印刷・製本されているわけで、私やあなたようにカスタマイズされた地図ではないのですから、それは当然の話です。その結果、地図は見やすいけれど、自分の場所がわからないという(現実にも地図上でも)「ココはドコ？ワタシはダレ？」状態になってしまうのです。地図を探している時点で既に道に迷っているわけですから、そうなりやすいのも当然の話です。それに、自分の位置がわかったところで、地図本はそんなに安くありませんからなかなか買いづらかったりします。必要なページはたった1ページだけなのに、一冊の本を買うのもなぁ…と思い始めて、地図を頭の中に記憶して本屋をそのまま出てしまう、なんていうことをします。これでは、単なる立ち読み野郎です。…しかも、えてして、その記憶の中の地図は全然あてにならず、またすぐに迷ったりするのです。

自分専用の地図をコンビニ・プリントで作り出す

　以上のジレンマを整理してみるとこうなります。

• 「携帯電話なら自分の位置がわかるけれど、地図は小さく見にくい」
• 「本屋やコンビニに置いてある地図は大きく見やすいけれど、自分の位置がわからない」
• 「地図本の中で、自分にとって必要なのはたった１ページしかないが、１ページ単位の地図はなかなか売っていない」

「携帯電話・Googleローカル・ネットプリント」を組み合わす

　実際にやることはとても簡単です。

• 「携帯電話」
• 「Googleローカル」
• 「(セブンイレブン・富士ゼロックスの)ネットプリント」

　実際にそんなスクリプト(ダウンロード・説明などはさらに下にあります)などを作って、試してみたようすが下になります。まずは、携帯電話でフォームページにアクセスしボタンを押すと(1番左の画像)、測位が開始され(2番目の画像)、作業が完了した旨が表示されます(3枚目の画像は"周辺マンガ喫茶地図を作成"した例です)。そして、ネットプリントのサーバから「コンビニでプリントする際に必入力するプリント番号」がメールで送られてくる、というわけです。一番最初からここまで、必要な時間はせいぜい30秒といったところです。やることは、リンクを呼び出してボタンを一回押すだけ、です。

　さて、ここまで来たら近くにあるセブンイレブンに入りましょう(もちろん、上の手順をコンビニの中で行ったって構いません)。最近であれば、都会の街中で周囲を眺めてみれば、セブンイレブンは必ず視界のどこかにあることが多いので、セブンイレブンを捜すのに苦労はしないはずです。そして、店舗中に設置された多機能プリンタの「ネットプリント」のボタンを押し、予約番号を入力し、そしてプリントボタンを押せば、下のような地図が出力されるのです。ただ、それだけ、です。その作業にかかる時間はせいぜい30秒～1分以内といったところでしょう。そんな風にお手軽に「自分の今いる場所を中心にした、自分を探している場所や電話番号・住所が記入され、色んな場所アイコンもちゃんと描かれている見やすく大きくカラフルな地図」がすぐ手にはいるのです。下の地図は、渋谷駅周辺でイタリア料理レストランを検索した結果の地図、です。大きな紙上に、自分にとって必要な情報・地図がとても見やすく出力されていることがわかると思います。

　例えば、上に示した地図の場合は、A4カラーで出力したので1枚で80円ポッキリです。セブンイレブンで白黒プリントを選択すれば、(例えA3サイズでも)1枚30円ポッキリですし、A3カラーにしてもたったの120円なのです。手間も掛からず、値段も80円程度で最高にカスタマイズされた地図が手にはいる…なんて考えたら、携帯電話でパケット料金を気にしつつ小さな見にくい携帯画面を頼りに街をさまよう気にはもうなれません。

　今回作成してみたのは携帯・Googleローカル・セブンイレブンを組み合わせた(マッシュアップした)地図出力ですが、今回のスクリプト（あるいは単に今回のアイデア）を色々改造してみれば、便利な活用法はたくさんありそうです。例えば、Googleローカルでなく、Googleを使って検索キーワードの高順位のものを組み合わせたページを出力する。あるいはニュース記事やRSSなどを組み合わせたページを作成し、コンビニで出力させて、「あなただけにパーソナライズされたニューズペーパー」を電車の中で読む、そんな面白い可能性が見えてくるはずです。素晴らしく楽しい、そしてあなたの生活を幸せにする「WEB 2.0時代のコンビニ・プリント活用法」が浮かび上がってくるのではないでしょうか？今回の記事がそんなキッカケになったら良いな、と空想してみたりします。

「スクリプト」の説明

　携帯電話で位置を調べ、探したい情報と位置情報をもとにGoogle ローカルからパーソナライズ・カスタマイズされた地図を作り出し、セブンイレブンと富士ゼロックスのネットプリントを使い地図データをネットプリントのサーバーに格納させる、という

• 「携帯電話」
• 「Googleローカル」
• 「(セブンイレブン・富士ゼロックスの)ネットプリント」

if ( param() ) {    my $pass = 'hoge';  # ネットプリントのパスワード    my $user = 'hoge';  # ネットプリントのユーザ名    my $mail_adress = 'hoge@hoge'; #予約番号通知先    # 緯度経度取得    my $lat = param('lat');    my $lon = param('lon');    $lat =~ s/\+//;    $lon =~ s/\+//;    my $str = param('cond');  # 検索条件    $str = jcode(  UrlDecode( $str ) )->euc;    $str = jcode( $str )->utf8;    $str = UrlEncode( $str );
    # GoogleローカルのアクセスURL    my $uri = '"http://local.google.co.jp/local?f=l&hl=en&sll='       .$lat.','.$lon.'&q=' . $str . '&near=' . '' . '"';    # 地図画像作成    my $file = makeFile( $uri, 1600, 1600 );
    # ネットプリントに地図画像送信    postFileToNetprint( $user, $pass, $mail_adress, $file );	# 完了画面表示	printHTML2( $lat, $lon, jcode(                             UrlDecode( $str ) )->euc );} else {    # 初期画面表示    printHTML1();}

form action="device:gpsone" method="GET"

#========ネットプリントにファイル登録==================sub postFileToNetprint {	my ( $user, $pass, $mail_adress, $file ) = @_;	my $net_print_url    = 'https://www.printing.ne.jp/cgi-bin/mn.cgi';   	$net_print_url = "$net_print_url?i=$user&p=$pass";	my $mech = WWW::Mechanize->new();	# ネットプリントへ	my $response = $mech->get( $net_print_url );	# ファイル登録ページへ	$mech->follow_link( url_regex => qr/&c=0&m=1/i )	 # ファイル送信フォーム;	$mech->submit_form(                                     form_name => 'uploadform',            fields    => { file1 => $file,            color => '1',      # プリント時にカラー/白黒 選択            number => '1',     # 数字のみ番号に設定            secretcodesw =>'0',# 暗証番号は設定しない            secretcode => '',            ailsw => '1',      # 登録結果を通知する            mailaddr => $mail_adress,        },    );	$mech->submit_form( 	    form_name => 'm1form',   # サイズ指定        fields    => { papersize => 'A4',}, # A4, A3, B5, B4                      );	return 1;}

■全リンクのPageRank同時表示　

　ページを表示する際に、「ページ中にあるリンクの全てに対し、Googleのページランクを表示」するWebmaster Eyes.