CSSセレクタの高速化の話を検証

CSSセレクタの高速化の話し - Webtech Walkerの件。元ネタは続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティスで、元ネタの元ネタはWriting Efficient CSS for use in the Mozilla UI - MDC。 先に書いておくと、この元ネタのMozillaの記…

ブックマークレットサービス・Hatena::Let を使ってみた

ブックマークレットサービス・Hatena::Let を作りました - 2nd lifeとのことで、早速使ってみました。使い方はホント簡単でログインして作成ボタン押して書いたら公開するだけ(ブログに貼るには個別ページ下にあるiframeタグをそのまま使うだけ)。 とりあえ…

JSパーティクル崩し

canvasをバイト単位で修正する方法(ImageDataの使い方) | tech.kayac.com - KAYAC engineers' blogを少し改良してFirefox、Operaでも動くようにしてみた。 JSパーティクル崩し 修正点 Firefoxはcanvas外(幅100pxのcanvasにx:100.1とか)にputImageDataしよ…

2つのChromeを共存させる方法(Google Chrome SxS)

複数のバージョンのGoogle Chromeを同時に動かす方法 - 0xFFでは、かなり強引にスタンドアローンなChromeを作る方法を紹介しましたが、最近(Issue 35574 - chromium - Add side by side distribution - An open-source browser project to help move the web…

JavaScript連載第5回

これでできる! クロスブラウザJavaScript入門も早くも第5回で、今回はJavaScriptの基礎知識#2:クロージャ編です。 結構時間をかけた甲斐があって、かなりわかりやすくなったんじゃないかと自画自賛してるんですがいかがでしょうか? 今回もあんまりクロス…

IEでpassword表示

IE

140文字以内でパスワード丸見え - latest log IE対応は結構面倒なんですよね。 まず、IEはinput要素のtypeを書き換えさせてくれないので次のようなスクリプトすら通らない。 var d=document.createElement('div'); d.innerHTML='<form name="f"><input type="text" name="t"></form>'; document.body.appendChil…

JavaScript連載第4回

これでできる! クロスブラウザJavaScript入門 第4回 JavaScriptの基礎知識#1 今回は少し基本に戻ったお話です。いや基本といえば基本だけど、わかりにくい・間違いやすいだろうなというところにスポットを当ててます。 この連載で意識しているのは、「JavaS…

BPStudy#32でChrome拡張とECMAScript5についてお話してきました

若手IT勉強会 : ATND(次回25日)繋がりのid:monjudohに誘われて株式会社ビープラウドさん主催のBPStudy#32 : ATNDでChrome拡張についてお話してきました。 資料はこちらChrome Extension with ECMAScriptまたこの資料か、という声が聞こえてきそうですが、htt…

第3回はクロスブラウザの傾向と対策

これでできる! クロスブラウザJavaScript入門:第3回 クロスブラウザの傾向と対策|gihyo.jp … 技術評論社 と、今さらですが、連載全体としては連載:これでできる! クロスブラウザJavaScript入門|gihyo.jp … 技術評論社からどうぞ。今回からいよいよクロ…

「続・ハイパフォーマンスWebサイト」レビュー

Chrome Extensions TechTalkの日に、Googleの及川さんから「続・ハイパフォーマンスWebサイト」を頂きました。 続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス作者: Steve Souders,武舎広幸,福地太郎,武舎るみ出版社/メーカー: オライ…

Chrome Extensions TechTalk#1

2010/4/9にChrome Extensions TechTalkを行いました。おかげさまで、80名近い方に出席頂きました。ありがとうございます。 正直、私の力不足で進行やらがグデグデでした。すみません。でも、及川さん、田村さん、白石さんの素晴らしい発表と、ライトニングト…

ブラウザの環境構築のまとめを書きました

これでできる! クロスブラウザJavaScript入門:第2回 完全版:ブラウザとデバッグ環境|gihyo.jp … 技術評論社IE6,7,8をどうやって共存させるのかとか、Firefox・Safari・Chrome・Operaの旧バージョンはどこから落とせるのとか、各ブラウザでデバッグするに…

HTML5とか勉強会でお話してきました

HTML5-Developers-jpの白石さん主催の第4回 HTML5とか勉強会(旧Webkit/HTML5勉強会) : ATNDでChrome拡張についてお話してきました。 資料はこちら Chrome Extension meets HTML5 第4回 HTML5とか勉強会(チロルは除く) - Togetterに、Ustreamの録画もあり…

クロスブラウザJavaScriptの連載始めました

これでできる! クロスブラウザJavaScript入門:第1回 ウェブブラウザとJavaScriptの未来|gihyo.jp … 技術評論社 gihyo.jpさんでクロスブラウザを扱った連載を始めました。JavaScriptを中心に、CSSなどの周辺の話や、その辺のバックグラウンドにある標準化…

oAutoPagerize ver1.5.1 RC1

Opera10.50 RCが出ましたが、「oAutoPagerizeが原因でフリーズするぞ、どうなってんだ」とのご指摘を頂きましたので、oAutoPagerizeもRC版をリリースしました。 というのも、Googleとか(いろんなサイトで)で落ちるって報告だったんですが、こちらではGoogle…

Google DevFest 2010とクイズについて

Google Japan Blog: DevFest 2010 Japan を開催します Google Japan Blog: クイズに答えて DevFest に参加しよう DevFest 2010 Japan 私はChrome拡張について直接発表はしませんが(Googleのエバンジェリストのブライアン・ケニス氏が発表されます。同時通訳…

続・先取り! Google Chrome Extensions最終回

続・先取り! Google Chrome Extensions:第10回 Chrome拡張の国際化とギャラリーへの公開と総まとめ|gihyo.jp … 技術評論社 はい、というわけで、連載終了となりました。連載中何度か取り上げていたSBMカウンタを国際化してギャラリーに公開して終了と、我…

Google Chrome用ユーザースタイルシート拡張

Chrome Web Store - Stylistのver2.0を公開しました。元々、ハッカソンの時に作った拡張で、長いこと中途半端な実装状態のままギャラリーに公開していたんですが、ようやくそれなりに形になりました*1。 元々Chromeはuser.jsを拡張に変換してインストールす…

ChromiumでVertical Tabsの試験的な実装が始まっている

少し前から、ChromiumOSのUIモックにSidetabバージョンがあったのですが、この実装が始まりました。 Issue 34509 - chromium - Vertical Tabs - An open-source browser project to help move the web forward. - Google Project Hosting ちょうど今日、 Iss…

最後のタブを閉じる時にChromeがなるべく終了しないようにする拡張を作った、他2本

なるべく、と付いているのは、タブをセンタークリック(マウスホイールでのクリック)すると終了してしまうからです。Ctrl+wや、タブのバツボタンや、GestureやKeyconfigでの閉じるアクションなら、ホームページだけの新しいウィンドウを表示します。 Prevent …

oAutoPagerize ver1.5.0

Google画像検索で動かなくなっていたのを修正。 ついでにFirefox3.6でも動くように。Firefoxで使っている人はいないかもしれないけど、Bookmarkletとしても使えるので一応。 あと繰り返しになるけど、Google Chrome4ではoAutoPagerizeは動かないので、Chrome…

referrerやDeferredのスペル

JSDeferredを打とうとしてrとeの数に不安になるこの頃だったが、 refer + rer defer + red で憶えると間違えないことに気がついた。

Chromeで読み込みに失敗した画像についてリファラを消して再読み込みを試みる方法

[追記]実際に使用したい方は @civic さん作のLDR Image Loader extensionをどうぞ。Chrome Dirty Hacks 01: fc2 image for LDR - 枕を欹てて聴くの別解みたいなのです。要は、livedoor Readerでfc2やアメブロの画像を表示してやろうというネタです。まず、id…

HTML5やECMAScript5の話

HTML5周辺やECMAScript5の話をgihyo.jpでいくつか書かせて頂きました(上2つは3週、2週前の記事ですが…)。 新春特別企画:2010年のJavaScript:「これまで」と「これから」|gihyo.jp … 技術評論社 続・先取り! Google Chrome Extensions:第7回 Google Chro…

Chromeをスタンドアローン化した際に起動できないバグへの対処

複数のバージョンのGoogle Chromeを同時に動かす方法 - 0xFFの方法で http://dl.google.com/chrome/install/249.78/chrome_installer.exe (stable版Chrome4) をスタンドアローン化して起動しようとしたら必ずクラッシュして起動できない現象が発生。debug.lo…

ECMAScript 5 and Chromium/V8

Page not found | Qt Blogの補足とV8版です。赤くなってるのはChrome5で使えるやつです。 Object.getPrototypeOf WebKit https://bugs.webkit.org/show_bug.cgi?id=28114 Chrome http://codereview.chromium.org/518056 Object.getOwnPropertyDescriptor Web…

2009年12月あたりのこと

今月は思ったより忙しかったです。API Expertの件とgihyoでの連載+αがやはり大きい。拡張開発のほうも今ひとつ進んでいないです、主にStylistのインターフェースで躓いています…。 とはいいつつ、ゲームはちょこちょこやってて、ペルソナ3ポータブルはもうち…

連載第6回はWeb Inspectorの紹介

続・先取り! Google Chrome Extensions:第6回 Firebug要らずなChromeのWeb Inspector|gihyo.jp … 技術評論社「ChromeにFirebugはないのか」みたいな発言をちょくちょく見かけるので、Firebugより強力なWeb Inspectorがあるよって記事にしました。まあ、ま…

複数のバージョンのGoogle Chromeを同時に動かす方法

複数バージョンのChromeを同時に動かす方法は公式には用意されていませんが*1、割と簡単にバージョンごとのChromeを動かすことができます。出典はGoogle Chromeを任意のフォルダにインストールする方法など: 夜明け前と2chのChromeスレ*2からです。 インスト…

連載第5回と公開している拡張

続・先取り! Google Chrome Extensions:第5回 Chrome ExtensionのAPI#2|gihyo.jp … 技術評論社今回から新しい拡張を作り始めました。記事中では本当に作りかけですが、今朝なんとか実用できるレベルにしてギャラリーにアップしました。 Chrome Web Store …