ZAPAブログ2.0

前回、「ニュータイプなjQueryその2-jQuery導入方法」として、jQueryの導入方法を解説しました。
今回は、「ニュータイプなjQueryその3」として、jQueryを利用してHTML要素にアクセスする方法を解説をします。
興味を持ったら、簡単なサンプルを作って、とにかく自分の手で動かしてみることが大切です。

前回、「ニュータイプなJSライブラリjQueryを使ってみよう！」でAjaxライブラリについてとjQueryについての解説をしました。
今回は、「ニュータイプなjQueryその2」として、jQueryの導入方法を解説します。

JavaScriptライブラリのニュータイプ「jQuery」。

jQuery is a new type of JavaScript library.

jQuery: The Write Less, Do More, JavaScript Library

ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。

Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。
そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。

ZAPA「ちょっとちょっと、アルファ…ルファモザイク開いてみなよ」
弟1「面倒くさいなぁ…何回確認してもアルファルファだよ」

面倒くさそうに弟がアルファ…ルファモザイクを開く。











ZAPA「ほら、ほら！アルファモザイクだよ！」




ZAPA「ほら、ほら！アルファモザイクだよ！」

弟2「ネタのためにわざわざアルファモザイク作ったのかよ」

ZAPA「ちがうよ！本物の[A]アルファモザイクだよ！Googleで検索しても出てくるよ！」

そんなわけで、読み方の勘違いから始まったアルファルファモザイク問題は、[A]アルファモザイクになって終了しました…。

「ただいまー」と帰国したあと、弟の部屋に入り、PCディスプレイを覗きました。
画面が茶色っぽかったので、弟にこう言いました。

ZAPA「アルファモザイク見てるなー」

と。

弟から返ってきたのは予想外の言葉でした。

弟1「ちがうよ！アルファモザイクじゃないよ、アルファルファモザイクだよ！！」

ZAPA「えっ、アルファ…ルファ、モザイク？」

弟2「そうだよ、アルファルファモザイクだよ！」

と、なぜか2人の弟から責められました。
「ってゆーか、なんで兄弟そろってみんなでアルファ…ルファ、モザイク見てるの？」とか思いながら、自分の部屋に戻り、確認してみることにしました。

ZAPA先生のマッシュアップ講座第4回が公開されました。

第4回　写真を表示するAPIを使ってみる

第４回は、写真共有サイト「フォト蔵」のフォト蔵APIの解説です。
フォト蔵APIを利用すると、フォト蔵に投稿された写真を検索したり、写真をアップロードしたりできるようになります。
今回のサンプルでは、「秋葉原」の写真を最大10枚表示するプログラムを作成しています。

完成すると、次のような写真が表示されます。

ページに関連した写真を自動的に表示したり、検索時に写真を表示したり、使い方はいろいろありますね。
興味を持ったら、「第4回　写真を表示するAPIを使ってみる 」を読んでみてください。

ZAPA先生のマッシュアップ講座、２００７年の更新はこれで終了です。
次回は来年１月９日の更新予定です。
冬休みにPHPやマッシュアップの勉強をするなら、ZAPA先生のマッシュアップ講座第１回から第４回までを参考にしてみてください。

第1回　Web サービス APIを使ってみる

第2回　マッシュアップサイトを作ってみる

第3回　PHPを利用してXMLを処理する方法

第4回　写真を表示するAPIを使ってみる

中国から日本に帰ってくるときのお話です。
杭州蕭山国際空港からJALの飛行機に乗り込み自分の座席に向かう途中、客室乗務員（スチュワーデスとかフライトアテンダントとかキャビンアテンダントとかキャビンクルーとかCAとかATとか呼び方がいっぱいあって困ります。以下文字数の関係でATにします）が通路を塞ぎ、奥まで進めませんでした。

どうせ前にも進めないので、一体何が起きているのか、ATと乗客とのやりとりを見ていました。

ATと20代の若い男性（この男性が席が無くて困っている様子）が何かやりとりをした後、22Gの座席に座っている40代男性に話しかける。
AT「お客様。お客様の座席はこちらであっていますでしょうか？」
40代男性「えっ、俺は21のGだけど」
AT「お客様。21のGは一つ前になります」
40代男性「あぁ、そうか。一つ間違えてたか」

