Browser:
やっぱりSafariのロケーションバー(URL打つとこね)にイライラを感じてきたので、Google Chrome(Dev)に移行した。思ったよりも早い訪れ。Webkit→Webkit。
でもやっぱりClickToFlashがないのがね…。VGAないくらいの動画をFlashで再生させるだけで、Macが空飛びそうなくらいの音だすからやなんだけど、ChromeでのHTML5 Videoの再生時の負荷が、Safariとは比べ物にならないくらいにデカいのがね…。これじゃFlashで再生させてんのと大差ないよという感じ。QuickTimePluginで再生させても結構しんどかったような覚えがある。これはちょっと検証してみようかな。つかQuickTimePlayerが起動するようにすればいいのか。なんかでもスマートじゃないなぁ。もんもん。そもそもMacのFlashPluginの負荷がとりあえず途轍もないような気がするのは、ぼくだけじゃないはず。フルFlashのサイト閲覧するときとか心の準備いるもん。なのでMacでのWeb閲覧にはFlashBlockが必須だと思ってる。
あと、Extensionのボタン(ロケーションバー横に出てくるやつ)押下後の妙なタイミングラグとトランジションが結構気になる感じ。特にはてブのExtensionは顕著。
この辺りはMac版とWindows版で大きな開きがあるかもしれないなぁ(Windows版はVideoとかExtensionとか触ってない)。Mac版の開発はちょっと遅れがちなのかな…?
ブラウザ自体の速度はSafari同様申し分ない。十分に速い。
Pizza:
コッペパンを二度連続失敗(膨らまない膨らまない)して、「もうパンなんて焼かない!」となったので、昨日からピザ作りに励んでる。
ピザはあんまり膨らませなくていいからうまくいくなぁ。もうほんと、膨らむかそうでないか、がデカいよなぁ。Great 粉 Wallって感じ。あとやっぱり、ドライイーストは予備発酵させておくのが重要だと改めて思った。面倒は面倒なんだけど、冬だし寒いから常温だと発酵進まないし(捏ねてる間とか)。予備発酵させておくと、発酵不足でイーストのウンコ臭さが残ったりすることも少ないし、きっちり発酵させると生地の柔らかさが違うね。
きっちり捏ねてきっちり発酵させると(熟成かな)、生地伸ばすときの粘りがねー違うねー。グルテンッ!って感じでねーフィルムみたいに薄く伸ばせたりする。んでそのフィルムみたいに薄くなった生地が、焼くと油吸ってパリパリサクサクになってうまうま。まぁふっくらしたやつとか焼けへんけどな!端っこのほうとかふっくらした感じが出てもいいと思うんだけど、生地はそんなことお構いなし。我が道をいくタイプやな。
今日はピザを食いながらコーラをグイグイやるという、見事にデブスタイルなお昼ごはんでした。自分で自分を横綱と呼びたい。
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(こっちに影響受けた)でやってるやつみたいなの。算数難しくって、慣性スクロールんとこで躓いてるんだけど、これはなんとかシャキッと作りたい。んでそれ使ったフレームワークみたいなの作ろかなと思ったんだけど、脳みそツルツルなので黒目が白くなりかけてる。なにをどうすればいいかわかんない。
パン:
年明け一発目もフランスパンでした。思いの外ギッシリ系の出来になっちゃったので、ちょっと肩落ちた。けど、硬さはそんなになくて、前作ったやつみたいに食後の口内が血みどろ…みたいにはなんない。 つぎはコッペパンに挑戦するつもり(揚げパン作りたいの)。あの給食のパンみたいなふっくらした感じが出せるか疑問だけど、まぁやってみるよ。とにかく今はせっせとフランスパン消費ちゅう。
基本的にWebのもの作る時はMacで作ったあと、VMWare Fusion上のWindows XPのIEでチェック、問題があれば修正って流れでやってる(みんなも?)。
で、Windows上でたまにIE以外のブラウザもチェックしたりするんだけど、なんかおかしいの出たのでメモっとく。

Windows版のGoogle Chromeで見た、このサイトのFooter。
backgroundに-webkit-gradientを使ってるんだけど、見事におかしなことになってる。リンク要素にマウスオーバーするとその要素のみ、backgroundが出てくる。謎。Windows上のGoogle Chromeのみでの現象。VMへのメモリ割当が少ない(300MB程)のが悪かったりするのかな?

