ひまつぶし雑記帖

twitter の OAuth認証を、と思ってごそごそ調べては試行錯誤。OAuthの一次情報、仕様を見ながら、自分でサインを作ればこんなにハマらなかったと思うんだけど、ラクしようと思って、perl の Net::OAuth ver0.20に投げたのが始まりだ。
以下のページを参考にさせていただいて、CPANからOAuthをインストールすればラクショーっぽいぞ、と。
http://blog.photoble.net/archives/category/memo/oauthtwitter
http://sayama-yuki.cocolog-nifty.com/blog/2009/09/twitteroauth-d7.html

甘かった。

その１．最初のリクエストで oauth_callback_confirmed が返ってこない
その２．twitterから、リダイレクトされて戻ってきたときには 401。認証されず、 oauth_verifier も返ってこない。

なんじゃそりゃ、と。延々ググりまくって今朝未明まで。今日も天気だというのに早起きして、ググる。…ヒットしないんだけど、どうやら OAuthの 1.0 と 1.0a の違いが原因っぽい。oauth_callback_confirmed も oauth_verifier も 1.0a から導入されたパラメータ、てことだ。OAuthで作られるパラメータを確認してみると、指定しているにも関わらず、callbackが入っていない。
Net/OAuth/で grep してみて OAuth.pm を読んでようやく解決。
request パラメータを組み立てるところに
protocol_version=> Net::OAuth::PROTOCOL_VERSION_1_0A
一行入れるだけ、だった。

authorization::OAuth oauth_callback="http%3A%2F%2Fwww.holeinthewall.jp%2F~butch%2Ftest.php"，oauth_consumer_key="XXXXXXXXXXXXXXX"，oauth_nonce="58Uy53B6DoFbKR0ksBcCnLiF5Po"，oauth_signature="NNNNNNNNNNNNNNNNNNNNN"，oauth_signature_method="HMAC-SHA1"，oauth_timestamp="1261539010"，oauth_version="1.0a"
↑これが正しいリクエストヘッダー

CPANは便利なんだけど、素人芸の、ブラックボックス、コピペ使いは限界があるんだよなあ。

ここが通ったら次はアクセストークン取得でそれの扱いをどうするのか、またググる、か。でも気力体力が尽きたので以下次号だ。

縦書きtwitterを眺めると、全角にしてタテに並べるURLがうっとーしー。除去するのは簡単だけど、twitterの性格上、リンクは必需品なので、どうにかできないものか、と。
記入されているのがURLだったら、それを削除して別エリアにリンクを表示させたい。
my @buf; $text =~ s!(http.+)!sprintf qq{}， push(@buf， $1)!eg;
最初、push だけで、イケんじゃないかと思ったら甘かった。pushの返り値、配列の要素の数が入ってしまう。なので、無意味な sprintf を噛ませてみた。なんか不恰好だけど、欲しい結果が得られるので良しとするか。…うううむ、やっぱかっちょわりいなあ。

て、まわりくどい阿呆だった。
$text =~ s!(http.+)!push(@buf， $1)，''!eg;
これだけでOK

 ウチは東向きなので、午前中は窓際が暑いほど。

ついこないだ書き直した写メ（死語か）投稿スクリプト。中途半端な状態で放置していたところがあって、びっくり。最近こういうの増えてきた、ような気がする悪寒。途中まで考え考え書いて、疲れて動いてるしまあいいや、ちょっと休憩、したらすっかり忘却の彼方。

ぼーっとすごす週末であります。


てことでまた仕事が始まるわけだが。
船頭多くして船山に登る、仕事場。
誰のGOサインでいくのか、はっきりしないのでまったくやってられない。完成間近のページも、後から覗く別の誰かがイチャモンつけるとそれでやり直しになってしまう。それならそれで、最初からその別の誰かが打ち合わせて過程も見てろよ、と。制作の現場が混乱するだけ。
だけど良いものになりましたよね、て。阿呆か、だ。良いものにしたいのは誰だって当然だし、時間かけてやればよいものになるのは当たり前。だけど、それじゃ仕事じゃないだろ。締め切りがあってそれまでにベストのものを仕上げるのが仕事じゃ。
あーだこーだ言われるのに、なんだかほんとにうんざりしてきてる、初老性欝な週末だ。めんどくさい

と思ってたKitstar28mmだけど、どうやら腕の問題だったような。

