2008年11月19日
MGちゃんでも解る動画DVDビデオ化計画 超高画質編
最近ちまたで噂の YOUTUBE で高画質HD版の動画のダウンロード方法などを書いておきましょう。
まぁものはついでというか、BLOGのネタが無いというか…
ダウンロード方法
一番簡単なのは、YOUTUBEで対象の動画を見つけてきたら、上記の画像のように、jp.youtube.com のところに「oha」をつけて jp.ohayoutube.com のようにしてサイトを呼び出す。
おはようちゅーぶ（ohayoutube）になるわけね。
http://jp.youtube.com/watch?v=xxxxx
↑
これをこうしてサイトを呼び出すと
↓
http://jp.ohayoutube.com/watch?v=xxxxx
上記のようなサイトに飛ぶんで、その下の方にある
「・超高画質HD版DL (HD版動画が存在しない場合はDLできません)」の部分を右クリックすると
上記のようなポップアップが出るんで
「対象をファイルに保存」を選んで適当なとこに保存すればオッケー。
ただし、対象の動画が「超高画質HD版」に対応していなければ保存できないけどね。
あとは「MGちゃんでも解る動画DVDビデオ化計画」の一連の chapter で説明した方法でDVDに超高画質HD版の動画が焼けるわけだ。
「超高画質HD版」はまだ対応動画は少ないけどこれから多くなってくると思うよん。
ちなみに YOUTUBE の検索で「HD」とか入れて検索し、わりと最近の登録ならHD版の可能性大。もしくは「fmt=22」対応とか書いてあるやつね。
おわび
上記サンプル画像の動画は実は超高画質HD版で保存できません（笑）
http://jp.ohayoutube.com/watch?v=qixnE45aCZM
↑
こんなんで試してみてね。PCで最大表示にしてもかなり綺麗よん。
投稿者 jjworkshop : 21:17 | つっこみを入れる (5) | トラックバック
2008年10月27日
MGちゃんでも解る動画DVDビデオ化計画 subjoinder
「MGちゃんでも解る動画DVDビデオ化計画 chapter-1」で説明に一部ミスがあったのでちょっち訂正しますた。
本文中にて
『拡張子に「.MP4」を付加して…』とあった部分は
『拡張子に「.FLV」を付加して…』の間違いです。
（まぁとくにMP4でも問題は無いですが）
ついでに、動画の中には高画質で保存されているものもあるので、そちらをダウンロードする方法も追記しておきました。
以下編集して一部抜粋
↓
------------------------（こっから）
[DL-VIDEO]で動画を変換するときに下記のようなメッセージが「DOWNLOAD VIDEO」ボタンの上に出ることがあります。
高画質版 : 【mp4形式】 ケータイ用 : 【3gp形式】
（右クリックで保存後、『(任意の名前).(mp4/3gp)』に変更）
この場合、上記の方法で「MP4」形式を選ぶと高画質でダウンロードを選ぶと比較的綺麗な動画をダウンロードできます。（こちらは保存のときに「.MP4」を付加してね）
どうもこのデータをPCでそのまま再生すると正しく再生されなかったり、音が出なかったりするんですが [DVD Flick] を使ってDVD化した後では正しく再生されるみたいです。（プレイヤーの問題か…）
------------------------（ここまでが抜粋）
ついでに、http://www.dl-video.net/ [DL-VIDEO] 以外にもう１サイト無料の動画変換サービスを照会します。
使い方はほぼ同じです。
http://www.vid-dl.net/ [Vid-DL]
こちらもなかなか便利です。（高画質MP4での保存も可）
[DL-VIDEO] [Vid-DL]共に、すけべーなやつ／YOUTUBE／ニコニコ動画の動画をPCへ保存できます。
投稿者 jjworkshop : 10:49 | つっこみを入れる (1) | トラックバック
2008年10月21日
MGちゃんでも解る動画DVDビデオ化計画 chapter-5
第一回目はこちらを参照のことアル。
第二回目はこちらを参照のことアル。
第三回目はこちらを参照のことアル。
第四回目はこちらを参照のことアル。
さていよいよ「MGちゃんでも解る動画DVDビデオ化計画 」の最終回です。
第3回目の最後の方で説明した「VIDEO_TS」がどこにあるか憶えてますか？
もし忘れちゃってたら DVD Flick をもう一度起動して確認してみてくださいね。
いろいろ準備はよろしいでしょうか？
準備完了なら下記アイコンをダブルクリックして発進しちゃってください。
ファイヤー！
ちょっとJJが使ってる ImgBurn が古いバージョン（2.4.1.0）なんで微妙に違うところがあるかもしれませんがそこはそれそれなりにやっちゃってください。
そんなには違わないですから。
そいから、説明の途中から画面が一部日本語になってたりしますがそれも気にしないでね！
書いてあることは英語版でも同じですから。
モードを上記画面のように「Build」に変更するでござる。
そうすると上記のような画面になるでござる。
使うのは①と②だけ。
まずは①をポッチして第3回目で作成したDVD化する エロ動画 動画ファイル（実際はフォルダ「VIDEO_TS」）を選択します。
このようなフォルダ選択ダイアログが表示されるので「VIDEO_TS」を選択して「OK」ボタンをポッチするでござる。
電卓のアイコンをポッチすると赤枠のように選択した「VIDEO_TS」をDVD化したときの容量を計算するでござる。
まぁこれは別にやらなくてもいいけどね。
ここでブランクのDVD-Wをドライブへセットしてしばらくすると②の部分に色が付いてポッチできるようになるのでポッチするでござる。
なんか聞いてくるのでそのまま「はい」をポッチするでござる。
（画面は日本語だけど英語でも同じだと思う）
なんか聞いてくるのでそのまま「OK」をポッチするでござる。
これでDVD-Wへの書き込みがはじまるのでしばらく待つでござる。
たぶん数十分で終わると思います。
終わったらDVD-Wがはき出されるか、もしくはDVDドライブのフタがパカッっと開くのでそしたら終了です。
終わった後、なんか英語でメッセージ出るときがあるかも知れませんが無視して「Enter」しちゃって下さい。
たぶん問題無く焼き上がってます。
これでもう ImgBurn を終了してかまいません。
ImgBurnを終了するときも何やら聞いてきますが構わず「Enter」し終了しちゃって下さい。
いやー長かったですねぇー
あとは焼き上がった エロDVD DVDを車のプレイヤーなりPS2なりに入れて堪能してほしいでござるよ♪
さてさて最後に１つだけ
まぁ１枚だけ焼くのならこれで終わりなんですが、当然２まーい、３まーいと新たにDVD化したくなりますよね。
いやー人間の欲望には底がないですから（うふふ）
２回目以降 DVD Flick で DVDファイル化するとき、「DVDファイルを削除してもよいか？」みたなこと聞いてくるんで（英語で）「Yes」と応えてください。
それでは「MGちゃんでも解る動画DVDビデオ化計画 」これにて
お・し・ま・い
投稿者 jjworkshop : 19:15 | つっこみを入れる (9) | トラックバック
MGちゃんでも解る動画DVDビデオ化計画 chapter-4
第一回目はこちらを参照のことアル。
第二回目はこちらを参照のことアル。
第三回目はこちらを参照のことアル。
さてそろそろティッシュの準備はよろしいでしょうか？
でもまだガマン汁は出しちゃダメよ！
さて、第4回目は前 [DVD Flick] を使って作成した エロ動画 動画満載のDVDファイルをDVDへ焼く準備をします。
DVDへ焼くにはまたもソフトが必要なんでそれのインストールから始めます。
利用するソフトは [ImgBurm]
いかにも焼けそうな名前ですよね♪
インストール方法も詳しくJJが書こうかと思ったのですが、とってもわかりやすいサイトがあるので、まずはそちらを参照してくだされ。
（けっして手抜きではないでござるぞ！）
↓
http://www.backupstreet.com/tools/imgburn.html#install
↑
ImgBurm 日本語化についても書いてありますが別に日本語化しなくてもオッケーです。
その後の説明は英語版にてされてますから、初期設定前に日本語化するとわかりづらいかも。
無事にインストールが終わったら下記のようなアイコンがデスクトップにできるでござるよ。
インストールが終わったら初期設定もやってね！
いろいろ書いてありますが、画像だけ見て同じ設定にすればオッケーです。
↓
http://www.backupstreet.com/tools/imgburn.html#settings
ImgBurm 初期設定のは下記画面のメニューからはいれるでござる。
と、このチャプター-４はこれで終わり。
えっ？ そんな！ 先っちょ入れただけでお預けなんて…
などと思ってはいけませぬぞ。
次回はいよいよ最終回の巻きでござる。
今度こそティッシュ用意して こうご期待。
今回、手抜きじゃないぞ！ ほっ ホントだぞ！
って、MGちゃん だいじぶ？ まだいける？？
投稿者 jjworkshop : 13:04 | つっこみを入れる (2) | トラックバック
MGちゃんでも解る動画DVDビデオ化計画 chapter-3
第一回目はこちらを参照のことアル。
第二回目はこちらを参照のことアル。
さていよいよ佳境に入ってきました。
第3回目は前回インストールした [DVD Flick] を使って エロ動画 動画を１枚のDVDへ納めるためのDVDファイルを作ります。
エロ動画 動画は沢山揃ってますか？
はやる チンコ 心を抑えてその前に１つばっかり注意点
注意：
エロ動画 動画のファイル名は半角の英数文字だけにしてね！
動画ファイルの名前に漢字（全角文字）が使われているとうまくいかない場合があるようです。
（ 例：診察室での秘め事＝× sinsatusitudeno_himegoto＝○ ）
さていよいよです。（まだティッシュの準備には早いです）
デスクトップに出来ている上記画像のアイコンをダブルクリックして DVD Flick を起動するでござる。
ちょっとウィンドウサイズを小さくしているけど起動するとこんな感じになるハズ。
使うのは①～⑤だけでござる
①
作成したDVDファイルはここにできあがるので覚えておいてね！
②
ここに第一回目にて作成したエロ動画 動画をドラッグ&ドロップで登録するでござる。
ドラッグ&ドロップの方法は次に説明します。③～⑤はその後に説明します。
まずは、エロ動画 動画を保存したフォルダを開いて、DVD Flickと並べておくでござる。
なんでもいいので１つファイル（動画）を選択するでござる。
そんで「Ctrl」キーを押しながら「A」キーを押すと全部選択されてこうなるでござる。
選択部分のどっかをポッチしたままボタンを放さないでマウスを動かすとこうなるでござる。
（そのままでね！ 放しちゃイヤよん！）
そのままズリズリと DVD Flick の②の部分に持ってきて、カーソルが上記画像のようになったらボタンを放すでござる。
そうすると、このようにエロ動画 動画がめでたく DVD Flick へ登録されるのでござる。
動画を選択して③を押せばその動画の再生順序を入れ替えできます。
動画を選択して④を押せばその動画を DVD Flick から外します。
他にも追加する動画があるなら同じようにドラッグ＆ドロップにて追加登録できます。もちろん１ファイルだけ選択してドラッグ＆ドロップもオッケーよ。
でも左バーの％表示には気をつけてね！ここが１００％未満なら１枚のDVDに焼けるってことです。
そんなこんなで
動画の編集が完了したらおもむろに⑤ボタンを押すでござる。
したら、上記のような画面になるんでしばらっく放っておくでござる。
動画の容量にもよりますが数十分はかかると思います。
完了したら「Close」ボタンが有効になるのでポッチするでござる。
これでDVDファイル作成の作業は全て完了です。
もう DVD Flick は使わないので終了してかまいません。
なんか色々英語で言ってくるけど無視して「Enter」押して終了させちゃってください。
っと、その前に①のDVDファイルを作成したフォルダだけは覚えておくでござるよ。（★注意）
と、このチャプター-３はこれで終わり。
MGちゃん、まだついてこれます？
おまけ（というか補足）
確認のため先ほどの①のフォルダを開いてみてください。
そのフォルダの中に更に「DVD」ってフォルダが出来てて、さらにその中に「VIDEO_TS」フォルダができているハズです。
この「VIDEO_TS」をDVDに丸ごと書き込めばDVDプレイヤーで再生できるDVDができあがるわけです。
次回チャプター-４はその方法を説明します。
ちなみに「VIDEO_TS」の中にある「VIDEO_TS.IFO」ってファイルをダブルクリックするとPCでまとめた動画を再生することができます。
↑
ただし、第1回目で照会した下記のプレイヤーが必要です。
↓
http://www.gomplayer.jp/ [GOM Player]
おまけ２
DVD Flick は日本語化できるんですが、日本語にしたからってたいしてわかりやすくもならないので敢えて英語版のまま使いますた。
気になるなら下記サイトを参照すれば日本語化することができます。
↓
http://dvdflick.popup.jp/
（やるならバージョンに気をつけてね！）
おまけ３
DVD Flick はもっといろいろな機能があって、チャプタータイトル付けたりとか色々できるみたいです。
「DVD Flick 使い方」で検索するとごっそりでてくるんで興味あるなら調べてみてね！
投稿者 jjworkshop : 07:09 | つっこみを入れる (3) | トラックバック
2008年10月20日
MGちゃんでも解る動画DVDビデオ化計画 chapter-2
第2回目は予告した通り、ダウンロードした エロ動画 動画をDVDファイルにまとめる方法です。
ダダーッっといきたいとこですが、「JJの文章は長いぞ！」「サルには難しいぞ！」とのご指摘もあり、今回は画像中心でまいりたいと思います。
てーことでチャプター-２はDVDファイルにまとめるためのソフト「DVD Flick」をインストールするだけでござる。
まずは下記をクリックしてダウンロードサイトを表示して下さい。
↓
http://www.dvdflick.net/download.php
こんなサイトが表示されるので「Download DVD Flick」ボタンをクリックするでござる。
もし、IEから
「セキュリティ保護のため、このサイトによる…ほげほげ」と怒られたら
『糞ったれ！』と一言罵って
メッセージの部分をポッチするとメニューがでるので「ファイルのダウンロード」を選択するでござる。
こんなウィンドウが出るので「保存」をポッチするでござる。
こんなウィンドウが出るのでまたも「保存」をポッチするでござる。
ここで、保存した場所だけは覚えておいてね！（★重要）
１つまえのステップで保存した場所を探して開いてください。
そしたら上の画像のようなファイルがダウンロードされてるはずなので、こいつをダブルクリックしてほしいでござる。
こんなウィンドウが出るので
「糞ウィンドウズめ大きなお世話だ！」と罵りながら「実行」をポッチするでござる
やっとインストールのとこにたどり着いたでござる。
あとは画像だけ載せるんでそのとおりにポッチするでござる。
入力する箇所は１つもないんで全てポッチだけね！
ここで「Install」ボタンを押すとインストールが始まるんで何か言われたら適当に「Enter」ボタン押しちゃってください。
んで、無事に終わったら、デスクトップに下記のアイコンが出来るはずでござる。
と、このチャプター-２はこれで終わり。
MGちゃん、まだついてこれます？
MGちゃんが挫折した時点でこの企画は終了でござる。（だって以外と大変なのよ…）
投稿者 jjworkshop : 20:46 | つっこみを入れる (7) | トラックバック
MGちゃんでも解る動画DVDビデオ化計画 chapter-1
漫画でってわけにはいかないけど、PC音痴のMGちゃんでも簡単に動画からDVDビデオを作成できる方法なんかを書いてみます。
題して 『さるでも解る 間違えました…
『MGちゃんでも解る動画DVDビデオ化計画』 ってーことでそのチャプター-１は、動画をPCへ落とし込む方法を説明します。
いろいろやり方はあるんですが、一番簡単なWEBサービスを利用した方法です。
（他にも「動画 変換サービス ダウンロード」とかで検索すればいろいろあります）
まずはコレクションする エロ動画 動画を探してこなくてならないんで、 REDTUBE YOUTUBE とかから検索してください。
コレクションしたい エロ動画 動画が見つかったらそのURLをメモします。
メモが大変でしたら、URLをクリップボードにコピーしてください。
クリップボードへのコピー方法は、通常IEとかでしたら上記画像のURL部分をクリックするとURL部分が選択状態になるので、右クリックし「コピー」を選択します。
もしURLが選択状態になっていなければ、一端他の場所をクリックし再度URL部分をクリックすると選択されます。
ここからいよいよWEBサービスを利用します。
WEBサービスといっても特に登録等の必要はありません。
下記「DL-Video」サイトへアクセスするだけです。（無料）
↓
http://www.dl-video.net/ [DL-VIDEO]
上記サイトへジャンプするので、先ほどメモした（コピーした）URLを上記画像の場所へ入力します。
クリップボードにコピーしている場合は、入力場所で右クリックし「貼り付け」を選択するだけで入力できます。
URLを入力したら「GET LINK」ボタンを押してください。
入力したURLの動画が正しく変換可能ならば上記のようなページを表示しますので「DOWNLOAD VIDEO」ボタンをポッチ（左クリック＝ポッチね）してください。
上記のようなセキュリティチェックのダイアログが表示されるので（画面は VISTA）「保存」をポッチしてください。
ファイル保存のダイアログが表示されるので面倒ならこのまま保存をポッチしてください。
注意してほしいのは、ここで保存した場所と保存したファイル名を覚えておくことです。
忘れちゃうと探すのが大変（というか探す方法を説明するのが大変）ですからね。
てーことで、チャプター１はこれにて終了です。
簡単ですよね♪
動画を沢山コレクションする場合は上記を繰り返せば良いのですが、規定値のまま保存するとファイル名が全部「get_video」になっちゃうので上書きされてしまいます。
後でわかりやすくするためにも名前を変更して、例えば『診察室で行われるいけない××な治療 副題：あー目隠ししたまま後ろからは先生…』 とかで保存するといいかと思います。
ファイル名の後ろに「.FLV」とか付けると更によろしアル。
（まぁ付けなくてもいいけど）
さて、次回はコレクションした動画を１つのDVDビデオファイルにまとめる方法を説明します。
こんなツールを使う予定です。
↓
http://www.gigafree.net/media/dvdconv/dvdflick.html [DVD Flick]
おまけ
上記の方法でPCに保存した動画は拡張子を「.FLV」にするとそのまま動画をPCでみることができます。
ファイル名の後ろに『「.FLV」とか付けると更によろしアル』と説明したのはこのためです。
もし見られないようでしたら下記のツールとかをインストールすると見られると思います。
↓
http://www.gomplayer.jp/ [GOM Player]
追記：2008.10.27
動画を変換するときに下記のようなメッセージが「DOWNLOAD VIDEO」ボタンの上に出ることがあります。
高画質版 : 【mp4形式】 ケータイ用 : 【3gp形式】
（右クリックで保存後、『(任意の名前).(mp4/3gp)』に変更）
この場合、上記の方法で「MP4」形式を選ぶと高画質でダウンロードを選ぶと比較的綺麗な動画をダウンロードできます。（保存のときに「.MP4」を付加してね）
どうもこのデータをPCでそのまま再生すると正しく再生されなかったり、音が出なかったりするんですが [DVD Flick] を使ってDVD化した後では正しく再生されるみたいです。（プレイヤーの問題か…）
投稿者 jjworkshop : 12:50 | つっこみを入れる (8) | トラックバック
2008年07月16日
JJW MAP GEOサーチ
JJworkshop の携帯サイト（←携帯からでないと飛ばないよ）にある「GEOサーチ地図検索」
店検索が正しく表示されなかったのだ
だいぶ前に誰かに指摘されてたんだけど
Google が結構頻繁にページレイアウト変えちゃうんで、対応するのが面倒になってたのさ
まぁ調べてみたら、細微な変更だったので
調べるの３０分、修正１分みたいなね
せっかく修正して使えるようになったんで使い方なんかを
ページの「現在位置地図」をポチッっと
（もちろん、検索ワードで駅名とか入れても可）
地図が表示されたら、店検索のところに「ラーメン」とか喰いたい物入れて「店検索」ボタンをポチッっと
（病院とか公共施設でも良いけどね）
検索結果が出てきたら行きたいところのリンクをポチッっと
あとはてくてく歩いて毒を喰ってください
で、最初の写真に戻って
このエントリー書いているときにGEOサーチでヒットした清水屋のラーメンを喰ったのさ
まぁこの手のサービスは多々あるんだけど、JJW MAP のアドバンテージといえば
・ただ （通信料はかかるけど）
・PC版 Google と同じ結果 （そりゃそーだPC版サイトのスクレイプだし）
・携帯のキャリアを問わない （よほど古くなきゃどんな携帯でもおけ！）
・サルでも使える （犬猫は無理、肉球じゃボタン押せない）
すげーな！
投稿者 jjworkshop : 12:40 | つっこみを入れる (6) | トラックバック
2007年11月02日
ぐりぐり動く携帯用地図
試験の前日にガンプラを作りたくなる。
忙しいときに限って余計なプログラムを書きたくなる。
なにも今やらなくても…
ってときにしょうもないことをするのが好きなのだからしょうがない。
ってことで
タイトルの通り、携帯Javaで地図をグリグリ動かすプログラムを書いてみた。
いまのところ WILLCOM 限定。
つか、ほかの実機で Java が動かせる携帯が無いのでテストできないのだ。
それにしても、こりゃ面白いね。
J2ME だと、とてもコンパクトな Java のサブセットなんで、これってプログラムのお勉強にも以外といいんじゃないかと。
ただメモリが限られてるので、あまり正統的な組み方をするとプログラムサイズが大きくなるから、すこし邪道なことをしなきゃなのが難点といえば難点。
まぁ 能書きはこれくらいで、まだβ版だけど、『グリグリ動く携帯地図』は、WILCOM の携帯から下記にアクセスしてみてください。
（実機テストは WX320T のみ）
検索はＰＣでＷＥＢにアクセスするのと同じ Google のジオサーチを利用してます。
http://jjworkshop.com/i/
PCからアクセスはできません。
WILLCOM の CLUB AIR-EDGE での接続だと通信ができないので PRIN とか他のダイアルアップ接続を利用しなければなりません。
地図データは 500×500のサイズで約 50Kbyte 前後になるんで、パケットでの従量制料金設定をしている場合は気をつけてね！
ほんとは現在地の測地も処理したかったんだけど、WILLCOM のそれって CLUB AIR-EDGE で接続しないと利用できないみたいんだんよなぁ…
かといって CLUB AIR-EDGE 接続にすると HTTP 通信そのものが出来ないし…
なんとかしてほしいぞ WILLCOM
投稿者 jjworkshop : 17:47 | つっこみを入れる (2) | トラックバック
2007年10月02日
ZipNoFinder2 アップデート
ZipNoFinder2 for Windows を ver 2.0.0.3 へアップデートしました。
ZipNoFinder2は、郵便番号を検索するツールです。
住所の一部から郵便番号、もしくは、郵便番号から住所を、双方向に検索できます。
最新の郵便番号は「日本郵便」のサイトからオンラインで自動取得できます。
１０月より、郵政民営化に伴いサイトも変更（レイアウト＆文字コード）されたようです。
これに合わせて、一部プログラムとパラメタを修正しました。
ZipNoFinder2 を既に利用している場合、ZipNoFinder2のヘルプメニューからバージョン情報を表示し、自動更新ボタンを押下すると、オンラインで簡単にバージョンアップできます。
最新の郵便番号データ（平成19年9月30日版）は、プログラムをバージョンアップしてからオンライン更新してください。
２つ続けてプログラム系のエントリーやね。
オイラすっかりプログラマだってこと忘れてたね。
C++のコードなんてすっかり忘れてると思ったけど意外と覚えてるもんだね。
投稿者 jjworkshop : 12:50 | つっこみを入れる (0) | トラックバック
2007年10月01日
携帯地図検索サービスの修正
携帯地図検索サービスを一部修正しました。
Google map のサイトレイアウトが一部修正されたため、検索結果が複数あった場合の一覧が表示されなくなっていましたので修正しました。
投稿者 jjworkshop : 22:29 | つっこみを入れる (0) | トラックバック
2007年07月18日
携帯地図検索サービス
携帯地図検索サービスをバージョンアップ！
店検索機能が付きました。
現在表示している地図の、中心から約800m以内にある店やサービスをキーワードで検索できます。
「ラーメン」「焼き肉」「美容院」「歯医者」等のキーワードを入力して「店検索」を押下して下さい。
現在地検索後にこの機能を利用すると、今居る場所の近くの店を検索できます。
店情報は、口コミ情報なんかも表示してます。
既知のサービスで、探せば他でもやってるし、今更とも思ったんだけど、まぁここまで作っちゃったからついでに付けてみた機能。
作ってみれば以外と便利なことに気が付いた。
追記：2007.07.18
なんか気になって、ちょこっとだけ調べてみた。
意外とフリーで使える携帯地図ってないもんだ…
有料なら
ちず丸ケータイ版
携帯地図 MapFan
Mapionモバイル
ZENRIN Its-MoNavi
こんなところか。
有名どころ勢揃いだな。
一応 Google で、「携帯 地図検索」で調べて JJworkshop より上にあったやつだけ。
キャリアの地図サービス（EZナビとか）もあるけど、あれって全部無料じゃなかったような…
（使ってないからわからんが）
フリーなら
モバイル版Yahoo地図
ぐるなびモバイル
モバイルGoo
livedoor mobile
有名どころのPCポータルはだいたいモバイル版があって、一応携帯で地図も見られるみたい。
ただ、地図に特化してるわけじゃないので、自分的にはそれほど便利な気はしない。
面白いのが、Google maps で、モバイル版は Windows Mobile でしか対応してない。
こうしてみると、以外にこれは使えるきがする。
そもそも検索エンジンは Google なんで、PCで検索する Google map と同等。
劣っているとすれば、携帯故に表示面積が狭いことくらい。
このあたりは操作性とかでカバーすれば以外と使いやすくなるんじゃないかと。
投稿者 jjworkshop : 20:19 | つっこみを入れる (0) | トラックバック
2007年07月15日
モバイルブックマーク
JJw モバイルブックマーク
↑
JJworkshop の新しいモバイル用WEBサービスでっす。
もちろんフリーで利用できます。
詳細は、このサイト右上バナーの「詳細…」ボタンを押してみて下さい。
波乗りの予定が台風で狂っちゃたから、昨日の夜と今日１日中ずーーーとプログラム書いてた。
こんなに書いたのは久しぶり。
って、台風のデータを「気象庁」のページからとってくるってCGIだったんで、台風があるうちにしか書けないからね。
もっとも、そっちがメインじゃなくて、モバイルブックマークに初期登録するブックマークのCGIとして書いていたんだけど。
いくつか作り置いてたCGIを合体させてJJwモバイルブックマーク完成。
似たようなサービスはあるけど、どうも自分には使いづらくて、完全に携帯から利用することを前提にして作ってみた。
初期設定のブックマークは、完全にサーファー仕様だな（笑）
好きな名前のIDは早い者勝！
投稿者 jjworkshop : 18:09 | つっこみを入れる (0) | トラックバック
2007年07月03日
携帯電話用の地図検索
Google map 検索サイトのフォーマットが変わったみたいで、ここ数日間、携帯用地図検索が「エラー！」を返してたようです。
利用して下さってる方からの報告でわかりました。
（報告アリガト）
新フォーマットに合わせて修正したので、現在は利用できるようになっています。
投稿者 jjworkshop : 13:29 | つっこみを入れる (0) | トラックバック
2007年04月19日
MAP工房での文字コード
MAP工房で作ったタグを「S-JIS」で作成しているサイトで使えないか？
って質問があったので、少しテストしてみた。
（MAP工房は UTF-8 を推奨）
まず
除外していいのが IFRAME を利用している「Google-iframe版」。
これは、IFRAME の中で閉じているので、外側の文字コードに影響しない。
CGI から、UTF-8 で、IFRAME 内へ地図ページを出力している。
このモデルは、どんな文字コードを使ったページにも配置できるので一番親和性が高いかもしれない。
サーバ負荷が増えるとサービスしきれなくなる可能性はあるんだけど、幸いにもというか、不幸にもというか、MAP工房の知名度が無いので、いまのところサービスに影響することは無い。
えーっと、今後もたぶん大丈夫でしょう。
次に
Google Map Api を利用していない「Yahoo HTML版」と「Google HTML版」。
この２つは、URLの記述部分のみ UTF-8 の URL エンコードを施しているので、漢字は「%25B2%25A3%25C9...」のような記述になる。
なので、この２つのモデルも、利用するページの文字コードに影響しない。
試しに、「S-JIS」と「EUC-JP」でテストしてみたけど、どのタグも問題なく利用できた。
最後に
Google Map Api を利用している「Google-Api版」。
「S-JIS」と「EUC-JP」で、それぞれ 、「Firefox 2.0」「IE6/IE7」「NN7.1」「Opera9.10」でテストしてみた。
結果から言えば、これも問題なく利用できた。
実は、IE でうまくいかなくて、色々悩んだんだけど、なんのことはない、URLパラメタの組み立てに一部ミスがあって、S-JIS と IE の組み合わせでうまくいかなかったのだ。（これは修正済み）
Google map api が UTF-8 を前提にしているので、スクリプトに「charset="utf-8"」を記述すれば、ページは他の文字コードで記述されていても地図を表示できるようだ。
「charset="utf-8"」を忘れるとFirefoxは大丈夫だが IE の場合スクリプトエラーになる。
「Google-Api版」で出力するスクリプトは、もともと「charset="utf-8"」の記述があるので問題ない。
ということで、結論としては
MAP工房で作成したタグはすべて、文字コードに関係なく利用できる。
だけど、「Google-Api版」だけは、GMap のルールに従うなら、利用するページは UTF-8 が望ましい。
補足：
テストでは、保存形式と同じ文字コードの指定を、HTML の <head> に
<meta http-equiv="Content-Type" content="text/html; charset=文字コード"> で指定。
この、meta の記述を忘れたらどうなるかはテストしてない。
投稿者 jjworkshop : 23:04 | つっこみを入れる (0) | トラックバック
2007年03月28日
迷子になっちゃうあなたへ
世の中には便利なWEB用APIを作ってくれる方がいる。
これ
↓
SimpleAPI「最寄り駅Webサービス」。
で、ちょっと思いついて、携帯版の地図検索に組み込んでみた。
といっても、イメージはほとんど URL を組み立てるだけなんで、プログラミングといえば、最寄り駅文字情報XMLをCGIでパースして携帯向けに編集しただけ。
← ご利用はこちらから。
もしくは
↓
http://jjworkshop.com/mv/jjmap.cgi
携帯から、現在地検索で地図を表示し、「駅サーチ[7]」ってのを押すと、半径１キロ以内くらいにある駅を方角と一緒に表示する。
すぐに迷子になっちゃう貴女や貴男。
あとは、コンパスさえ持っていれば安心。
えっ コンパスなんて持ってないって。
じゃ夜なら北極星を探したり、昼なら時間と太陽の位置から大体の方角がわかるように訓練しておけばいいのさ。
それもダメなら、５分位適当に歩いて、現在地を確認すればどっちに歩いたか分かる。
きっと一人オリエンテーリングみたいで楽しいはずだ。（多分）
投稿者 jjworkshop : 12:18 | つっこみを入れる (0) | トラックバック
2007年03月16日
昼休み
昼休み。
寝ちゃえば良かったんだけど、ハタと思い出した。
そいえば、あるサイトで「ＭＡＰ工房」のインプレッションが載ってて
「緯度経度が検索からしか入力できない」
「サテライト表示から場所を見つけられない」
って書かれてたの思い出したのだ。
（書いてくれてありがとです、それに全体評価は良かった）
そのあたりちょっと負けず嫌い。
ってことで、飯食って３０分ばっかしプログラミング。
で、ちゃんとつけました。
座標指定で「地図から選択」ボタン押すと地図表示して好きに場所が選べます。
それにしても、Google Map プログラムって、この程度なら恐ろしく簡単にできるなぁ。
投稿者 jjworkshop : 13:42 | つっこみを入れる (0) | トラックバック
2007年02月23日
携帯地図ツールなど
携帯の GPS って面白い。
（ちょっと旧聞だけど…）
で、地図関係のツールをいくつか作ったし、ちょっと携帯のＧＰＳと連動して遊んでみた。
つか、メインは Google のジオサーチを携帯から利用できるようにプロクシCGIを書き、連動して地図を表示することだったんだけど、以外と簡単に GPS の情報も取得できるんで、両方盛り込んでみたのだ。
ほとんど実機テストしてないから（エミュレータではやったけど）、いろいろ情報もらえると嬉しいでっす。
とくに、ＤｏＣｏＭｏ と SoftBank
えー もちろん無料です（パケット代はかかりますが）
では、こちらからどうぞ
投稿者 jjworkshop : 18:41 | つっこみを入れる (0) | トラックバック
2007年02月12日
MAP工房（BLOG地図）
Google map とか Yahoo map を利用したBLOG地図タグ作成ツールをリファインしました。
インターフェースを変えて、すこし分かり易くしました。
このサイトのサブメニューにしました、こちらか入れます。
（トップメニューの「MAP工房」からも入れます）
以前に作成した３つのマップツールに加えて、Google map をサーバを利用してサイトに表示するツールも作ってみました。
新しく作ったこの地図ツールは、Google maps api key を登録しなくても、簡単な質問に答えるだけで、ほとんどのBLOG等で利用できるコントローラブルな Google map タグを自動生成します。
BLOG設置サンプル→ [F2C] [ココログ] [忍者ブログ]
ちなみに、このサイトで表示すると、こんな感じです。
↓
吹き出しの設定、地図の外観やサイズ、倍率、コントロールの表示／非表示は自在に設定できます。
吹き出しにはイメージを入れることも可能です。
（「利用にあたっての注意」を読んで利用して下さい）
まだ、ちょこちょこブラッシュアップしてますが、一応使えるレベルだと思います。
投稿者 jjworkshop : 23:34 | つっこみを入れる (1) | トラックバック
2007年02月01日
FC2 BLOG に地図を！
フリーBLOGの「FC2 BLOG」用に、先の「BLOGに地図を！」で紹介した Google map api で地図を表示するためのプラグインを書いた。
プラグインは、こちらから見てね。
FC2のログインに飛ぶので、BLOG作ってる人でないと使えないデス。
これで、BLOGのテンプレートを変更した場合でも、プラグインを引き継ぐので、いちいちテンプレートを修正しなくてもオッケー。
テンプレート変更するときのプレビューでも、ちゃんと地図が表示されるようになる。
しかも、プラグインの設定は、一度だけ google maps key を指定するだけの超簡単設定。
それにしても、FC2っておもしれーなぁ。
これで CGI とか書かしてくれたら遊び放題なんだけど。
投稿者 jjworkshop : 12:04 | つっこみを入れる (4) | トラックバック
2007年01月30日
BLOGに地図を！
このサイトでも、たまにお店の紹介とかで BLOG に地図を貼り付けたりしてるんだけど、毎回いろいろ手動でゴチャゴチャやるのも面倒。
そこで、地図を表示するためのタグを簡単に作成するスクリプトを書いてみた。
まえにちょこっと紹介したけど、一応使えるレベルのブラッシュアップも終わったんで再公開。
利用できるのは、下記の３種類のＭＡＰ。
何れも、小地図（200×200）で位置表示し、クリックすると、位置をマークした印刷用地図を開くようになっている。
（小地図のサイズは、設定で変更可能）
１，Yahoo Map を利用した BLOG用地図のソース自動生成
２，Google Map を利用した BLOG用地図のソース自動生成
３，Goolge Map Api を利用した BLOG用地図のソース自動生成
１，２ は、ちょっとライセンス的にどうかと思ったのだけど、あちこちのサイトで使われてるみたいなんで、まぁ大丈夫かな。
（一応、利用は自己責任でってことで）
この２つは、どんな BLOG でも設定等を全くしなくて利用できるタイプで、とても簡単に利用できる。
３は、小地図で Google Map のコントローラとか使えて、スケールリサイズやドラッグによる地図の移動が出来る。
ただし、利用するには、事前に Goolge Maps Api key を取得する必要がある。（無料）
そして、BLOG のテンプレート等にスクリプトを登録しないとダメ。
設定方法等は、ソース自動生成のページに書いてあるので読んでね。
無料の FC2 BLOG に設定してみたので、どんな感じになるかは、こちらのサンプルを見てね。
ちょっと技術的な話。
実は Google Map Api を利用する方法はかなり悩んだのだ。
最初は、ソース生成で Map を作画するスクリプトそのものをはき出すようにしたんだけど、どうもネストした Div タグの中でこれをやると、Firefox だとオッケーなんだけど、IEがコケる。
BLOGサイトなんて、Div タグはネストしまくりだし…
ネットで情報を探してみると、どうやら IE の場合、Map作画用スクリプトは <head> に記述しないとダメらしい。
BLOG の場合、当然地図は１つだけってことは無いので、複数あった場合、その数分の作画スクリプトを <head> 挿入するのも芸が無い。
（というか、後付のスクリプトで動くのか…）
悩んだ末
逆転の発想で、Map を作画する Div タグに、地図作画用のパラメタを書き込み、これを非表示にしておいて、あとからこの Map用 Div タグを検索し、<head> に記述した地図作画用関数で作画しちまえばオッケーのはずだ。
（onLoad で、Map用 Div タグを検索して実際のマップに書き換える ）
自分の BLOG で試すのもなんだし、とりあえず FC2 BLOG で試してみる。
たしかに、Firefox ではうまくいった。
でも、あいかわらず IE がダメ…
なんで？？
そこでハタと気が付く。
FC2 って、キャラクタセットが「EUC-J」でねの？
ためにし、Google map 作画用スクリプトに「charset="utf-8"」を付加してみた。
（Google map api は UTF-8 を前提としている）
ばっちりだ。
この Google map api 系、なにが面倒かって、Maps api key って、サイトで登録するんで、ローカルでのテストが出来ない。
毎回サーバにアップしなきゃならんのだ。
とくに IE なんて、スクリプトのデバッグ環境が貧弱なんで余計面倒。
しかも、Firefox では上手くいくのに、IE がダメってのがシバシバだし。
ともかく、なんとかうまくいった。
さて、もう寝よっと。
追記：2007.01.31
動作確認は、「Firefox 2.0」「IE6/IE7」「NN7.1」「Opera9.10」でオッケー。
Google map api を利用したサンプルとして、忍者ブログでも利用してみました。
追記：2007.02.01
Google map api で地図を BLOG に貼り付けるための FC2 BLOG用プラグインも書いてみました。
FC2 使ってる人はテンプレートの修正無しで、簡単に Google map api の地図が利用できるようになります。
追記：2007.02.02
「ブログパーツをさがせ」で、この地図ツールを紹介して頂きました。
はい、もちろん強引にメールを送りつけて（笑）
僕の説明よりはるかに分かり易い解説なんで、そちらも参照してみて下さい。
投稿者 jjworkshop : 22:51 | つっこみを入れる (11) | トラックバック
2007年01月24日
イギリスの性教育用Videoといったって
さすがにこれは会社で見るのは気が引ける。
しかも今日は客先なのでなおさら。
ということで、内容はスゴイらしいけど、どんなだかまだ知らない。
（んー 見たけど、すごい… 10ヘェ位か でも、これAVでねの？）
と、タイトルとは全然関係なく
ソース生成なんで、どんな BLOG でも使える。
ちょっとおおっぴらに公開するのも気が引けるんで、使う人はこっそりブックマークしてね。
前に google map でやろうと思って挫折したのを Yahoo map でやってみた。
MAP用 API 使ってやってる訳じゃなくて、直接 Yahoo map のページパラメタを生成し、スタティックに埋め込むので問題ないのだ。
HTMLの生成処理は、javascript だけで書いてるからローカルでも動く。
ただ、はたしてこんな使い方してよいのかどうか微妙なんだけど…
（追記：実は Goog … ）
追記：2007.01.26
座標系の計算が間違ってました。
yahoo と google のマップはそれぞれ座標系が違うので、緯度経度の指定は気をつけて下さい。
投稿者 jjworkshop : 12:45 | つっこみを入れる (4) | トラックバック
2006年12月22日
プログラムだって書いていた…
最近すっかり Javascripter な感じだけど、ちゃんとしたプログラムも書いていた。
（過去形かよ…）
そいえば、バージョンアップもまったくしてないや。
ってことで、すっかり枯れたプログラムを２本紹介。
もっとも、「枯れた」ってのは、バグが無い（はず）ってことで悪くない事なのだ。
ZipNoFinder2 [ Windows用 ]
年末も差し迫って、そろそろ年賀状も書かなきゃって時期です。
そんなときに活躍する「ZipNoFinder2」。
郵便番号から住所、住所から郵便番号が簡単に検索できます。
一度インストールしちゃえば、郵政公社が発行している最新データにいつでもオンライン更新できます。
自分で言うのもなんですが、フリーなのに優れものです。
窓の杜でも紹介されちゃってます。
もう１本は、サーファー＆釣り人御用達
SurfTide [ Windows用 ]
これは潮汐（潮の満ち引き）をグラフ化して表示するソフト。
日の出や日没、それから月の満ち欠けだってもひと目でわかります。
ウェザー情報だって表示しちゃいます。
もちろんフリーです。
自分で作ったプログラムで一番使ってます。
フリーの方が何故か使えるものが出来るのはどして？
って、人に聞いてどうするよ＞俺
どっちも、上のアイコンをクリックするとダウンロードできます。
もってけ ドロボー♪
投稿者 jjworkshop : 17:45 | つっこみを入れる (0) | トラックバック
2006年12月21日
SCode を設定
ここを参考にして、コメントスパム対応のため、投稿を承認形式にしていたのを、セキュリティコード入力形式に変更した。
これで、セキュリティコード（イメージとして表示しているランダムな数字）を入力すれば、投稿（つっこみ）は即座に反映されまっす。
プログラムネタといえば…
Google map api を javascript 経由でダイナミックにページ上に生成しようかといろいろ試行錯誤してみたんだけど、Firefox は◎なのに、IE が×。
スクリプトで生成した「ｄｉｖ」タグへ GMap を生成すると IE が死ぬ。
あと、BLOG に適応すると（というか、それが目的だったのだが…）RSSの配信先で、「その GMap コードはあんたのサイト用じゃないじゃん！」（←みたいなニュアンス）などと言われてアラートが出ちゃうからちょっとなぁ…。
ってことで、ちょっと挫折。
あー 寝よっと Zzz...
投稿者 jjworkshop : 23:58 | つっこみを入れる (0) | トラックバック
2006年12月19日
Yahooオークション Webサービスが楽しい
YAMAZOHAで作った Javascript を共有して、このサイトにもヤフーオークション検索をつけてみた。
これ
↓
「ヤフオク検索」 （TOPメニューに付けといた）
ここまでだと、本家のヤフーオークション検索とどっちが便利かってーと微妙だけど、ちょっとやってみたいこともあって、そすると結構便利になる。 と思う…
寝不足な時に限って、こんなめんどくさいプログラムとか組みたくなる。
とっとと寝た方がいい気がする。
それにしても、Yahooオークション Webサービス、なかなか面白い。
カテゴリ範囲でのキー検索とかできると、いよいよ本家よりいいインターフェースが出来ると思うんだけどなぁ。
波乗りのサイトや気象情報（天気だけでなく、風や波情報）もWebサービスで利用できるようになったら面白いのに。
そいえば、SurfTideで利用している「国際気象海洋株式会社」ページデータって、ほとんど変わってないから、HTMLをパースするプロクシCGIを書いちゃえばWebサービスもどきは出来なくはないな。
でも、やったら怒られるか…
投稿者 jjworkshop : 22:20 | つっこみを入れる (0) | トラックバック
2006年12月11日
YAMAZOHAバージョンアップ
YAMAZOHAのバージョンアップをしました。
YAHOO!オークションに、カテゴリ検索を追加しました。
NN7.1 / Opera9 での稼動を確認しました。
（IE6/7 Firefox1.5/2 は既に動作確認済）
んー やっぱブラウザによってまちまちの部分もまだ多くて、動作確認がけっこう面倒。
とりあえず、Windows でのメジャーな最新ブラウザには対応。
速度的には、IEが早いような気がするなぁ
投稿者 jjworkshop : 12:48 | つっこみを入れる (0) | トラックバック
2006年12月05日
その名は 「YAMAZOHA」
１ヶ月位前から構想して、ちょびっとずつ作ってきたWebサービスを利用した統合検索サイト。
その名は「YAMAZOHA」（やまぞは）。
超安易なネーミングで、そのうち変えようと思っていたんだけど、ロゴも適当に作っちまったし、まぁいいやこれで。
Yahoo Amazon Hatena の検索で、やまぞは。
でも、途中でビッターズも楽天も、Webサービスが利用できることを発見しちゃって、そそもそその時点でこの名前はコケてるんだけど、それもまぁいいや。
だって、YAMAZOHABIRA（やまぞはびら）じゃ、いよいよ訳分かんないし、これから増えていくと収集つかなくなるしさ。
実はこれ、アフェリエイトプログラムなのだ。
まぁたぶん（絶対）儲からないだろうけど。
そんなことはどうでも良いのだ。
実験が目的だから。
でも、検索した商品を買ってくれると嬉しい。
つか、かなり嬉しい。
アフェリエイトの対象は、Amazon ビッターズ 楽天市場の３っつ。
それ以外の、Yahoo と Hatena と Yahooオークションは、ただの検索になってる。
まだβ公開なんで、Yahoo! オークションは、商品検索しか出来なくて、一覧検索はただいま暇見つけて作成中。
当初は、Javascript だけで書こうかと思っていたんだけど、Ajax の弱点で、別ドメインのページを取得出来ない制限があって、いくつか回避方法はあるみたいだけど複雑になりすぎる。
なので、サーバも借りてるし、あんまり拘らないで、各ウェブサービス用のプロクシCGIをPerlでサーバに書いた。
もっとも、ターゲットのWebサービスが JSONP に対応していれば、そんなプロクシも書かなくて済むので、全部が全部プロクシを書いてるわけじゃないけどね。
挙動は、かなり安定してきたんで、一応使えるレベルにはなってる。
（と思うが…）
中々面白いんで、いろいろ使ってみてね。
動作するブラウザは、「Firefox 1.5/2.0」「IE6/IE7」です。
「NN7.1」と「Opera9」は、ダメみたいです。
あと、Macの「Safari」は、動的なスクリプトを実行できないからダメです。
追記：2006.12.13
NN7.1 / Opera9 での稼動を確認しました。
YAHOO!オークションに、カテゴリ検索を追加しました。
投稿者 jjworkshop : 12:56 | つっこみを入れる (0) | トラックバック
2006年11月15日
駆け出しJavascripterのツールと苦悩
ここんとこ Javascript を結構使ってる。
その昔は、デバッグしづらいし、ブラウザ互換無いしで、「前のページに戻る」とかしか使ってなかったんだけどなぁ。
最近は、いろんなフレームワークが出てきて、かなり組むのも楽になってる。
ツールなんかも結構便利なのがいろいろあって
今回、Ajax を利用した統合検索をこのサイトへ実装するのに大活躍してくれたツールがこの２つ。
FireBug Javascript のデバッガ
LiveHTTPHeaders HTTPヘッダ情報をライブに表示
どっちも、Firefox のプラグイン。
とくに FireBug は超便利で、もうこれなしでは Javascript は組めない。
他には、VisualStudio.NET とかもPCには入ってるんで、このエディタを CSSのエディットに使ってる。
CSSパラメタを補完してくれるんで便利だけど、ちょっと重たい…。
つか、VS.NET は仕事用で、メインは C#/C++ での開発なんだけどね。
HTMLの編集はテキストエディタ。
前は Dreamweaver とか使ってたんだけど、どうもゴチャゴチャしてダメ。
結局はテキストエディタ（K2Editor）が一番使いやすかったりするのだ。
VSのエディタのように、補完機能があると便利なんだけどね。
さがせばあるのかなぁ…
あー それにしてもだ。
Javascript って、変数の型が文字が数値か曖昧で（明示的に宣言できないのか…）、初期値の代入に気をつけていないと、比較とか演算でよく嵌るんだ。
a の値が「10」で、安易に a += 1 なんて書いて「11」になることを期待して、なんか挙動が変って思ったら、結果が「101」になってたりする。
ちなみに a -= 1 は、ちゃんと「9」になる。（文字列の引き算無いしね）
んー 修行が足りないのか…
今日覚えた Javascript の便利な関数→ a = parseInt(a)
投稿者 jjworkshop : 21:15 | つっこみを入れる (0) | トラックバック
2006年11月14日
サイト検索とAmazon検索を統合
サイトの修正が、あまりに地味すぎて変化に気づいてもらえないくらいなんだけど、けっこう弄くってる。
これでも…。
外見の変化は、トップバナー下の検索に「Amazon」が加わったことだけ。
ってことで、第二弾の「Amazon Web Services」をサイト検索に組み込んだ。
「最速インターフェース研究会」のサンプルを参考にして（というかパクって）、かなりかっこよく組み込めてる。（…と思う）
結構楽しい動きをするんだこれが。
まーこれで Amazon での売上が上がるってこともないだろうけど…。
いいんだ。
自分で使うんだから…。
これで一応完成。
BLOG内検索と、Yahoo! を利用したサイト内検索／Web検索、Amazonカテゴリ検索を１つのインターフェースで統合できた。
（検索結果表示もそれとなく統一感が出てるんじゃないかと思うが…）
MTのテンプレートも更新し、各エントリーページにも似たような検索を挿入してある。
統合検索のまとめを。
実装はわりと簡単
（調べるのと、統合するのは面倒だったけど…）
使っている Javascript は、下の５つ。
prototype.js
odj.js
blog_ajax_json_search.js
amazon-search.js
total-search.js
※ ライセンスはそれぞれのコードを確認
Amazon Webservice 用の XSL を１つ。
aws2json.xsl
※ 最速インターフェース研究会のを、ほぼそのままです
この検索用の CSS を１つ。
second-content.css
BLOG検索用に、TMテンプレートを追加。出力は「search_data」。
（インデックステンプレート再構築時に同時に再構築するようMTで設定）
<?___ encoding="<$MTPublishCharset$>"?>
{data: [
<MTEntries lastn="3000">
{title:"<$MTEntryTitle remove_html="1" encode_js="1"$>",link:"<$MTEntryLink$>",body: "<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$>"},
</MTEntries>
{"title": "", "link": "", "body": ""}
]
}
HTMLの検索フォームはこんな感じ
<form name="TotalFind" STYLE="margin: 0px;" onsubmit="doSearch(1); return false;">
<label for="q" accesskey="f"></label>
<input id="q" class="fo" name="q" size="25" value="検索(F)： 検索文字を入力" onblur="if(this.value==''){this.style.color=''; this.form.reset()}" onfocus="this.value = ''; this.style.color = '#000';" />
<input type="image" value="検索" src="/img/find.gif" align="absmiddle" border="0" title="検索開始"/>
<a href="javascript:findHelp();"><img src="/img/question.gif" border="0" align="absmiddle" title="検索の使い方"></a>
<input class="ch" type="radio" name="mode" value="blog" checked />BLOG内
<input class="ch" type="radio" name="mode" value="jjw"/>JJWorkshop内
<input class="ch" type="radio" name="mode" value="web"/>Web全体
<input class="ch" type="radio" name="mode" value="ama"/>Amazon -
<select id="genre" class="genre" disabled>
<option value="books-jp">和書
<option value="books-us">洋書
<option value="music-jp">ポピュラー音楽
<option value="classical-jp">クラシック
<option value="dvd-jp">DVD
<option value="vhs-jp">ビデオ
<option value="electronics-jp">電化製品
<option value="software-jp">ソフトウェア
<option value="videogames-jp">ゲーム
<option value="kitchen-jp">ホーム＆キッチン
<option value="toys-jp">おもちゃ＆ホビー
<option value="sporting-goods-jp">スポーツ
<option value="hpc-jp">ヘルス＆ビューティ
</select>
<input id="p" type="hidden" name="p" />
</form>
あと、設置には Amazon アソシエイトID／Subscription Idとか、Yahoo! のアプリケーションIDとか取得して、これらソースの該当部分を修正しないとダメなんだけど、説明書くのがめんどうになったから、てきとうに探してみてね。
参考にしたサイト。
hail2u.net （Yahoo! Search Web Servicesを利用したサイト内検索）
暴想 （Ajaxでバックナンバーを検索するJavaScript）
最速インターフェース研究会 （Amazon最速検索を作ってみた）
drk7.jp （Amazonカート仕様）
投稿者 jjworkshop : 23:47 | つっこみを入れる (0) | トラックバック
2006年11月10日
サイト検索とBLOG検索を統合
すっかり Javascripter なこの頃で、TOPページの検索を Ajax 使って全部統合しようと目論んでいるのだ。
っても、パクリばっかだけど…
かなりイヂクリマワシテはいるけどさ。
とりあえず、第一弾として サイトサーチ（Yahoo! Search Web Services）と、BLOGの全文検索は統合できた。
第二弾は、Amazon だな。
まぁ 誰が使うって、自分以外はあんまり使わないとは思うけど、こういったマスターベーション的なプログラムに没頭するのは楽しい。
簡単な使い方は、トップページバナー下にある「
」をポチっとしてみてね。
（説明するまでも無いといえば無いのだが…）
投稿者 jjworkshop : 16:52 | つっこみを入れる (0) | トラックバック
2006年11月06日
サイト検索を Yahoo! Search に変更
どうも、このサイトに実装した Google Ajax Search がこのところ調子悪いみたいで、正しく結果を返さない。
（つか、これってβだったのか…？）
ってことで、Yahoo! Search Web Services の、JSONを利用したサイトサーチに変更。
といっても、ほぼそのまま使えるサンプルがあって、細かな修正をしただけだけどさ。
まぁ今日日のプログラムなんて、いかにネットで類似したサンプルを見つけられるかが、工数短縮のカギだからね。
投稿者 jjworkshop : 22:22 | つっこみを入れる (0) | トラックバック
2006年10月25日
Google AJAX Search
トップページをBLOGにしてるから、何のサイトか分かりづらいんで、前からちょこっとした説明でも付けようと思ってはいたのだ。
もともと派手さのない、地味ぃーなサイトなんだけど、ここやここなんかは、今年４月のサイトリニューアルで、昨今流行の Ajax を使って表示してたりするのだ。
ってことで、MTのトップページテンプレートいじって説明文を付けるついでに、サイト内の検索を Ajax （Google AJAX Search API）を使って表示出来るようにしてみた。
（使ってみると分かるけど、検索してもページが遷移しない）
つか、こうなると、Google AJAX Search 付けるついでに、説明文も付けたと言った方が、作業にかかった時間の比重から見ると正しい表現だと思うが…
MT使ってると、テンプレート使って、「Google ウェブマスターツール」で送信するサイトマップ も随時更新できるので、Google での検索も精度が上がってくると思う。
１週間くらい前に設定したんで、効果の程は今ひとつ不明だけど、なんとなく、ぐぐってたどり着く人が増えたような気はする。
そのうちログ解析してみよう。
ついでなんで、RORもはき出すようにした。
yahoo とか msn からの検索も増えるかなぁ…
投稿者 jjworkshop : 12:47 | つっこみを入れる (0) | トラックバック