Google Chromeに入ったジェネレータとPromiseで非同期処理に革命が起きた - 素人がプログラミングを勉強していたブログ
Google Chrome Canary（正確にはV8）に、ついにGenerators（yield）が入った。これを上手に使うと、エラー処理を含む非同期コードを同期的に書くことができるようになり、見通しが極めて良くなるので、ここで紹介する。 ここで紹介するものはいずれNode.jsでも使用できるようになるので、Webとの互換性を気にする必要のないNode.jsでは近いうちに活用できるようになると思う。 下のコードを動かすためには、最新のGoogle Chrome Canaryで、chrome://flagsからexperimental javascriptを有効にしておく必要がある。 ES6 HarmonyのGenerator構文について functionではなくfunction*というキーワードを使うと、yieldキーワードが使えるようになる。 function* range(begin
DevTools Extensions For Web App Developers
March 26, 2013 The past year has seen many leaps made to improve developer productivity through better tooling. We're paying increasing attention to our workflow and many of us have spent time optimising our usage of tools like Grunt, Bower, Yeoman and the terminal. Another important area worth spending time on is your debugging workflow - if you're like me, this starts with the Chrome DevTools. W
IcedDev
This: <script type="text/javascript" src="node.js"></script> Allows you to do this in a Chrome App: var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(1337, '127.0.0.1'); console.log('Server running at http://127.0.0.1:1337/'); This is actually Node.js code running the http listener on Chrome's
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
ChromeMigemo Extension - by edvakf in hatena
Chrome で Migemo 検索するための Extension を作りました。 Extension Gallery に登録しました。 Google Chrome Extensions: ChromeMigemo これは何? Chrome 用 Migemo サーバー Extension です。 Migemo って何? Migemo: ローマ字のまま日本語をインクリメンタル検索を読んでください。 どうやって使うの? これだけインストールしても何も使い道はありません。他の拡張と連携して使うものです。 どうやって他の拡張と連携するの? Extension 間通信システムを使います。 他の拡張でこのように書くと、検索語 (ローマ字) から正規表現が作れます。 var regexp; var query = 'kaisetu'; chrome.extension.sendRequest( 'poc
webRequest APIをざっくり理解する。(あるいはChrome拡張の作り方) – mzsm.me
昨日2月9日、Google Chrome 17の安定版がリリースされました。 このバージョンでの変更点の一つに、webRequest APIが正式に実装されたことがあります。 これまでこのAPIはexperimental(実験的機能)として実装されていましたが、今回晴れて正式なものになりました。 このAPIを使うと、Chromeが行う通信を監視して通信があるたびにイベントを実行したり、HTTPヘッダを書き換えたりすることができます。 Chrome 17では、User-Agentを他のブラウザに偽装することができる機能がDeveloper Toolsに付いたのですが、その機能もこのAPIを利用して実装されてい(ると思われ)ます。(Developer Tools自体もJavaScriptによって実装された“Webアプリ”なので、多分そのはずです) HTTPヘッダをいじれるというと不安に思われる
Google Chrome Remote Desktop BETA 使ってみた｜プログラミング日記
プログラミング日記 元プログラマで、現在は大学院に在学中。副業でソフトウェアのプログラミングを教えています。 PR プロフィール プロフィール｜ピグの部屋 なう｜ポケット ニックネーム：なっきん 性別：男性 誕生日：1980年4月5日 血液型：A型 お住まいの地域：千葉県 ブログジャンル：未設定 メッセージを送る アメンバーになる プレゼントを贈る [記事作成・編集] 最近の記事一覧 Google Chrome Remote Desktop BETA 使ってみた Skype で遠隔プログラミング教室開講中 [一覧を見る] [画像一覧を見る] ブログテーマ一覧 ブログ ( 0 ) プログラミング教室 ( 1 ) やってみた ( 1 ) カレンダー <<12月>> 日 月 火 水 木 金 土 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
今までにないサイトを作る：HTML5 による最新ウェブアプリ - 強火で進め
Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 今までにないサイトを作る：HTML5 による最新ウェブアプリ(Eric Bidelman) @petele 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1003.html スライド ※ここで解説しているものChromeのみ対応しているものが多数、有ります。上手く動作しなかった場合はChromeで試してみて下さい。 フレームワーク紹介 MVC frameworks SproutCore Backbone.js Ext JS 4 CSS frameworks LESS Sass 様々な解像度のデバイスに対応する為にCS
Chromeにてアップロードファイルにフォルダを指定するinputタグの記述例 - 強火で進め
Chromeの場合は以下の様に webkitdirectory と directory を付ける(directoryは省略してもOK。仕様が確定してからは webkitdirectory の代わりに directory が使われる様になるのだと思われます)とアップロードするファイルの指定としてフォルダが選択できます。実際にはフォルダ内のファイル全てがアップロードされる形になります。 <input type="file" webkitdirectory directory /> 実際のコードとしてはこんな感じになります。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP"> <head> <meta http-equiv="content-type" content=
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
Chromeの隠し機能にアクセスできる「Service Pages for Google Chrome」が便利！開発者向けの特殊URL早見表付き - Chrome Life
Chromeでは、アプリケーションやエクステンションを開発する人のために、ブラウザのメモリ状況やキャッシュ・ネットワーク通信状態などの内部情報を確認できる仕組みを提供しています。 ブラウザの内部情報は、chrome://xxx のような特殊なURLでアクセスすると確認ができます。 例えば、ブラウザで下記のアドレスを入力します chrome://net-internals/ ネットワークに関する様々な情報が確認できるページが開きます。 他にもこのような特殊URLはたくさんあるのですが、開発者向けの隠し機能なのでアドレスを直接入力しなければいけなく面倒です。 しかし、最新のChromeでは特殊URLの一覧ページがちゃんと用意されていました。 chrome://chrome-urls/ をアドレスバーに入力すると、特殊URLの一覧が表示されるので、そこからアクセスできるようになります。 どのUR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Chrome Extensions API リファレンス
Chromeブラウザの画面下に表示されるダウンロードバーを常に非表示にする方法 | ライフハッカー・ジャパン
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
TechCrunch
Chromeで検索するだけで楽天スーパーポイントが貯まる拡張機能「楽天スーパーサーチ」 | ライフハッカー・ジャパン
http://blog.justoneplanet.info/2011/08/13/websocket-server%25E3%2581%25BE%25E3%2581%25A8%25E3%2582%2581/
TechCrunch
TechCrunch | Startup and Technology News