先々週に続いて、先週水元公園に行ったときに撮った写真を、今日引き取ってスキャニング。先週は露出計の電池を入れるのを忘れたので、セコニックの露出計とテキトーな勘で合わせてパシャパシャ。COSINA CT1SUPERとセコニックで、示す露出が明らかに違っている。CT1の方はそろそろ寿命なのか、数段オーバーなのだ。
今回の、もしかするとこっちが適正な露出で撮った写真を見ると、そこそここってりとした色乗りで艶のある写真が上がってきた。て、そもそもこの時期、色の炸裂する水元公園を撮って、失敗写真になる方が難しいんだけど。

  COSINA CT1 SUPER Kitstar 28mm CENTURIA200
サギだかなんだか。ひとに慣れてるというか馴れ馴れしいというか、釣り人のすぐ脇にまでよってきて、魚を狙ってるっぽい。
↓ヘタレ広角レンズKitstar28mmで撮った先週の水元公園
http://www.holeinthewall.jp/~butch/zakki/camera.pl?id=101

縦書きtwitter  に ajaxの小ネタを仕込んで。久しぶりにウチでjavascriptとcssのコンビを調べる。キライだイヤだというのは変わらないけど、javascriptって、ブラウザのオマケじゃなくて、きちんとしたインタプリタ（？）なので、ちょっと驚く。全部連想配列なんだよねえ。

てことで、部屋でジダラクに正しく飲んだくれる週末。あっという間に一年が終わろうとしていて、いろいろ考えないといかんのだけど。

APIを使って、取得したtwitterのデータを縦書きで表示する、名づけて「たてたったー」に、擬似縦書きもどき入力フォームをつけて、入力時にも縦書きで確認できるようにしてみた。
http://www.holeinthewall.jp/~butch/zakki/tatetatter.pl

こういう小ネタはjavascriptの出番。prototypeとかjQueryを使うまでもなく、textareaに入力された文字を keyup のたびに読み込んで、用意したdiv要素の中に表示していく。一見リアルタイム。
縦書きで表示するのは、ミソというかコロンブスの卵というか、float:rightした、幅 1em のdiv要素に流し込むだけ、という呆気なさ。CSSだけで縦書き表示はできるので、javascriptと組み合わせてこんなこともできるありがたさよ。

おもしれーっす。


ついでに。
ajax使って、新着情報を取りにいくようにした。公式のWebの「新しいツイートが？件あります」というアレだ。javascriptは好きじゃないので、悔しいけど、便利。
ついでに。
過去記事も見られるようにした。

どちらも since_id とか max_id をパラメータに渡してやればいいだけ。このシンプルさがいいところだ。欲しい情報を伝えればそれだけを返してくれる、のでなんか作るにしてもテキトーなものだったらスグにできちゃう。ネタ勝負。

アクセスログに残る、404エラー。ありえないURLを要求してくるんだから当たり前。HTMLの一部をブラ下げてるのだ。
http://example.com/<div><p id=
などなど。どこをどうすればこんなURLを組み立ててきやがるんだ、と。

いろいろ検索クエリを変えて、「IE8 バグ リクエスト」で、ようやくヒット。
http://bluewatersoft.cocolog-nifty.com/blog/2009/10/ie8-lookahead-d.html
IE8の中途半端な先読み機能がこんなマヌケなことを引き起こす、らしい。なんじゃそりゃ。てか、うんざり。上記記事によるとxhtmlのサイトは軒並み被害に遭いそう。（てのはちょっと違うけど、HTMLの規格で行くという話だ。結局xhtmlって規格企画倒れだったんかなあ）
面倒だから対応しない。仕事でやってるサイトならともかく、辺境の地だ、IEは確認動作環境から外してしまうか。

twitterのタテ表示、たてたったー、が予想以上に面白い、おれ様だ。
http://www.holeinthewall.jp/~butch/zakki/tatetatter.pl
スタイルシートを調整してちょっとは見やすくなった、かも。javascriptを使って、記入時にタテ表示の確認ができるなら、面白くなりそうなんだけど、そんなスキルはないのがとても残念。

下痢だったり汗だったりだるさだったり、風邪なんだか単なる体調不良なんだかよくわからない残念な週末だ。寝たり起きたりを不規則に繰り返しつつ、思いつきから実装まで2時間ほどででっち上げたのがtwitterの縦書き表示。

名づけて「たてたったー」

