Chrome Dev Summitで披露された高速化のテクニックの数々（所感を含む） - アシアルブログ
こちらのブログではご無沙汰しています。田中です。今週はサンフランシスコにて開催されたChrome Dev Summitに参加させていただいていました。今年はweb.devの発表や新しいPageSpeed Insightsなど、例年にも増して盛りだくさんの発表が行われましたが、特に「スピードの改善テクニック」が数多く披露されたように思います。 Chrome Dev Summitのプレゼンテーションはすべて濃厚で、しかも多くの内容は「web.dev」に詳しく説明されています。ここでは、2日間にわたって行われたセッションを振り返りながら、高速化に関する内容をざっくりと追っていきたいと思います。 以前と比べて、WebサイトのJavaScriptコード量は8倍に膨れ上がっている V8の言語機能を今後も最適化していく：Promise、Async & await、フレームワーク対応等 ReactのHoo
GitHub の Issue リンクをリッチにする Chrome 拡張 - おなか周りの脂肪がやばい
どうもこんにちは、今日は便利な Chrome 拡張のご紹介です。 これは GitHub 上の issue link （#666 とかっていうやつ）を情報量の多い、見やすいバッジに変換してくれる拡張です。 親イシューにいくつかイシューをまとめて管理したいときに、イシューの状態（open/close や assignee ）が一目でわかってとても便利。 Chrome 拡張の permission の関係で GitHub 用と GitHub Enterprise 用の二つをご用意しております GitHub Issue Badges - Chrome ウェブストア permission が https://github.com のみ GitHub Issue Badges (for Enterprise) - Chrome ウェブストア permission が https://*/* になってい
Chrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
ChatWork Extension - ぷろじぇくと、みすじら。
Created at: 2014-11-01 みんなが大好きなあのChatWorkを拡張してさらに便利にするためのChrome拡張をChrome ウェブストアに公開しました。 Chrome ウェブストアからダウンロードしてインストール 主な機能は以下のようなものがあります。 見た目の変更 グループリスト 一覧性の向上(リストの項目の高さを細くして数を多く表示) Migemoによるインクリメンタル絞込検索 チャット部分 Toリストの拡大 Toリストの検索拡張(Migemo+その他プロフィール項目(Email,Twitter,組織)も含める) Office 365ドキュメント(PowerPoint/Excel/Word)のダイアログでのプレビュー コードのシンタックスハイライト(`で囲むやつ) キーワード機能を提供します カスタムスクリプトの差し込み カスタムスタイルの差し込み それぞれの機能
DevTools 上で jQuery などのお気に入りのライブラリを簡単に使いたい方へ - latest log
Chrome の DevTools には Code Snippets という機能があります。 これは「DevTools 上でお気に入りのライブラリを登録しておいて簡単に呼び出して使いたい」と言った、ありがちなニーズにぴったりフィットする機能です。 ChromeのDevToolsでjQueryをいつでも使いたいなら、Source-Snippetsで右クリックして[New]選んでjQueryをペタリしておくと[Run]するだけでjQueryをDevToolsで利用可能になりますよ〜 http://t.co/SfLE4Sic39— コラーゲンたっぷりさん (@uupaa) 2014, 5月 15 http://t.co/Ee2keo5n7u これ色んな事につかえて、DevTools の IDE としての機能も、アイデアしだいで拡張できるので、もちょっと広く認知されるといいんだけども〜 (ミ・◇・
Hometype 2
Mode Hometype has like vim's modes. All modes can be switched with keyboard manipulation. Normal Mode In most cases Hometype is in this mode. You can scroll to up or down on the page, and move to back or forward in the history. Insert Mode Hometype shifts the current mode automatically to this mode when a form is getting the focus. In insert mode don't bind a command to key because you have to inp
Chrome拡張の不具合を修正しました - はてなブックマーク開発ブログ
はてなブックマークの拡張機能を使用しているChromeブラウザで、Googleの検索結果から別のサイトへ遷移した後に、検索結果へ戻れない不具合がありました。本日リリースしたバージョンでこの不具合を修正しました。拡張機能は自動的にアップデートされます。 以下、詳細を説明いたします。 はてなブックマークChrome拡張には、Googleの検索結果にはてなブックマーク数を表示する機能があります。検索結果の読み込みが終わる前にブックマーク数が表示されると、今回の現象が発生します。回線の速度や遅延によって、発生しやすい場合がありました。 バージョン1.3.6では、検索結果の読み込み完了を待ってから、ブックマーク数が表示されるように修正しました。
はてなブックマークのChrome Extensionを外した — どこか遠くでのんびり怠惰に暮らしたい
はてなブックマークのChrome Extensionを外した 以前からGoogleで検索して、検索結果ページを表示→どれかのページへ遷移→戻るボタンクリックとしたときに、 なぜか検索結果一覧ページじゃなくて、さらにもうひとつ前のページに戻ってしまう現象があって、 なんでこんなことになるんだろうとおもってたんだけど、どうもはてブのExtensionのせいだったらしい。 ふと「chrome google 検索 戻れない」で検索したら、 このページ がひっかかって、あ、もしかして、どれかextensionが悪さしているかなとおもって、順番にはずしていったところ、はてブのextensionだった。 たぶん、検索結果全部のURLのはてブ数をだしてるあたりの処理が終わらない間に、リンクをクリックしちゃって次のページに遷移すると、戻れなくなるのではないかという気がしてる。 まあ、そんなこんなでexten
VimmersページにTwitterのフォロー状態を表示するChrome拡張を作った - よんちゅBlog
GWも終わり、新入社員の方々はそろそろ研修が終わって本格的に業務をこなしはじめる頃ではないでしょうか。 そして、今後どのエディタと付き合っていくかも、決めなければならない時期なのではないでしょうか。 まだ決まっていな方、そしてもう決めてしまった方も、今なら vim がおすすめですよ。 ところでみなさま、 vim-jp » Vimmers というページをご存知でしょうか？ このページでは、vimmer の中でも特に vim に詳しい方々や vim を愛してやまない方々が紹介されています。 これから vim をはじめようという方、まだはじめたばかりの方、 Vimmersページで紹介されている有名 vimmer をTwitterでフォローしてみてはいかがでしょうか。 とても刺激になりますよ。 前置きが長くなりましたが、 今回はこの Vimmersページ をもっと活用していくために、Twitter
すぐに超エキサイティンになれるGoogle Chromeの拡張をｼｭｳｳｳｳｳｳｳｳｳｳｳｳ - ダメ人間オンライン
生きていればつらいことがある。 しかし、つらいからと言って簡単に投げ出す事は出来ないということも多い。 みなさんもつらまってる時、よくなんとかドームで遊ぶと思う。 当然のごとく僕もそうである。 最近つらい事がよくある。 そんな時のために、なんとかドームを素早くプレイできる必要があった。 なので、なんとかドームをすぐプレイできるGoogle Chromeの拡張を作った。 「だめだ。もうやってらねー」って時は、右にあるアイコンをクリックすればすぐなんとかドームをプレイできる。最高。超エキサイティン。 dameninngenn/chrome-ext-nanntoka-dome · GitHub 合わせて読みたい すぐに吉高由里子を見れるGoogle Chromeの拡張作った。 - パルカワ2 すぐに宮崎あおいを見れるGoogle Chromeの拡張作った。 - soh335 memo すぐにハッ
Google Chromeの漫画・アニメ・ゲームのテーマまとめ | MOON CHRONICLE
魔法少女まどか☆マギカ 魔法少女リリカル☆なのは 涼宮ハルヒの憂鬱 初音ミク、Vocaloid 初音ミク Hatsune Miku Theme Hatsune Miku Theme2 Hatsune Miku Theme5 Hatsune Miku Theme6 Hatsune Miku Theme7 Hatsune Miku Theme8 Hatsune Miku Theme9 Hatsune Miku Theme10 Snow Miku Vocaloid Hatsune Miku theme Hatsune Miku Techno Life Hatsune Miku - Mic Visual Miku Vocaloid theme Triple Baka Theme けいおん！ K-On City Lights K-ON!!! ハヤテのごとく！ ソードアート・オンライン SAO The
「Google Chrome 24」の安定版リリース 26％高速化、24の脆弱性に対処
米Googleは1月10日（現地時間）、Webブラウザ安定版の最新バージョンとなる「Chrome 24」（バージョン24.0.1312.52）をWindows、Mac、Linux向けに公開した。インストール後、ブラウザの再起動が必要。なお、Android版Chromeはアップデートされていない。 一般ユーザーに直接関係する変更は、パフォーマンスの改善とセキュリティ関連の対処が中心となっている。 JavaScriptの実行速度が改善され、JavaScriptベンチマークスイート「Octane」では「Google Chrome 15」と比較して26.3％高速化したという（β版段階での結果）。 JacaScriptだけでなく、ブラウザの起動時間を短縮した他、クラウド印刷サービス「Google Cloud Print」のサーバ側の改善でプリンタ選択画面の表示が2倍速くなったという。 開発者向けでは
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ユキポエレクトロ2～ｳﾞｨｰﾊﾞﾃﾞヲﾝｻﾞﾋﾞｰ～ ‐ ニコニコ動画(原宿)
ずんずん！ずんずん！ずんずんずんずん！お久しぶりです、僕ですユキポシリーズ■■■mylist/15356748 その他■■■mylist/20035177
はじめてのChrome extension
Toru Yoshikawa highlights 10 awesome features of Chrome DevTools including the ability to pick colors from the screen in Elements, adjust animation speed in Elements, define animation timing in Elements, search by selector in Elements, take timeline screenshots in Timeline, show layers in Layout, enable network throttling in Network, display variable values inline in Sources, store variables as gl
【レポート】Chromeの知られざる開発者向け機能 - JavaScriptメモリ消費量の解析 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. 高度なサービスを提供するWebアプリケーションの実装はますます複雑化しており、メモリの消費量も増え続けている。複数のフレームワークを活用した複雑なシステムでは、どのコードやオブジェクトがメモリを消費し、どこでメモリリークが発生しているのかのトレースが難しくなる。そういった場合に活用できるChromeの機能がChromium Blogの「Put JavaScript memory under control」で公開されている。Chromeにどういった機能が用意されているのか把握するうえで参考になる。 まずページごとにどの程度のJavaScriptメモリが消費されているのか計測する方法として、タスクマネージャを使う方法が紹介されている。設定ボタンから「ツール」
Taberareloo + upload from cache - 枕を欹てて聴く
というわけでversion 2.0.13にて, Taberarelooにupload from cache相当を実装しました. 結果, ある種のreferer checkを行うserviceの画像がTumblrにpostできたり, なにより, screen captureの結果がHatena Fotolife以外のTumblrにpostできるようになりました!(上図) これで手軽にscreen captureを撮ってtumblrにuploadできますね. Chrome Web Store - Taberareloo upload from cacheは実装されないのかと言われてきましたが, なんというか技術的に可能になったので実装しました. 楽しいですね! 正確にはcacheからuploadしているわけではないのですが, 一応これでどうでしょうか? なんかダメなserviceとかあったら,
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が10倍アップする Chrome Developer Tools の使い方