Mapsに表示させるやつの10回目。出力対応店一覧が手入力で作られていることに起因したいろんなノイズに対応したHTML解析スクリプトが完成し、各印刷会社さんのステータスが得られました。APIを軽く使ってみたいと思います。今回は、プログラムを組まないで、ブラウザのみでやってみることにします。東京都港区台場2-4-8を使います。この住所の、緯度/経度が知りたいっていうことです。APIの説明をみてみましょう。[code.google.com]まず、「使用制限」の所をよく読んでおいてください。マップと組み合わせて使用する場合にのみ使用できます」というあたりに注意しましょう。レスポンス」の所を読みますと、以下のような書式でリクエストすればよいということがわかります。いうわけで、この書式に合わせて、さっきの日本の住所を入れれば良さそうです。URLに日本語を入れてもうまく動かないので、パーセントエンコーディングした文字列を用意します。日本語の文字列をパーセントエンコーディングにするには、ブラウザのURL欄に以下のように入力します(JavaScriptが使えるブラウザで)。javascript:alert(encodeURI('東京都港区台場2-4-8'));そうすると、アラートダイアログが表示され、その中にパーセントエンコーディングされた文字列が入っています。APIへのリクエストURLを作ります。http://maps.google.com/maps/api/geocode/json?region=jp&sensor=false&address=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E5%8F%B0%E5%A0%B42%EF%BC%8D4%EF%BC%8D8ダウンロードされてきたファイルは、以下のようになっていました。]}この中の、results→geometry→locationのlatとlngが、緯度/経度になります。Mapsで表示してみましょう。139.7742960」と入れてみましょう。このように、住所から緯度/経度を得る、ジオコーディングが出来ました。APIに問い合わせするURLを生成して、レスポンスを取得するところをやってみたいと思います。trickortreat.plいたずらしたなう$「かまってくれないといたずらしちゃうぞ」、ていう意味なら、文法的に逆らしいよね。開けなかったら死ねってやつ。トラックバック(0)Alienwareを購入しました。超高性能CPU&最高レベルのグラフィック性能で、ゲームや大量のプログラムも超高速で処理が可能!ハードコアゲーマーに最適の一台です。M11x2010年2月発売モバイルサイズ&ゲーミングマシンのAlienwareシリーズノートパソコン!場所を選ばずに本格ゲームを楽しめる異次元11インチノート。r2(リビジョン上がっている)、VGAポートがないので、直接VGAケーブルにつなげないのですね。あるのは、DisplayPortとHDMI。DisplayPort用でした。Airは、評判いいですね。M11xを購入したわけです。超高性能CPU&最高レベルのグラフィック性能で、ゲームや大量のプログラムも超高速で処理が可能!ハードコアゲーマーに最適の一台です。M11x2010年2月発売モバイルサイズ&ゲーミングマシンのAlienwareシリーズノートパソコン!場所を選ばずに本格ゲームを楽しめる異次元11インチノート。[www.4gamer.net]Alienwareといえば、今はDELLから販売されています。僕は、DELLから買うのは、会社のサーバをちゃんと設定する勉強するために、会社と同じ型のSC420サーバを購入した以来です(こういうことしているから金がなくなる......)。miniが出たが、せっかくだから俺はDELLを選ぶぜ!そんで、早速届いたので、起動する前に、いつも行う行事をしました。▲裏蓋をあけます▲HDDを取り出します▲これdo台セットと500GBHDDです▲バックアップします〜〜〜夜9時に届いたのですが、最初の3時間半はバックアップに費やされましたとさ。Mapsに表示させるやつの9回目。前回は、HTMLからスクレイピングした内容をうまく置換して、住所とTELとFAXが混ざった文字列からそれぞれを切り出そうと試みましたが、失敗。出力対応店一覧がCS5対応になってしまっていたので、対応しなければ行けないなーて言うところまでやりました。出力対応店一覧を改めてサイトから取得し直して、そのHTMLから、整理したデータが取れるように書き換えてしまいます。いままで、アドビシステムズさんのサーバに負荷をかけないように、ローカルにHTMLを取得して、それをWeb::Scraperで解析していたのですが、アドビシステムズさんのページがかってにCS5対応のリストに変わってしまっていましたので、これを取得し直します。Mapsで表示させる(5)と同じように、wgetで持ってくればいいので、こんな感じで。printshop.htmlあと、今回取得したHTMLに対応したスクリプトを書きます。__END__実行結果はこんな感じ。...FAXが無い会社は、undefを代入するようにフィルタ内でif文使って分岐してみました。今回やってみてわかったんですが、アドビシステムズさんは、一覧ページの更新が手動なんですね。FAXとFaxが混在、コロンが全角と半角が混在しとるで......(フィルタ内で対応済み)次回は、やっと住所が取得できましたので、ジオコーディングに挑戦したいと思います。Mapsに表示させるやつの8回目。前回は、メインイベントのHTMLからスクレイピングした内容を確認し、文字列でYesなんて入っているところを、1かundefか、というとてもわかりやすい値に変換することをやりました。それを行うには、Web::Scraperでフィルタ機能というのがあって、無名関数で簡単にスクレイピングで得られた値を差し替えることが出来ることをやりました。今回は、取得したデータのaddressというところに、住所と電話番号とFAX番号が混ざりすぎているので、ここからうまくそれぞれの項目に分離する、ということをやってみたいと思います。先回、取得したデータは、こんな感じでした。ちなみにこれはYAML::SyckのDumpになっています。大分県addressという項目をみると、住所と電話番号とFAX番号が混ざっていますね。このままだと、ジオコーディングも出来ませんので、住所として成立するように分離したいと思います。ついでに、電話番号とFAX番号を独立した項目として取り出したいと思います。それを行うには、addressを取得するところに、フィルタで何かしてみればいいんじゃね?ていうことなんですけれども、いきなりWeb::Scraperで行うのも大変なので、簡単なテストスクリプトで試しましょう。011-000-0001あとは、Web::Scraperに組み込んでみますね。__END__実行結果はこんな感じ。...表記ぶれがあるので、この方法じゃあだめみたいだな、ということです。次回は、もうちょっと場合分けを考えてみて、変なデータを拾わないようにしますね。あと、いつの間にかCS5対応のリストが出ちゃっていますが、やっぱりアドビさんのウェブサイトでは地図で出すという僕のアイディアが伝わっていないので、このまま作っていってみます。3で、PCエンジンゲームアーカイブとして、グラディウスが売っていたので買ってみました。最近は反射神経が落ちてきているのですが、PCエンジンのゲームアーカイブだと、もともとセーブの無いゲームであってもPS3側で状態を丸ごとセーブできるので、要所要所でセーブしておけば、いくら反射神経だめでも脳みそやっつけることが出来るぞ!装備はDOUBLEが強い。このエントリ内で直ったかのように見えたWinBookですが、1時間ぐらい使っているとやっぱり突然停止しちゃいました。M11xを注文しちゃったんですけれども、ちょっと思いついて、Winbookの裏ぶたを開けて、様子を見てみることにしました。このマシンは、iPhone製造で有名になったFoxconn製なんですけれども、CPUとチップセットの上部に銅製のヒートパイプを配置し、マシンの隅に配した放熱フィン+空冷ファンで冷やしています。空冷ファンの隙間から、放熱フィンのほうを覗いてみたら、本来銅製のフィンが見えるはずなのに、今は見えなくなっています。こじってみたら、ものすごい量の綿ぼこりが出てきました!つまり、フィンに空冷ファンの風が通らなくなっていたわけです。どうりで、外部からファンで風をより多く送るようにしたのにやっぱり暴走するはずだ......というわけで、ごみを除去したので、熱で落ちないマシンになっちゃいました。Alienware、2010/10/28まで今だけローン金利0%だからということで24回分割で申し込んじゃったんだよね。しよう......Alienwareを購入するコツ:まず下のリンクからスペックと価格を見てから、次に家電量販店に行ってみよう。超高性能CPU&最高レベルのグラフィック性能で、ゲームや大量のプログラムも超高速で処理が可能!ハードコアゲーマーに最適の一台です。M11x2010年2月発売モバイルサイズ&ゲーミングマシンのAlienwareシリーズノートパソコン!場所を選ばずに本格ゲームを楽しめる異次元11インチノート。vol.2に行ってきました。NIIGATAが同日に開催されることが判明し、こちらは参加費無料なんで、しまったこっちにすればよかったとか思ったけれども、こっちは会場が新潟大学五十嵐キャンパスということで、交通の便があり得ないほど悪いとことなので(自動車だとね)、行くのをやめた次第。Niteですが、益子さんのHTML5+CSS3の講義は、社内でWeb制作の教育訓練を担当したりしなかったりすることがある僕にとっては有益でした。今後もこういう機会があれば参加したいなあと思います。トラックバック(0)何も言わずにこれをみてくれ。トラックバック(0)よく飯を食いにいくお店の親父が、「ろくる」とか言って意味が分からなかったので、「なんですかその在郷の言葉みたいなの?」ていうたらば、「あほたれ、これは死ぬって言う意味だ。死体のことをおろくって言うんだぞ。」というので、またまたーそんなわけないだろって思ったけれども調べてみたらあった。【おろく】{s}遺体を意味する俗語。語源は「南無阿弥陀仏」の6文字からなど諸説ある。派生語に【ろくる】=死ぬ【ろくった】=死んだ、などがある。親父あんたアルピニストかよ。シャリ:うどん、そば、ラーメンなどの麺類のこと今度は刑務所用語。親父あんた入ったのかよ!最後に調べろって言うのは、「おかるでかんたくれるぞ」っていう文。トラックバック(0)よく、Webブラウザのスクリーンショットを撮りたくなったとき、何となくきりのいい大きさ(例えば800×600pxなど)にしたくなったりしませんか?と言うわけでそういうときのおまじないです。どこかで既出ですけれども。方法:URLが表示される、ロケーション欄がたいていのWebブラウザに付いていると思いますが、そこに以下の通り入力。javascript:window.resizeTo(800,600)これだけです。みての通り、JavaScriptで指定していますのでJavaScript対応のWebブラウザでどうぞ。あと、効かないブラウザがあったり(Operaとか)、表示倍率を変更しているとサイズが狂うブラウザ(Firefoxなど)もありますので、ブラウザの癖を見越して使ってください。トラックバック(0)Twitterでつぶやいている印刷関連、DTP関連の人が増えてきたなーという印象があります。Twitterは、使い方を他人に強制されないツールなのが特徴ですが、周辺サービスを合わせて使うとさらに楽しめます。今回は、その中でも、「ふぁぼったー」と「Favstar.fm」を紹介します。これらは、両方とも「自分の発言を、他の人が『お気に入り』にしてくれた様子が分かる」というものです。日本で作られている被お気に入り数表示サイトです。name)を入れるといいよ。ふぁぼったー(http://favotter.net/)外国産の被お気に入り(ふぁぼられ)数表示:favstar.fm外国の被お気に入り数表示サイトです。name)を入れるといいよ。「自分が面白いこと書いたときどれだけ他の人が反応してくれたか」ということを見るんですよ。DTP界隈で、Twitterの「お気に入り」機能が活用されていないようだったので、取り上げてみました。三菱コルトLimitedコンフォートパックのスピーカーをTS-J1610Aに交換したよ!にて、フロントドアについていたスピーカーを交換したのですが、このクルマ、リアドアにスピーカー設置用の穴は用意されているが、スピーカー自体はオプション装備となっています。したがって、この前余ったフロントドアから外したスピーカーを、リアドアにつけます。昔乗っていた外車と違って今回は近くにディーラーさんがあるので、とりあえずディーラーさんの営業さんに「どうすればいい?」と聞いてみたものの的外れの回答だったので、それを受けて自分でつけることにしました。いえ今回はよる9時ごろに人気の少ないショッピングセンターの駐車場で作業したので、写真は撮っていないんですけれども、ともかくポイントを。コルトのスピーカーがオプションになっているタイプでは、内張りをはがしたあとのドアにスピーカー用のホールがありますが、取付ビスをはめる場所が四角く穴があいているだけで、このままじゃあ取付できません。そこで、四角穴用のグロメットを買ってきます。▲イエローハットで買ったグロメット(5個入り×2袋、8個使った)グロメットは、防水ビニールシートの上からえいやっと差し込んでしまってオッケイです。スピーカーの配線などは来ていますので、後はビスで留めて配線するといっちょあがりです。これで、後ろの席でも音が鳴るようになったよ。乗る人いないがな!値段は、357円×2袋の714円です。トラックバック(0)僕は地縁とか全くないところの印刷会社に就職するという、地方の印刷屋さんではあまり無い就職の仕方をしていまして、地縁は無かったのですがこちらの方に来てから親のように面倒を見てくれている地元の人がいまして、今日はそのこちらの親のような人に親孝行をしようと思ってダム方面にドライブしてピクニックしてきたよ。▲見えてきた▲重力式コンクリートダム。▲ほかにも人来てたよ。▲くもモクモクしとったうちの実家の方は島なんであんまりでかい川もなくて、ダムがあったかどうかも印象無かったのですが、今回初めてダムに来て楽しかったです。今日は天気もよくてよいピクニック日和でした。くさい虫さえいなければなー。1.1によるOAuth認証下でしか使えなくなっています。現在ではこのエントリに書かれたとおりにやっても動作しませんので予めご了承ください。Searchをべろべろーっと表示させるJavascriptなんですけれども、jQueryのプラグインになるように書き直してみたよ。#cho_ag#agqr以下ソース。id="twitterzone2"></div>で動きます(jqueryプラグインは自分のサーバに設置しよう)。[codersnote.com]を参考にしました。IDが64bit化した際に従来のJSONのパースでは64bit値を整数として扱えなかったため、新たに導入されたid_str、max_id_strを使うように修正。[jin115.com]僕PC版の空の軌跡(FC)予約して買ってインスコして最初1時間ぐらいやったあとプレイしていないわー!やってみようかな。トラックバック(0)印刷屋さんって飲み屋さんで飲んでいると、一緒に飲んでいる方の印刷物を頼まれることってありますよね。今回は、喪中はがきを頼まれました。そんで、昔は喪中はがきとか作っていたんだけれどもここ最近とんと見ていなかったので、デザインと稼働だったっけと思っても何となくしか思いつかないので、急いでローソンに走ると、喪中はがきキャンペーンのチラシがあったので参考にするなど。トラックバック(1)ここまでやったらjQueryのプラグインにすればいいんじゃねえかとは思うがめんどくせえ。あとJavascriptの書き方のスタイルが古くさいとかいうのはそのうち勉強し直します......ソース。放課後うちで作ったやつだから会社で使ったりしてもほかの人が使ったとしても問題あるめえ。トラックバック(0)いまJQueryを使ってTwitterの内容をぴろりん、ぴろりんとWebに表示するやつを作っているんです。古いTwitterはタイムラインはリスト要素で出来ている新しいTwitterではタイムラインはdiv要素で出来ているということに気づいたのだが、大勢には影響なく、そのままHTMLをパクるとかえって面倒くさいことがわかったので、自分で構造作ることにしたよ。2Wayスピーカーを入手して、つけてみました。2Wayスピーカーというと、ウーファーとツイーターが別のタイプが人気ですが、コルトの場合、ドアスピーカーの位置がわりかし高い位置に付いているので、スピーカーの音がダイレクトに耳に届くと判断し、また、コルトのダッシュボードが広々しているのでかえって何も置きたくないものですから、1つのスピーカーでウーファーとツイーターが付いているコアキシャルタイプにしました。