Chrome 25 Beta: Content Security Policy and Shadow DOM Monday, January 14, 2013 Earlier today we released Chrome 25 on the Beta channel, and last week we introduced the Beta channel for Chrome for Android. To kick off the new year, we’ve pac... 続きを読む
0 views 2012/12/21に行われたサイバーエージェント社内勉強での講演資料です。 More… Chrome DevTools.next Presentation Transcript Chrome DevTools.next 2012/12/21 Cyber Agent Toru Yoshikawa ( @yoshikawa_̲t ) Who?吉川 徹 / Toru Yoshikawa... 続きを読む
Safari 6 and Chrome 21 added vendor-prefixed support for the proposed CSS4 image-set specification. This proposed specification is designed to support displays with different pixel densities (read: retina displays). I’ve put together a test ... 続きを読む
And here you thought we were done improving XHR! For a while now XHR2's overloaded send() method has supported sending a ArrayBuffer (a raw byte array). Chrome 22 (current Canary) deprecates this feature by replacing it with sending ArrayBuff... 続きを読む
※ご注意: ウイルスバスターがインストールされている環境だと、この記事は読めないようです (参考画像) (x-autocompletetypeとは?) ユーザーがブラウザに、あらかじめ名前やメールアドレスや住所やクレジットカード番号などを設定しておくと、Webサイトのフ... 続きを読む
XHR2改めXHRではresponseType = 'document'でHTML文書を返してくれる。で、Fx11, Cr18から使えるようになっている。 var xhr = new XMLHttpRequest(); xhr.onload = function () { console.log(this.response instanceof HTMLDocument); } xhr.open('GET', 'foo... 続きを読む
アジェンダ Chrome Developer Tools とは 基本的な使い方 応用的な使い方 まとめ 使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれる リクエスト情報... 続きを読む
Stephen Shankland (CNET News) 翻訳校正: 川村インターナショナル 2011/08/26 07:30 「Android」の無印ブラウザは、再び「WebKit」集団の仲間になろうとしている。 Android搭載の携帯電話機やタブレットで単に「Browser」と呼ばれるこのソフトウェアは、Web... 続きを読む
Firefox web browser - Faster, more secure & customizable Mozillaは現在、Firefoxにおけるメモリアロケーションに関してさまざまな方法を模索しており、最近の実装はすでに通常負荷時でメモリの使用量を削減することに成功している。この新しいメモリアロケ... 続きを読む
Google Chrome11の正式版がリリースされたわけですが、音声入力APIに対応したようです。 音声入力APIはフォームの入力を音声から取得してテキストに変換してくれるAPIです。 HTML Speech Input API Specification 使い方は超かんたん。speech属性をinput要素に... 続きを読む
Google Chrome runs web pages and applications with lightning speed. Googleは4月26日(米国時間)、Chrome開発版において、Flash Player 10.3に搭載された「NPAPI ClearSiteData API」を利用する機能を搭載したことを発表した。いわゆる、Flashクッキーを削除... 続きを読む
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。圧縮されたコードの整形まず、... 続きを読む
2011/03/18 Chromeがいつの間にか縦書きを実装し始めていた Tweet B! Chromeがいつの間にか、縦書きを実装し始めていた。つまり、CSS3のwriting-modeプロパティのvertical-rlとvertical-lrをサポートしているのである。まだ、ベンダープレフィクスが必要なので... 続きを読む
転勤・単身赴任というライフ・イベントがあり、すっかり更新が止まっていましたが、前回 に続き、「Rendering: repaint, reflow/relayout, restyle」から後半のレンダリング負荷を測るツールの使い方をお届けします。記事中の リフロー や リペイント といった... 続きを読む
node.js | 13:53node,jsプログラムのデバッグ実行方法について。node-inspectorってのがあって、これがあるとchrome上(webkit系ならいけるらしい)でクライアントサイドのjsデバッグみたいにサーバサイドのjsもデバッグできる。でもnode.js0.3以上がないと動か... 続きを読む
HTML5, nodejs | 13:02node.js で Web Socket の実験をしていて、いちいちテスト用の HTML を作るのが面倒なので作ってみました。Chrome Extension は初めて書いたので、「こんなソースで大丈夫か?」なのですが、とりあえず自分の目的である Web Socket の開発... 続きを読む
Google Chrome版Firebug:デベロッパーツール取扱説明書 第2回 JavaScriptのデバッグとチューニング 2010年8月25日 太田昌吾 Google, Chrome, デベロッパーツール ファイル, コンソール, オブジェクト, JavaScript, Chrome, デバッグ この記事を読むのに必要な... 続きを読む
Google Chrome版Firebug:デベロッパーツール取扱説明書 第1回 詳説:デベロッパーツールの使い方 Tweet 2010年8月18日 太田昌吾 コンソール, HTML, JavaScript, クリック, デベロッパーツール この記事を読むのに必要な時間:およそ 3.5 分 1 2 3 こんにちは... 続きを読む
太田昌吾 昨今のHTML5ブームの影の立役者ともいえるFirebugに代表されるブラウザベースのデバッグ環境ですが,その中でもWebKitのWebInspector(Google Chromeではデベロッパーツール)は飛躍的な進化を遂げています。多機能化するデバッガーの使い方と,進化し... 続きを読む
WebブラウザのHTML5の実装が進み、今年後半にはGoogleのChrome OSを搭載したネットブックが登場する。ブラウザはコンテンツを表示するためのソフトからアプリケーションを実行するための環境として大きな進化を遂げている。そこで問われるのは実行速度だ。O'Rei... 続きを読む