Tag: browser

untitled

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って感じ。あとやっぱり、ドライイーストは予備発酵させておくのが重要だと改めて思った。面倒は面倒なんだけど、冬だし寒いから常温だと発酵進まないし(捏ねてる間とか)。予備発酵させておくと、発酵不足でイーストのウンコ臭さが残ったりすることも少ないし、きっちり発酵させると生地の柔らかさが違うね。
きっちり捏ねてきっちり発酵させると(熟成かな)、生地伸ばすときの粘りがねー違うねー。グルテンッ!って感じでねーフィルムみたいに薄く伸ばせたりする。んでそのフィルムみたいに薄くなった生地が、焼くと油吸ってパリパリサクサクになってうまうま。まぁふっくらしたやつとか焼けへんけどな!端っこのほうとかふっくらした感じが出てもいいと思うんだけど、生地はそんなことお構いなし。我が道をいくタイプやな。
今日はピザを食いながらコーラをグイグイやるという、見事にデブスタイルなお昼ごはんでした。自分で自分を横綱と呼びたい。

untitled

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(こっちに影響受けた)でやってるやつみたいなの。算数難しくって、慣性スクロールんとこで躓いてるんだけど、これはなんとかシャキッと作りたい。んでそれ使ったフレームワークみたいなの作ろかなと思ったんだけど、脳みそツルツルなので黒目が白くなりかけてる。なにをどうすればいいかわかんない。

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

Webkit いろいろ

基本的にWebのもの作る時はMacで作ったあと、VMWare Fusion上のWindows XPのIEでチェック、問題があれば修正って流れでやってる(みんなも?)。
で、Windows上でたまにIE以外のブラウザもチェックしたりするんだけど、なんかおかしいの出たのでメモっとく。

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

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

safari_normal

他にもスクリーンショットは取ってないけど、Safari/Chromeでinput type=”search”のデザインがなんかおかしかった。少なくともMac上のSafari/Chromeとは全く違うものになってる。ので、Windows上ではinput type=”search”は使わないようにした。
box-shadowもなんか違う感じだった。

Firefoxはこういうとこ優秀だなーと思う。

ちなみに、問題の解決はしてない。ほったらかしー。

Hashbrowns

昨日はうどんリベンジを決行しようと思ったんだけど、前戦での負傷のため中止(ちっこいボールで捏ねてたら指に擦過傷できてた><)。

かわりに最近ハマってるハッシュ(ド)ポテトをつくった。レシピ。鰹節は別にいらないし、なんか適当に足したきゃ足せばいいし、塩だけでも十分うまい。小麦粉はいらないかな(フリッターっぽくなってホクホク感が出る)。ちなみに次は芋に片栗粉を混ぜてやってみようと思ってる。目標は朝マックのハッシュポテト。ゴールは近い。

ブラウザをFirefoxに戻した。やっぱこれかも。

追記:

片栗粉は水分多いときだけだな…。なんか作るたびに完成度は上がるんだけど、目標から遠ざかっていってるような気がするる。

untitled

最近のこと。箇条書き。順序バラバラ。

  • 生きてる(稀に生存・意識レベルの確認をされるので)
  • Firefox.3.5からSafari4にやや移行した。Mac版Safariはやっぱヤバい(速い・心地いい)。でも、LocationbarがAwesomeじゃないのが結構キツい。あとメモリおいしいです(^q^)ってなり過ぎで、すぐSwapしちゃう。FirefoxとSafariはなんか別物な感じがする。でも常時使うブラウザはひとつに絞りたい(Firefox or Safari or Chromium)
  • ちょこちょこなんか書いてる。コード書いてる。Xcode起動したりしてる
  • gmail→smtp2web→perl(ここだけ自前)→prowlが便利。Macで使ってるNotifier系のApp要らなくなっちゃう。Google MobileのPushのやつも使ってる
  • iPhoneOS3.1にした。JBした
  • twitterにうんこ垂れ流して満足しちゃってる。twitterでも見事にひとりぼっち。たまにはこういう箇条書きエントリしたい。つか文章書くの苦手だから何書いても箇条書きになっちゃう>< あ、だからtwitterなのか
  • Tweetie(Macね)→Echofon(Macね)にした
  • Visorを使い始めた。以前はずっとTerminal用にSpaceをひとつ割り当ててる感じだったけど、これだとどこでもホットキーでニュルンとTerminalが出てくるのでなんかいい。書いてて気づいたけど、大した変化はないよねこの話
  • Server(Ubuntu)にDropbox入れた。なんかこれでおもろいこと出来るかなぁ。MacもServerもiPhoneも全部同期できるんだし。とりあえずgitのナニをアレする
  • Serverん中に、使わないcacheファイルが80GBもあった。アホか。消した
  • 相変わらず無職
  • 本読みはじめると10ページ位で寝ちゃうので全然進まない

