stystk

Browser:
普段使いブラウザをSafariにした。FxとSafariを定期的に行き来してるなぁ。今回は1日弱Chromeへ寄り道したんだけど、どうもまだMac版(dev)の出来がそんなによくない感じ(いろいろね)なので、あっさりするりとSafariへ。やっぱりSafari快適だなぁと思う。あとClickToFlashがやっぱいいな。最近Vimeoにも対応してより快適度増したね。
ロケーションバー がAwesomeじゃないのが結構痛いけど(Spotlightがなぜここで頑張んないの…？)、それが辛くなってくるまではSafariかなー。次はどこに行くのかなー。爆速Opera10.50って手もあるしねー。

Javascript:
去年の年末あたりからノロノロと書いてたMobileSafari用の、position:fixed;みたいな事できる(というかスクロールを自前でやる)jsがそこそこいい感じになってきた。PastryKitとかiScroll.js(こっちに影響受けた)でやってるやつみたいなの。算数難しくって、慣性スクロールんとこで躓いてるんだけど、これはなんとかシャキッと作りたい。んでそれ使ったフレームワークみたいなの作ろかなと思ったんだけど、脳みそツルツルなので黒目が白くなりかけてる。なにをどうすればいいかわかんない。

パン:
年明け一発目もフランスパンでした。思いの外ギッシリ系の出来になっちゃったので、ちょっと肩落ちた。けど、硬さはそんなになくて、前作ったやつみたいに食後の口内が血みどろ…みたいにはなんない。 つぎはコッペパンに挑戦するつもり(揚げパン作りたいの)。あの給食のパンみたいなふっくらした感じが出せるか疑問だけど、まぁやってみるよ。とにかく今はせっせとフランスパン消費ちゅう。

上のバーの黒いところ、「Lifestream」というのを追加ー。とりあえず押せばいいと思う。閉じる時は右上か左上の×をクリックね。

前はtwitterのつぶやきをページの肩あたりにチョロっと表示させてたんだけど、今回はtwitter以外にもいろんなentry/postを表示させようということで、FriendFeedのAPIを使って全面にダーっと表示するようにした。

このサイトみたいな感じで、ブラウザをリサイズするとエントリーがアニメーションしながら並べ替えされるよー。ぐにょんとね。それと、左上の青いナビゲーションボタンでスクロールが出来るようになってて、右端の方までスクロールさせると勝手に続きをロードするようになってる。多分、いっぱいロードしてからブラウザリサイズしたら結構負荷がヒドい感じになると思うので注意。

という感じ。ぼくの恥ずかしいtwitterとかtumblrとかを思う存分楽しめます。ぼくのこと気に入ったらfollowすればいいと思う。

キーボードの矢印キーとかマウスホイールでのスクロールも出来るようにしようかなぁ。ロード中のインジケーターとかも追加したいなぁ。Real-time APIも気になるなぁ。これってCometなんかな。

Continue reading

なんか飽きてきたので、見た目変えました。数日前。

今回は簡素な造りになってるんだけど、ここに到るまで随分時間が掛かった。ほぼ出来上がりのものを4、5回作り直した…。最初に考えていたものとは全く違うものになってしまったけど、シンプルになったからこれでよし…かな…。まぁ当初考えてた「ワイド画面が主流やねんから、横をもっと有効利用せなアカンな！」とは全く逆方向に行っちゃってるんだけど。むしろ縦が狭くなった。なにこれ。なにやってんのよ。

前のテーマファイルを使って作り直したんだけど、コードは随分と少なくなった。削ってくばっかり。JSON読み込んでうんたらほんたらとかなくなったしね。css/jsはほとんど書き直し。jsは今もちょこちょこ追加・修正中。
使ってるライブラリ等は、jQuery, uuAltCSS, dynamic gradient backgroundと、YUI Reset/Fonts CSS(現時点)。IEでの表示にはuuAltCSSに頼りっきり。ほんとすごいなぁこれ。非IEではCSSGradientが使えない環境の場合、dynamic gradient backgroundを使ってグラデーションさせてる。CanvasのtoDataURL使ってbackground-imageに突っ込んでるくさいから違和感無いね。生成の負荷も軽いっぽいし。
今回もインターフェースには画像ファイルを使わずにCanvasで(ほぼ無いけど)。SVG使おかなと思ったけど、そもそも画像をあんまり使わないし、CanvasだったらuuAltCSSにuuCanvas入ってるから、別途SVGのIE向けライブラリ(SIEとか)読み込まなくて済むからね。
あ、全部uuAltCSSでやればいいのかなぁ。

それと、やっとAutopagerizeに対応させた。以前気持ち悪いとぼやいてたrel=”next”だとかの件はSITEINFOで回避。

あとは、Footerなんとかしよ。

もうひとつ、一年くらい前に作って放置(開発環境に)したままのiPhone用テーマもビシっとさせてこっちに持ってこよ。またApplicationCacheとか使お。つかiPhoneのSafariで、metaに何か書いたらorientationしないモードみたいになんないかなぁ、そろそろ。あと、position:fixed;とかー。そしたらもっとSafariが活きてくると思うんだけどなー(Flash対応よりも)。

