SocialCounterとTextURLLinkerも自動更新対応しつつ、ツールバーはスペースを使いすぎるのでボタンにしてみました。ボタンには数値を表示する機能があるのでそれを使ってブックマーク数を表示します(ただ、デフォルトの見た目がちょっとクドイ感じでしかもス…

NinjaKit*1というChrome/Safari拡張を公開しました。 Chrome:Chrome Web Store - NinjaKit Safari:NinjaKit for Safari Source: os0x/NinjaKit · GitHub これはFirefoxのアドオンであるGreasemonkey相当の機能を実装することを目指しています。 今のところ、…

次のようなXMLを拡張子.plistで適当な名前で保存して、サーバーにアップします。 <plist version="1.0"> <dict> <key>Extension Updates</key> <array> <dict> <key>CFBundleIdentifier</key> <string>net.…</string></dict></array></dict></plist>

ツールバーのアイコンがイマイチだったので、ページ下部にラインを表示してみました。なんか見事にAutoPagerizeの更新と被っているのに気がついたんですが、ホント偶然です。 ページの一番下にしたのは動作を止めたい時というのは大抵フッターを見たい時だと…

Chrome風なステータスバー表示をするSafari拡張が何種類か出ているみたいですが(どれもText URL Linkerと相性が悪く…)、CSSだけで大体実現できそうだなと思い、試してみました(Text URL Linkerとの相性が良いので)。 このスタイルはサイトによって、リンクが…

Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/Jav…

Chrome拡張をとりあえず3つだけSafari拡張に移植というか、どちらでも動くようにしてみました。以下からインストールできると思いますが、今のところ拡張は頻繁にクラッシュしますし、正式リリースされてないということは色々と問題が残っているということで…

これでできる！ クロスブラウザJavaScript入門の第7回はJavaScriptとHTMLとDOMの基本#2 イベント編です。リンク先が前回になってました。ごめんなさい。id:edvakfさんご指摘感謝。 今回はイベントです。あとレガシーな書き方にも触れています。レガシーなコ…

id:wanparkさんが(3年前に)書かれたchannel3というFlash用3DグラフィックライブラリをJavaScriptにポーティングしてみました。IEは未対応です(たぶんそのうち)。 channel3JS - ss-o.net この前のCanvasでDot3Dが結構余裕だったので、もうちょっと本格的な(だ…

Opera 10.6 (alpha) で oAutoPagerize を動かす - もし高校野球の女子マネージャーがOpera Browserを使ったら - チーム俺等の件と、Yahoo検索でフリーズしてたっぽい問題を修正、ヤフオクとかでも動くようになった、と思う。Google画像検索、英辞郎 on the W…

2010年5月27日開催 HTML5 TechTalkスペシャルにて、Canvasについてお話してきました。 発表に使ったスライド：Canvasでピクセル操作 by os0x デモはPixel Worksに(Opera Widgets用だけど普通のHTMLなので大抵のブラウザで動きます) 他の方の発表・資料はPast…

これでできる！ クロスブラウザJavaScript入門の第6回はJavaScriptとHTMLとDOMの基本#1です。 今回は正直に言ってかなり苦戦しました。。DOM周りは書くことがありすぎてなかなかまとめきれないし、その前にHTMLについて書いておきたいこともあってと。 scrip…

Google Chromeについてはやや久しぶりに、gihyo.jpさんで記事を書きました。 ブラウザ：Google Chrome 5の新機能とChrome 6の計画｜gihyo.jp … 技術評論社 そろそろChrome5がリリースされそうです、ということで、Chrome5がサポートする機能を開発者向けの情…

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

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

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

複数のバージョンの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の基礎知識#2：クロージャ編です。 結構時間をかけた甲斐があって、かなりわかりやすくなったんじゃないかと自画自賛してるんですがいかがでしょうか？ 今回もあんまりクロス…

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の基礎知識#1 今回は少し基本に戻ったお話です。いや基本といえば基本だけど、わかりにくい・間違いやすいだろうなというところにスポットを当ててます。 この連載で意識しているのは、「JavaS…

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

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

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

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

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

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

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

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

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

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