Safari関連で入れてるもの

  • SIMBL
  • SafariStand
  • GreaseKit(oAutopagerize, LDR open in background tab, pbtweet, はてブのコメント出すやつ(自前), etc…)
  • ClickToFlash(YouTubeをHTML5Videoに置き換えてくれるのがヤバい(Mac版のFlashPluginがイケてるのでかなり助かる)。低負荷)
  • SafariTabMemento
  • SafariTabConfig
  • TumblKit

コンピューターの話ばっかりでした。

Chromium Theme

Chromium Mac

MacのChromiumでもThemeちゃんと効くね。

あと最近、ChromiumでFlashが動くようになってきたね。完成度はまだまだって感じだけど、期待してる。すくすく成長してるのが見られて楽しいな。

Discover Shiretoko

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時リリース予定)

Jetpack!!!

JetpackMozilla 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はいじんない。

Border-Radius 味比べ

CSS3のborder-radiusを、ブラウザ毎に味比べ。


Firefox 2 Windows
・Firefox 2 Windows


Google Chrome 2.0.172.23 Windows
・Google Chrome 2.0.172.23 Windows


chrome301823
・Google Chrome 3.0.182.3 Windows


Firefox 3.5b4 Mac
・Firefox 3.5b4 Mac


Safari 4b(5528.17) Mac
・Safari 4b(5528.17) Mac


Chromium 2.0.181 Mac
・Chromium 2.0.181 Mac


Firefox 3.0.10 Mac
・Firefox 3.0.10 Mac


と、結構品質に差があるね。特にFx2のはなんかスゴいね。まぁ、もう使ってる人そんなにいないと思うからいいけども。Chromeはもうちょい頑張って!

スクリーンショットが少ないのはなんかのついでに撮ったやつだから><
色がバラバラなのはカラーマネージメントのせいかな。

追記: 090530
Google Chrome 3.0.182.3を追加。変わってねぇ。

Google Chrome text-shadow

ちょっと面白いの発見したのでメモ。

Google Chromeでcssにtext-shadowを使うとフォントがアウトライン表示される。text-shadow:0 0;なんかでよくて、別に影を表示しなくてもいい。bodyに使ったりするとページ全体に効くね。MS Pゴシックも滑らかに!でもChrome限定。

chrome_text_shadow

サブピクセルレンダリングが効かないようでボケたような感じだけど、大きめのフォントサイズで使えばいいかも!というか、通常の12~16px程度のフォントサイズだとレンダリングがイマイチ。Arialがものスゴく胡散臭くなる。

まぁChrome限定…。

追記:

検証したChromeのバージョンは2.0.169.1。

Me

Yasutaka Sato

more

Tags
add-on again album amazon analytics animal apologize app apple appreciation bag baseball battle beauty birthday blog blood blue bluetooth body book bookmark bought brave broken browser burn camera canon canvas car care catalyst change chocolate chrome chromium circle cleaning code coffee coffeeshop coke command communication complete conference cook coupon creation css cui cute dark db design desire desktop diary disqualification dizzy drama dream drive drunk eeepc empty erotic error essay fake false fav festival firewall fireworks flirt font food forgot fortune frame france friends from iPhone fx game geek geolocation girl google graph hack hatena headache holiday hot house hungry ice impressions interesting ipad iphone ipod itunes jailbreak jetpack jquery js json kicks kiss kobe kyoto leopard lie life lifestyle light lighttpd linux livedoor logic lost love lunch lyric mac macbook mail map maps marriage mcdonald's me memo mental message microsoft miss misunderstanding mobile moblin morning mouse movie music mysql mystery name neet netbook newbalance news newyear night notebook occupation omelet os pack pain parting past pc peace peperoncino perl phobia photo photoshare php picture plan pleasure plugin poem pop producer profile pwned rabbit radio rain rap recipe redo regret relation release remember reminiscence repeat reverse rice rip rnb rrd sakura scan scare search server sex shinjuku sick simple sky slept slim smell snack snowboard softbank sorrow sound souvenir spaghetti speed sports ssd star start station store streaming stupid stystk suicide summer sunrise switch tears temperature temple terminal test thanks thought time tips tokyo trable trance travel true tumblr twitter uneasy urban used uupaa vacation various vertigo video walk wandering web weight wifi word work wp year-end you youtube