↑昨日からTwitterをFirefoxのSidebarでアレするGreasemonkey書いてるよー。右側のやつねー。生の(というかjQuery使わずに)Javascript書くの得意じゃないからちょっとしんどい感じー。あれだけやったのに、まだTL見るくらいの機能しかない…。自動更新とかは付けたけども。

もうちょいいい感じになったら出したい。だけど、諦めそうな予感がビシバシ。

あと、ちょっと前から縦タブ(ツリー型)にしてるんだけど、結構いい感じー。タイトルほとんど見えてないけどー。

まぁきのうのやつに書いた回線速度計るやつの続きというか続きやってんだけど、なんか全然うまくいかないままのまま。
レイテンシとかあるよなぁと思って(レイテンシというかダウンロード以外の時間)、50バイトくらいの画像ファイル使って計測してんだけど、なんかえーって言うような結果になったりする(1秒以上かかったりする)。なんでやー！それってどうなの？それオレ正しいの？となったので、レイテンシとか無視できるくらい大きいファイルでやってみよう、と1MBくらいのファイルで回線速度計測。すると今度は、途中で自動ロックかかっちゃった。てへ。

ということで、次はファイルサイズベースでやるんじゃなくて、時間ベースで計測してみようかな(レイテンシの話はどこへ行った？)。1分以内(30秒とか50秒とか)にどんだけダウンロードできたかという感じの。
あーでもこれ書いてて思ったけど、なんかこれちがうかなぁ。まぁいいややってみよー。

という感じでやってる。あとでこれを読み返して、「あーコイツこんなとこで躓いてんのかよ。ダセェ」とか思いたいです。つまり、なんとかしたいです。

iPhone3.0からSafariでGeolocation APIが使えるようになったので、ちょいちょい遊んでる。現在の緯度・経度がnavigator.geolocation.getCurrentPositionってやるだけで取れるので簡単。

んで昨日出掛けたときに車を約40分走らせながら、watchPositionでリアルタイムに情報取得してガーっと位置情報出力しまくってみた。

スゴい。ちゃんとwatchしてる。1700回くらいログってる。なんか重複したデータとか取れてるけどまぁそれはいいや。
speedとかheadingとかの情報も取れてる。コレ、おうちでやると値がnullになってたんよねー。正確かどうかはわかんないけど。そういやaltitude(高度？)も取れるんだけど、これも正確なのかな。accuracy見ろやってハナシなんだけど、そのaccuracyがなんかいい加減な感じがしないでもないのよねー。
いやまぁ、ブラウザがGPSロガーに早変わり(前からアプリ使えばできたけども)！

なんかこう、なんもしてなくても、遊べるデータがガンガン取れるってのは面白いね。アクセスログ解析で遊んでるときみたいな感じ。材料が際限なく湧いてくるので、調理に集中できるというか。

あ、んでまぁ試しに作ったものだったんで、位置情報を全部jQueryで「$(‘body’).append(位置情報)」って感じで書いてたんだけど、iPhoneが普通に動き続けてることに感動した。一回の情報取得につき、pタグ二つ挿入されてるのに(画像のやつと、詳細なやつ)。iPhone OS 3.0…やるな…！
当然、表示させることしか考えてなかったので、あとはページ全部(約15000行あった)をコピーしてメールで保存。
ぼく、iPhone OS 3.0の新機能を堪能してる…！

と、その冒頭からギャンギャン言ってる位置情報を使って、(SoftBankの)ハイスピードエリアマップみたいなの作ろうかと思って、いろいろやってんだけど、JavaScript使った回線速度計測がなんか全然うまくいかねえ。でももうちょっとネバってみる(28歳を前にして、少しネバることを覚えた)。

追記:
Firefox3.5のGeolocation、Firefox3でGeode(Add-on)使ったGeolocation、iPhoneOS3.0 SafariのGeolocationがちょっとずつ違う感じ。Firefox3.5にはlastPositionがないんだけど、W3C的にはナシで○っぽい。あと、Firefox3.5でwatchPositionするとブラウザが暴走する(Fx3.5RC2 Mac OS X 10.5.7)。
Google GearsのGeolocaionはまだ触ってないのでわかんないねー。

GoogleMapsAPIv3も使ってみてるとこ。とりあえず現在地表示できた(追従するよ)。たのし！

追記: 090706
辞めた。

当然、リリースされてすぐアップデートしたよ。

んでまぁいろいろ新しくなったりしてるけど、ぼくが気付いたことちょいちょい書いてくよーと。

