Chrome 43からDOMの属性がJSのプロトタイプチェーンに移行します - Qiita
Chrome 43およびそれ以降のバージョンにおいて、DOMの属性（値）がJavaScriptのプロトタイプチェーンに移行されます。これにより、突っ込んだことをやっていた場合に、今まで動作していたコードが動かないということが発生する可能性がありますので、事前に変更内容を知り、対策をしておくことが求められます。HTML5Rockの更新情報として掲載されていましたので、さっそく日本語訳をしてみました。心当たりがある方は、ぜひ以下の内容を読んでいただいて、コードの修正などに取り込んでいただければと思います。 原文: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOM属性は今後プロトタイプチェーンに Chromeチームは、最近「DOM属性をプロトタイプチェーンに移動しています」とアナウンスしてい
覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや
PhotoShopぽくガイドが引けるChrome拡張を公開した
PixelGuide これなに PhotoShopでガイドを引くのと同じ感じでブラウザでガイドを引くChrome拡張です。 ほとんどの機能はRulersGuides.jsというライブラリを使って実現しています。 使い方 ここからPixelGuideをChromeにインストールします。 アイコンをクリックするとパネルとルーラーが表示されます。 ルーラーの上にカーソルを乗っけて、そこからクリックしてドラッグするとガイドが引けます。 簡単。 パネル アイコンをクリックすると開くパネル。 機能を上から。 各種要素の表示/非表示切り替え All: 全ての表示/非表示の切り替え (ガイドが表示されているときは下の要素に触れないので触りたいときは非表示にします) Guide: ガイドの表示/非表示の切り替え Ruler: ルーラーの表示/非表示の切り替え Info: 各グリッドの大きさなどの情報の表示/
モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
Chromeバージョン32からはiPhoneやiPadでも使用をお勧めする理由 | Token Spoken
本日正式にChromeブラウザのバージョン32がリリースされました。 最近のAndroidでは既にChromeブラウザが標準となっているのですが、iPhoneでは使っているユーザーは少ないようです。 iPhoneでChromeを使わない理由は、ずばりSafariが標準で使う機会がない、という方が多いと思うのですが、実際は使い分けるとかなり便利です。 私のようなWindows＋Gmailユーザーの場合、Chromeの方が履歴や通知、ブックマークを含め全てのデータを自動で同期できるので便利です。最近ではiOSもiCloudである程度同期できるようになったので便利にはなりましたが。 ところが実は、iOSではSafariとそれ以外のアプリ内ではJava Scriptを実行するエンジンが変わっており、そのパフォーマンスが大きく違います。詳しいベンチマークを取ってはおりませんが、iPhone 5上の単
Google is Building a Chrome App-Based IDE
Google’s Chromium team never ceases to amaze. Its latest project is a Chrome app-based Integrated Development Environment (IDE) codenamed Spark. The new app was first noted by developer and Google open-source Chromium evangelist François Beaufort. Here are his observations for the new IDE project: It is built with Dart, the “new language for scalable web app engineering”. It contains a GUI widgets
Chrome Tech Talk Night × 2 days 開催 全 6 セッション
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Chrome などで保存したパスワードが丸見えだから危険とか言われている件について
Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて危ないっていう件について誤解されていそうな点をまとめてみたいと思います。 ソフトウェア開発者の Elliott Kember 氏が自身の Blog に「Chrome's insane password security strategy」 というタイトルで指摘する記事を書き、日本ではギズモード・ジャパンで翻訳記事が上がったことで話題になった、「Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて、マスターパスワードの設定もないから危ない」 っていう件。 Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ : ギズモード・ジャパン Chromeブラウザの「パスワード丸見え」問題にGoogleが釈明 ： ITmedia ニュース
Rendering Pipeline
Blink’s Rendering Pipeline Eric Seidel, Emil A. Eklund, James Robinson, Elliott Sprehn [please add your name if you’d like folks to bug you about what’s up in rendering] Status as of June 10, 2013: Published to blink-dev, under discussion ObjectiveComplicated web applications and large pages can feel slow in Blink, particularly on mobile. Many of these issues can be traced to long/frequent blocks
Post by @0-9
PCのみならDevToolsだけでもいいけど、スマホのWebView内解析とか考えるとLocal Proxyは必須
Google開発者に聞いた！ 2013年後半に登場するWebの最新技術 | ライフハッカー・ジャパン
先日、Google 主催の開発者イベント「Google I/O」にて、開発者Eric Bidelman氏のセッション「The More Awesome Web」（Webはさらにすごくなる）に参加してきました。そして、HTML5やCSS、JavaScriptの最新の機能など、今後のWeb開発について学びました。 今までデスクトップでしかできなかった様々なことが、日々の進化によりWeb上でもできるようになっている昨今。開発者以外の人にとってもエキサイティングな話ではないでしょうか！ 以下、今年後半に登場する最新技術をいくつか紹介します。 編注：今回紹介する技術をサポートしないブラウザもあります。すべての機能を試すには『Chromium』を使ってください。 Webサイトにギターをつなぐ Webサイトにギターをつなげられる時代がやってきました。Chromeの「Web Audio API」を利用すれ
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Live web audio input enabled | Blog | Chrome for Developers
I'm really excited by a new feature that went in to yesterday's Chrome Canary build (23.0.1270.0) - the ability to get low-latency access to live audio from a microphone or other audio input on OSX! (This has not yet been enabled on Windows - but don't worry, we're working on it!) To enable this, you need to go into chrome://flags/ and enable the "Web Audio Input" item near the bottom, and relaunc
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
CNET Japan
人気の記事 1ソフトバンクで通信障害--ワイモバイルや各MVNOにも影響 2018年12月06日 2スマホ決済「PayPay」、ソフトバンクユーザーは利用しづらい状況に--通信障害が影響 2018年12月06日 3PayPay利用で20％還元する「100億円あげちゃうキャンペーン」発表--40回に1回は全額還元に 2018年11月22日 4漫画家・荒木飛呂彦氏が考える「紙とデジタルの違い」--一問一答インタビュー 2018年11月24日 5「ストリートビュー」が捉えたクレイジーすぎる光景38連発 2018年08月05日 6グーグルの非正規社員ら、賃上げと正社員同等の福利厚生を要求 2018年12月06日 7スマホ決済「PayPay」をビックカメラで使ってみた--還元額や使い勝手は 2018年12月04日 8DeNA、乗車料金が無料になる「0円タクシー」を発表--都内50台から 2018年1
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
CodeGrid - フロントエンドに関わる人々のガイド
HTML/CSS 411 CSS仕様 135 CSS設計 55 HTML仕様 47 SVG 25 スタイルガイド 14 HTML/CSSの実践 143 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 53 セキュリティ 16 パフォーマンス 12 アクセシビリティ 23 ブラウザ 25 デザイン 83 コミュニケーション 13 ディレクション 51 ドキュメンテーション 8 JavaScript 491 ECMAScript 51 ライブラリ 68 ブラウザAPI 44 WebGL 42 テスト 37 JavaScriptの実践 70 JavaScriptの設計 9 JavaScriptドリル 19 非同期通信 5 DOM 9 Angular 30 Electron 4 Web Components 20 jQuery 24 Backbone 17 TypeScrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn web development | web.dev
TechCrunch | Startup and Technology News
Screensharing with getUserMedia