40代男性が正しい座席に着こうと、前を見る。だが、前には30代女性客が。
40代男性「あれっ、前にももう人が座ってるけど？」

ATが前に行き、30代女性に話しかける。
AT「お客様。お客様の座席はこちらであっていますでしょうか？」
30代女性「私は21のGですよ。間違っていますか？」
AT「チケットを確認させていただけますか？」

30代女性が航空券を取り出し、「やっぱり21のGだわ」という顔をした後、落ち着いてATが言う。
AT「お客様。こちらは21のCになります」
30代女性「えっ、これ、Gだったんですか？！すみません、間違えました」

このやり取りを見ていた自分は、即座に21のCを見ました。
これで、21のCにも誰かが座っていたら、もう笑うしかないな、と思って。

おととしの知床、去年のエジプトとトルコに続いて、今年の世界遺産巡りは中国にしました。
少林寺やジャッキー・チェンなどの中国武術映画を見て育った自分としては、一度は行ってみたかった国「中国」。最近の日本では、環境問題や食料品問題などでイメージが悪くなる一方ですが、自分の中では子供の頃のイメージが今も残ったままです。
中国人は日本より韓国が嫌いによれば、中国人の好きな国第3位は日本だったりします（嫌いな国では第2位ですが）。やはり、実際に自分で現地に行って、体験してみることが大切だと思い行ってきました。
最初は北京で万里の長城を見ようと計画していたものの、いろいろあって日程が遅くなってしまい、12月中旬の北京は寒そうなので初中国は江南、杭州地方にしました。

ちょっと中国まで行ってきます。


無条件であなたのブログを読みます！（募集中）は、帰ってきた後にじっくり読ませていただきます。
すでにいくつものブログを自薦してもらっています。いろいろジャンルが分かれていて、新しい発見があったりして嬉しい限りです。自薦ありがとうございます。
まだまだ受付中ですので、読んでほしいという方は、トラックバック、メッセージフォーム、お問い合わせフォームのどこかからお知らせください。

ネットランナー改め、ネトラン。
今月発売のネトラン創刊？2号(12/8発売)では、ベスト・オブ・常習者サイト2008作品が発表されていました。
有名なサイトからマニアックなサイトまで、いろいろノミネートされています。
ニュースサイトとしても、ふぇいばりっとでいずやまなめはうすなど、[Z]ZAPAブロ～グ2.0を1次リンクとして取り上げてくれるようなサイトもありました。（大手のゴルゴ31、かーずSPなどには2次や3次情報として広まったりもしています）

面白いところでは、ゴリラブーツ。
はてなブックマークの下の方に、しょっちゅうゴリラブーツへのリンクがあったので、最初はスパムサイトかと思っていました。
その後、「ゴリラブーツはスパムだと思ってた」みたいなエントリが注目されてて、「またまた〜。嘘でしょ？」と疑いながら読んでみたところ…
「ゴリブーは何の関連もないリンクを貼っているようで、リンク先記事を並べることで無言の文章を作り出している」みたいなことが書かれていて（ソースがどこだったか忘れました）、そういう目でゴリラブーツを見てみたら、本当にスパムサイトじゃなくてニュースサイトで、ビックリした覚えがあります。
でも、一番驚いたのは、そのネタのチョイスの仕方。

実は、増田に投稿してみてわかったことのあとも、何度かはてな匿名ダイアリーにフィッシングしに行ったことがあります。
魚が寄ってくることもあれば、全然寄ってこないこともあって、誰もブックマークしていないような撒き餌を、ゴリラブーツさんだけが、そのエントリへのリンクを寡黙に貼っていました。
名前も明かしていないはてな匿名ダイアリーで、周りから注目もされていないエントリなのに、わざわざ自分が書いた記事に、ピンポイントでリンクを貼ってくれることが一番の驚きでした。
しかも、1回だけじゃなく何回も取り上げてもらったりしたから不思議です。人気のあるなし関係なしに。匿名なのに、名前がばれているんじゃないかと思ってしまいました。