って、このネーミングに勝った感。
http://www.holeinthewall.jp/~butch/zakki/tatetatter.pl
レイアウト、色などなど、ダサイんだが、とりあえず。
横のものを縦にして眺めるだけでけっこう面白いものだ、と自画自賛一発芸。

今日もそおっとするしかない、か。


て、入り口のところでバグってたのか。ふたたび修正。twitterから背景色もお借りして、パチもん臭くなってきたのはいいことだ。
↓パチくさい縦書き表示
 
ガタついてるんで、スタイルシートをまともに細かく指定する必要があるんだけど、これまたスキルが足りないんだよなあ。

色が爆発する紅葉の水元公園だ。…て、もう12月なのに、ウインドブレーカーだけで軽く汗ばむ、地球温暖化をしみじみ痛感。そもそも。水元公園の紅葉も、本当なら11月後半のはず、だよなあ。
てのはともかく、メタセコイアの林の中は癒しの空間で、気持ちよかった。
久しぶりに一眼レフCOSINA CT1 SUPERに、へなちょこ広角28mmKitstarをつけて出かけた。CT1の露出計が光が足りないと申告してくるけど、上がったネガを見るとオーバー気味。これはちょっと検討の余地あり、かな。
ほんと、紅葉と落葉の色の多彩さは、わたしの知る限り、都内の公園では水元公園がダントツ。
http://www.holeinthewall.jp/~butch/zakki/camera.pl?id=100
ぼーっと一日潰す価値は十分ある。

ウチのポンコツサーバー。データベースの操作ミス、ていうか、たぶんupdateの時の where句か、シングルクオートが原因で、いくつか不備ってたのを見つけて腰を抜かす。面倒だから削除…てのもちらっと頭をよぎったんだけど、ひとさまのデータを勝手に消すわけにはいけない。
幸い、バックアップはあるので、そこからリストアしてみた。忘れないうちに、そのメモ。

postgresのコマンドラインにはいって、
create database tempdb with ENCODING='UTF8'
臨時のデータベースを作成する。

一度抜けて再び今度は作成したばかりのDBに接続
psql -d tempdb user
コマンドラインで覗くとtemplateに使われるのか以前作ったテーブルが入っているので DROPしておく

その後OSのコマンドラインで必要なテーブルだけを臨時に作ったデータベースにリストアする
pg_restore -U username -d tempdb -t TABLE -F c  backup

後は、「やっちゃったデータ」をバックアップからピックアップして、稼動中のデータベースに流し込んで終了。

うーむ。とりあえず、無事修正できたけど、なんかDBの保守運用管理系の知識が怪しいままだなぁ。


IEの妙なURLによる404エラー。アクセスログの生ログを見るとテーブルタグの一部をぶら下げていた。
なんでやねん。

先週末に続いて今週末も縦書きスクリプトをごそごそといじってみた。検索すると気合のはいったサイトや、cssだけで実現してる解説記事などがでてきていて、なにも今さら作る必要もないんだけど、ひまつぶし、だ。

てことで、 縦書きの書斎 などと、おっさんタバコ「峰」とか仁丹の匂いのしそうなダサイネーミングのページをでっちあげてみた。ネタ元の99%は青空文庫。本当にありがたいことで、真面目にありがとう、です。
これ、イラストをつけて飛び先を指定したりするのは、たぶん難しいことじゃないので、昔懐かしのゲームブックのようなお遊びもすぐに作れそうだなあ。今回初めて使ったjavascriptのためのJSON形式のデータはシンプルで小さいけど、さすがに長編なんかを一度に読み込ませると、ブラウザがひーひー言う。ページ送りのところをAjaxにして動的に読み込ませたほうが良さそうだ。特にゲームブックなんてお遊びするような場合。

こうして眺めてると、やっぱり日本語は縦に読むのが正しいなあ、としみじみ思う。ただ、パソコンの96dpiとか72dpi、なんてしょぼい解像度だったり、無理やりのアンチエイリアスの誤魔化しだったりで、フォントが汚いのは厳しい。本、というか印刷だと2400dpiとか4800dpiでケタが違うし、長い年月風雪に晒され続けて生き残ってるフォントは、字の美しさのレベルが違う。

本だとたまに撫でたくなるときがあったりするんだけど、パソコンのフォントみていてうっとりするようなことは、今のところ皆無だしなあ。

ワンピースとブリーチ買ってきたので、今日はあとは正しく飲んだくれる。