Chromium-Extensions-Japan - Google Groups
このグループはGoogle Chromeの拡張機能について、APIの最新情報や開発のノウハウなどを日本語で共有するGoogle 準公式のコミュニティです。 Google Chrome 拡張はHTMLとCSS、JavaScriptを用いて、手軽に開発ができます。特に、HTML5やその関連技術(Web Storage、Web Workers、Web Socketsなど)や、WebKitのCSS3先行実装などを使って、強力なアプリケーション・サービスを開発することができます。 ドキュメント等々、まだまだ日本語での情報は不足している面はありますが、このコミュニティを通じて情報交換をして行きましょう！ 対象とするテーマ - Google Chrome拡張開発(各種APIの使い方、開発ノウハウ) 参考リンク - Official Google Chrome Extensions documentati
Untitled
Google’s Android has actually been among the hardest rivals to Apple’s smart device offering: apple iphone. Android has actually undergone a range of variations consisting of Eclair, Froyo, Gingerbread and also Honeycomb. With the most effective attributes scheduled for the last, Android has actually succeeded in supplying unique qualities as well as attributes. Android applications have actually
stmndrjfr - JavaScript でクリックする
まず createEvent(‘MouseEvents’) でマウスイベントを作る。 そのイベントを initMouseEvent(‘click’, …) で初期化する。 対象の要素に dispatchEvent で発生させる。 play on tumblr の例 /lang/javascript/userscripts/playontumblr.user.js – CodeRepos::Share – Trac var click = function(n) { var e = document.createEvent('MouseEvents'); e.initMouseEvent("click",true,true,unsafeWindow,1,10,50,10,50,0,0,0,0,1,n); n.dispatchEvent(e); }; initMouseEvent initMo
IT戦記 - Safari 3 に実装された、当たっている CSS ルールを全て抽出できる getMatchedCSSRules が凄い
今日は、まだまだ Safari 3 が熱い！ window オブジェクトを走査していたら、またしても面白そうな関数を見つけてしまった。 その名も getMatchedCSSRules ！！！ まずはデモをご覧ください 以下のブックマークレットを任意のサイトで実行すると、コンテンツの下に DOM Inspector のような要素が出現します。 そこで、要素を開いていくと Safari の場合は、どの CSS ルールが当たっているかを見る事ができます。 javascript:(function(){var d=document,s=d.createElement('script');s.className='css-inspector-script';d.body.appendChild(s);s.src='http://amachang.art-code.org/cssInspector.j
Diving into the Twitter API | Envato Tuts+
Twitter's astonishing growth is rivaled only by its intuitive, developer friendly API. In this second part of the series, we are going to learn more about Twitter's API and how to work with it. Too much abstraction is never a good thing. In this Web 2.0 era, web applications which have an easy to use, intuitive API have a distinct advantage as it lets developers exploit and build for the platform
How NOT to write a good javascript code
これでできる！ クロスブラウザJavaScript入門：第2回 完全版：ブラウザとデバッグ環境｜gihyo.jp … 技術評論社 この記事では、いかにして、バージョンの古いブラウザ環境を構築するかに、紙面の大半を割いている。有害すぎる。 そもそも、バージョンの古いブラウザは、規格を正しく実装せず、必ずセキュリティホールを含んでいるのである。このようなworkaroundは、何も生み出さない。ただ、問題をややこしくするだけである。この記事は、クロスブラウザのための環境構築という大義名分のもと、その実、自分自身が、クロスブラウザに多大な労力をつぎ込まなければならない環境構築の片棒を担いでいるのである。本末転倒も甚だしい。 何のためにWeb標準が策定されているのか。何のために、各ブラウザベンダーは、ブラウザをアップデートしているのか。クロスブラウザなどということを、考えなくても済むようにするため
Sputnik
What is Sputnik? Sputnik is a JavaScript 3 conformance test suite. The purpose of the test suite is to determine how well a JavaScript implementation adheres to the ECMA-262 specification, 3rd edition. It contains over 5000 tests that touch all aspects of the JavaScript language. What is this site? This site allows you to run the sputnik tests and to compare the most popular browsers' test results
ニコニコ生放送を録画する·namareco MOONGIFT
namarecoはRuby製のオープンソース・ソフトウェア。ニコニコ動画のユーザによるライブ放送、ニコニコ生放送はその時しか味わえないライブ感が楽しいサービスだ。とは言え普段は忙しい方、予定があって見られないという場面があるのも事実だ。 筆者環境ではエラーになってしまったが、基本的に立ち上げたら放置しておくだけで良い そこで必要になるのは生放送を録画しておいて後で見るという機能だ。コマンドラインベースで簡単に設定しておけるのがnamarecoだ。Rubyで作られており、Windowsであればバイナリを実行するだけでも使えるソフトウェアだ。 設定ファイルに視聴したいコミュニティのURLまたは配信者のユーザIDを記述しておく。後は起動しておくだけで、配信が開始したら録画を開始する。なお起動後からチェックされるので元々放送がはじまってしまっている場合は録画されないので注意したい。 録画は同時に二
栞 - あすかぜ・ねっと
shiori について Firefox用の拡張です。 ページURLとスクロール位置を栞として記憶します。 栞をはさんだページを開くと、自動的に栞の位置にスクロールします。 栞の追加と削除はブラウザの右クリックメニューから行ってください。 右クリックメニューには栞位置へのリンクも追加されますが、 通常のリンクやブックマークから開いた場合でも、自動スクロールは有効になります。 栞のデータは単一の文字列として設定に記録されます。 あまり大量の栞は作らないでください。 Ver.0.3.1 (2009/11/07) インストール ／ ダウンロード（shiori_0_3_1.xpi）(4.52 KB) ソースフォルダ （ZIPアーカイブ） Firefox 3.6 に対応。 Firefox:2.0〜3.7a1pre リンク Webページにしおりを付ける機能は以下の拡張でも実現されています。 Dog Ea
IEは擬似要素に全称セレクタをマッチさせているように見える - 徒書
問題 以下のようなスタイルシートとHTML文書の組み合わせについて、表示結果がどのようになるかを確認しました。(sample) * { font-size:100%; font-style:normal; } p { color: #666; font-size:2em; font-style:italic; } p:first-letter { color:#c00; } <p>THIS IS A TEST.</p> 結果 Firefox 2.0, Opera 9.01, IE6, IE7で確認し、以下のような表示となりました。 Firefox Opera IE6 IE7 考察 注目すべき点は、IE6, IE7がどちらも最初の"T"を斜字体にしていないことでしょう。p要素に対しては font-style:italic; が適用されているため、この結果は全称セレクタ(*)に対するスタイル規
bookmarkletで選択文字列を取得することを考える - 徒書
bookmarkletで、「選択文字列を取得して何かする」という処理はよくあるものですが(検索エンジンに渡したりとか)、そのことについて暫く考えを巡らせています。 ※ 以下のJavascriptソースはMozilla系ブラウザで動作させるものとします。 Firefoxで選択文字列を取得する場合は、以下のような方法が用いられます。 var t = window.getSelection().toString(); 多くの場合はこれで問題無いのですが、うまく行かない場合もあります。 まず、フレームが使われている場合。フレームの中のページは、大本のページとは別のwindowオブジェクトなので、その中で選択文字列は上記の方法では取得できないことになります。何とかしようとするならば、window.framesにより子windowオブジェクトを取得し、それぞれのwindowオブジェクトについて再帰的に
選択文字列を取得 - m2
Opera 10.50 で document.selection が使えなくなったので window.getSelection も使うように書いてみました。 alert( (function f(w){ var d=w.document,q,t,i=0,r=d.selection,s=r&&(r.createRange()||i).text; if(!r){ s=w.getSelection()+'',q=s||d.querySelectorAll('input,textarea'); while(!s&&(t=q[i++]))s=t.value.slice(t.selectionStart,t.selectionEnd) } i=0; while(!s&&(t=w[i++]))try{s=f(t)}catch(e){} return s||''; })(this) ) bookmarkl
indexOf と RegExp の速度比較 - m2
単純な特定文字列の存在確認をするのに indexOf と正規表現でどれくらい差があるのかなと思って、次のようなコードを書きました。 (function(){ var a = [], n = 10000; for (var i = 0; i < n; i++) { a.push('item:' + i); } var str = a.join('\n'); var s = new Date(); for (var i = 0; i < 3000; i++) { //var m = str.indexOf('item:9999'); // (1) indexOf //var m = /item:9999/.exec(str); // (2) 静的な正規表現 //var m = new RegExp('item:9999').exec(str); // (3) 動的生成の正規表現 //var m
はじめてActionScript3.0にさわりスパゲッティーができた - 三等兵
別にやりたくないのにー！というかやったことがない！大変心外だ。ASごっつ難しいやん。コンポーネントごっつあるやん。そういうのいややん。最初でくじけた。 とりあえず環境はこれで。 http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/ FlashDevelopはなんとなく適当なものをうつしてみたところ、補完便利。 学習サイト ALPHA FROG::FLASHの制作・素材・スクール http://flash.frogstone.jp/ Flash CS3入門 基本からActionScriptまで | 日経 xTECH（クロステック） http://itpro.nikkeibp.co.jp/article/COLUMN/20071025/285488/ 連載インデックス「Flashの基礎を無料で習得！
Firefox JavaScript技術まとめ - Spider/Trace/Jaegar/Nanojit/Nitro | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable a quick note on JavaScript engine components ★ Mozilla Hacks - the Web developer blogにおいて、最近追加された技術も含めてFirefoxで利用されているJavaScript技術が簡単にまとめられている。FirefoxはJavaScriptの処理性能を改善する目的で新しくJaegerMonkey / Nitroを導入したが、従来の技術も含めて若干の誤解が見られるという。簡単に関係を説明することで、こうした誤解を払拭する狙いがある。 ニトロでブースト - Firefox、新しい高速化技術を導入 Firefox 3.6のJavaScript高速化技術まとめ 紹介されている技術をまとめると次のとおり。
フォームにファイルをドラッグ＆ドロップできるEZ Drag-n-Drop - Firefox更新情報Wikiブログ
今回紹介するFirefox拡張機能はEZ Drag-n-Drop。 フォームのファイル送信欄へファイルをドラッグ＆ドロップできるようにします。 通常、フォームのファイル送信欄（記入欄もしくは参照ボタン）をクリックするとファイル選択ダイアログが表示され、そこで選択したファイルのパスが送信欄に記入されます。EZ Drag-n-Dropを用いると、別のウィンドウからファイルを送信欄へドラッグ＆ドロップするだけで記入でき、ファイルを選択する手間が省けます。この機能はツールメニューから有効/無効を切り替えられます。 同じような機能を持つ拡張機能といえばdragdropuploadがあるのですが、Ver 1.6.xくらいから、一度ドラッグ＆ドロップした（パスを記入した）送信欄へ再びドラッグ＆ドロップしても、パスが上書きできない仕様になってしまいました。EZ Drag-n-Dropでは上書きできますよ。
柔軟なフィード表示ライブラリ「feedrenderer.js」を作りました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 今週の話題にも書きましたが、サイドバーの Twitter ウィジェットを表示していたところを Google Buzz ウィジェットに差し替えてみました。私は tweet_amplifier.rb でつぶやきも Google Buzz に転送しているので、結果的に Twitter と Buzz 双方の発言が表示されます。 現在のところ、公式な Google Buzz
RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する - WebOS Goodies
JavaScript のみで任意のフィードが取得できる Google AJAX Feeds API は、とても便利ですよね。活用されている方も多いと思います。でも、余計な機能も含んだ外部ライブラリを読み込むのがイマイチなところ。ページロード時間を気にする場合はちょっと利用を躊躇してしまいます。 ところが、そんな欠点も、実は既に解消されています。今年の 4 月に Flash など JavaScript 以外の言語のために RESTful 形式の API が追加されたのですが、それに callback の指定がちゃっかり存在しており、 JSONP でアクセスできるのです。これなら外部ライブラリを読み込む必要もなく、気軽に利用できます。とくに JSONP に慣れている方は、 JavaScript API よりも楽に覚えられるでしょう。 ということで、本日はその RESTful API を利用して
[CSS]CSS3の効果的な使い方と陥りやすいワナ
CSS3で何ができるのかという「CSS3で何ができるの？ という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか？ ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer
Google Sites: Sign-in
hinata.in
Mana’s Portfolio Website