Windows版Safariでフォントにアンチエイリアス掛けるとLucida Grandeがなんかおかしくなる。
右上の「Search」のところ。フォントのディセンダが通常のWindowsのフォントレンダリング時と比べて大きくなっている。Safariが自前で持ってるLucida Grandeのフォントの問題なのかな。ちなみに通常のフォントレンダリングはこんなん↓

他にもスクリーンショットは取ってないけど、Safari/Chromeでinput type=”search”のデザインがなんかおかしかった。少なくともMac上のSafari/Chromeとは全く違うものになってる。ので、Windows上ではinput type=”search”は使わないようにした。
box-shadowもなんか違う感じだった。
Firefoxはこういうとこ優秀だなーと思う。
ちなみに、問題の解決はしてない。ほったらかしー。
昨日はうどんリベンジを決行しようと思ったんだけど、前戦での負傷のため中止(ちっこいボールで捏ねてたら指に擦過傷できてた><)。
かわりに最近ハマってるハッシュ(ド)ポテトをつくった。レシピ。鰹節は別にいらないし、なんか適当に足したきゃ足せばいいし、塩だけでも十分うまい。小麦粉はいらないかな(フリッターっぽくなってホクホク感が出る)。ちなみに次は芋に片栗粉を混ぜてやってみようと思ってる。目標は朝マックのハッシュポテト。ゴールは近い。
ブラウザをFirefoxに戻した。やっぱこれかも。
追記:
片栗粉は水分多いときだけだな…。なんか作るたびに完成度は上がるんだけど、目標から遠ざかっていってるような気がするる。

MacのChromiumでもThemeちゃんと効くね。
あと最近、ChromiumでFlashが動くようになってきたね。完成度はまだまだって感じだけど、期待してる。すくすく成長してるのが見られて楽しいな。
Discover Shiretoko – 世界自然遺産「知床」と Web ブラウザ「Firefox」の物語
もうそろそろリリースされる、Firefox 3.5のキャンペーンサイト。んで↑のバナーキャンペーンってのをやってるんだけど、これがCanvasで書かれてる(木が生えてくるみたい)。流石。しかも、
* Web 標準技術である Canvas に対応していないブラウザをご利用の場合は、バナーの樹および interFORest の森をご覧いただくことができませんので、ご了承ください。その場合は、Firefox をダウンロードの上、再度お試しください。
Discover Shiretoko | バナーキャンペーン
Coolだ。
リリース日時はいつかなぁ。日本時間で7/1の午前3時とかかなぁ。
追記:
Q: 3.5のリリース時期は? A: 現時点ではUS6/30早朝をリリース予定。8時前後。日本は7/1の深夜になると思われる。(瀧田)
[N] 「Firefox 3.5」事前記者発表会レポート(US6月30日8時リリース予定)
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はいじんない。
CSS3のborder-radiusを、ブラウザ毎に味比べ。

・Firefox 2 Windows

・Google Chrome 2.0.172.23 Windows

・Google Chrome 3.0.182.3 Windows

・Firefox 3.5b4 Mac

・Safari 4b(5528.17) Mac

・Chromium 2.0.181 Mac

・Firefox 3.0.10 Mac
と、結構品質に差があるね。特にFx2のはなんかスゴいね。まぁ、もう使ってる人そんなにいないと思うからいいけども。Chromeはもうちょい頑張って!
スクリーンショットが少ないのはなんかのついでに撮ったやつだから><
色がバラバラなのはカラーマネージメントのせいかな。
追記: 090530
Google Chrome 3.0.182.3を追加。変わってねぇ。
ちょっと面白いの発見したのでメモ。
Google Chromeでcssにtext-shadowを使うとフォントがアウトライン表示される。text-shadow:0 0;なんかでよくて、別に影を表示しなくてもいい。bodyに使ったりするとページ全体に効くね。MS Pゴシックも滑らかに!でもChrome限定。

サブピクセルレンダリングが効かないようでボケたような感じだけど、大きめのフォントサイズで使えばいいかも!というか、通常の12~16px程度のフォントサイズだとレンダリングがイマイチ。Arialがものスゴく胡散臭くなる。
まぁChrome限定…。
追記:
検証したChromeのバージョンは2.0.169.1。