• Safariが速い。canvasアニメーションの動きが昭和から平成になった感じ
• バッテリーの持ちが改善(以前と比べるとね)
• MMSからGmailに絵文字付きメッセージ送ってもちゃんと絵文字表示される
• SafariでHE-AAC聴けた(これ2.x.xでは対応してなかったよね？？)。HE-AAC+v2(aacPlus v2, PS-AAC)はまだ試してない→対応してるくさい
• カメラの起動が速いし保存も速い(以前は両者ともガッツリ待たされてた(撮影枚数が多いのが原因？？))
• 写真もサムネイル長押しでコピーできる(カメラロールとかで)。んでメールとかMMSにペーストして使える
• げふんげふん
• JailBreakきた！これで安心
• uname -aしたら「Darwin Kernel Version 10.0.0d3: Wed May 13 22:11:58 PDT 2009; root:xnu-1357.2.89~4/RELEASE_ARM_S5L8900X iPhone1,2 arm N82AP Darwin」
• Mac OS X Leopard 10.5.7よりカーネルのバージョンが上、というかSnow Leopardは10.x.x.x。先行してる(HTTP Live StreamingとかHE-AACもSnow Leopardより先行(もっと言えば、動画のトリミング・アップロードも))
• SBankNotifyからの卒業(今までどうもありがとう！！！)
• Erica Utilitiesのfindmeでエラー

さっき、HTTP Live Streamingのこと調べてたら、HE-AACうんたらほんたらって書いてあったから「え、マジ？いけんの？」と思って試してみたら、ちゃんとHE-AACしててテンション上がった。でもこれ、前から対応してたのかな。このネタ、他のBlog等々で見掛けないんだけど…。サンプルあげよっかなーと思ったけど、面倒くさくなったのでやめたー。

Safariが進化してみたいだから、もうちょいいろいろいじってみたいしなんかつくりたい。

あと、庭の栗の花が臭くて窓開けらんなくて部屋閉め切ってるから、毎日常夏気分です。多分去年も同じこと言ってましたごめんなさい。

追記:
Safariのnagivator.geolocation navigator.geolocationいじってるよー。おもしろー。

Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web

JavascriptでFirefoxのadd-onが書けますよーみたいなやつで、Intro & Tutorial の動画見るとなんとなく触ってみたくなったので、ぼくもなんかつくってみたよ(ってる途中)。

http://labs.11px.net/jetpack/markets/

何分か毎にnikkeiからフガフガしたデータを表示するスクリプトです。「Growl出た！」と、テンションが上がったところです。今のところアレな感じですけど…。

ええの！ええの！とりあえずつくってみるの！

追記:
なんかこれ(ぼくのつくってるやつね)、幅取り過ぎよね。これじゃダメだなー。
あと、WindowsとMacでnotificationsがえれー違うなぁ。Windowsだと \t とか \n とか効かない。なんかやり方あんのかな。
navigatorとか普通に取れないよね？jetpack.tabs.focused.contentWindow.navigatorとかやってんだけど、認識間違ってないよね？
jetpack.tabsの中のrawの中に__thumbnail(canvas?)とかあるんだけど、何これ。

追記2:
またちょっといじったよー。
左クリック: nikkeiのサイトが開く
右クリック: Notificationsでる
ホイールクリック: 更新する

Notificationsは値が変化したもののみ表示するようにしたよー。引けたやつとかは出ないってことよー。全部見たくなったら右クリックするといいよー。
なんかもうステータスバーに値出すの要らないかもー。

Jetpackつかったtwitter botとかまだ出てないのかな。

追記3: 090523
気付いたこととか

• Firebug使う場合はバージョン1.4以降じゃなきゃダメくさい
• widthは後から変えたりできないのかな

あと、多分もう上のFeatureはいじんない。

Life is beautiful: PhotoShare の Atom/JSON/JSONP Feed の正式発表

これ、正式に発表されました。JSONPにも対応してるね。

http://feeds.bcphotoshare.com/users/[user_id].atom

http://feeds.bcphotoshare.com/users/[user_id].js ←これがJSONP

http://feeds.bcphotoshare.com/users/[user_id].json

JSONPのコールバック関数は指定できないっぽい。デフォルト「handlePhotoShare」で[user_id].js?callback=unkoとかやっても変化無し。

あと、また新しく見つけた。
http://feeds.bcphotoshare.com/public.atomとかでRecent PhotosのFeedが取れる(っぽいんだけど、内容が違う？？)。何なんだろこれ。Atomのタイトルが「Big Canvas PhotoShare – public line」になってるし、Recent Photosじゃないのかな…？

アクセス回数制限のようなものは特にもうけていないので、ブログパーツを作るなり、RSSリーダーに読み込ませるなど自由に使っていただいてかまわない。

Life is beautiful: PhotoShare の Atom/JSON/JSONP Feed の正式発表

自由にやりたい放題やっていいのかー。
んー、なんか作ってみようかなぁ。ブログパーツ作っても使わんしなぁ…。

我ながら、これはカワイイ。

ことりをクリックするとことりがしゃべります。人工知能が搭載されているのでまるで人間のように喋りますが、人間のように愚かな発言も多いところが特徴です。よくできたことりですね。

追記: 090512
日付表示変更。つか間違ってたし…。