極めろ！！Google Chrome Devtools 52の関節技 - Qiita
転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技！！ Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方
Google Chrome: Hatsune Miku (初音ミク)
English follows (including details of the music) "初音ミク"は、誰でも自由に歌わせることができるバーチャル・シンガーです。 音楽のみならず、イラスト、映像、CG、コスプレ、生演奏、ダンスなど、 ウェブ発の爆発的なN次創作ムーブメントを生みました。 3万曲以上のオリジナル楽曲をはじめ、 ウェブを通じて、初音ミクを使った無数の作品がいまも発表され続けています。 無数のクリエーターが起こしたムーブメントを通じて、 ウェブの可能性をご覧ください。 "Tell Your World" / livetune feat. 初音ミク 作詞・作曲: kz ふと口ずさんだフレーズを掴まえて 胸に秘めた言葉乗せ空に解き放つの 君に伝えたいことが 君に届けたいことが たくさんの点は線になって 全て繋げてく どこにだって このフ
覚えておきたい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は特に使いや
JSONVue
Validate and view JSON documents JSONView port for Chrome. Original firefox extension is here: http://benhollis.net/software/jsonview/ Notes: - JSON is validated using a client-side javascript implementation of JSONLint (http://github.com/zaach/jsonlint) - this extension displays JSON text compliant with rfc 4627 (http://www.ietf.org/rfc/rfc4627.txt) - The stylesheet used to display the JSON conte
パスワードを伏字にせず丸見えにする拡張機能「Show Password on Focus」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
Google Chromeを使ったWebシステム開発がもっと簡単になる·Tincr MOONGIFT
TincrはGoogle Chromeデベロッパーツール上の修正をローカルファイルに反映できるソフトウェアです。 Webシステムを開発している際にGoogle Chromeのデベロッパーツールはおおいに役立ちます。Web上での修正をそのままローカルに反映できるTincrを使うとさらに便利になるでしょう。 インストールします。Google Chrome機能拡張として提供されています。 開発中のサイトで使います。 静的なWebサイトの他、Google Chrome機能拡張やRailsのassetsにも対応しています。 デモ動画です。 Tincrはローカルファイルの修正の他、ローカルファイルを修正した際の自動リロードにも対応しています。ログをコンソールに出力することもできるので、動かない場合の原因調査も容易になりそうです。 TincrはGoogle Chrome用のオープンソース・ソフトウェア（
wasavi (VI editor for any web page)
wasavi is an extension for Chrome, Opera and Firefox. wasavi transforms TEXTAREA element of any page into a VI editor, so you can edit the text in VI. wasavi supports almost all VI commands and some ex commands. wasavi is under development. Any bug report or feature request is welcome. And we also welcome a donation to continue development: 日本語版のREADME A Quick Walkthrough Here is a native TEXTAREA
Google リーダーでRSSを全文配信化して可読性も高めるChrome拡張「Super Google Reader」 - WEBマーケティング ブログ
Greacemonkeyに、フィードアイテムを全文表示する（あるいは元ページをその場で開く）ものがありました。この機能がChrome拡張ではなかなか再現されず、いまだにGoogleリーダーをFirefoxで閲覧している方も多いかと思います。 そこで今回は、そのRSS全文表示にプラスして、可読性を高める機能まで持ったChrome拡張が出てきたのでご紹介します。 針のいらないホッチキス コクヨ ハリナックスわたくし愛用中です！当ブログ管理人のインタビューも掲載！『クラウド情報整理術』 GoogleリーダーでRSSを全文表示するChrome拡張機能 「Super Google Readerは、Googleリーダーで購読しているRSSフィードを全文表示させるだけでなく、可読性を高める機能も持ち合わせたGoogle Chrome 拡張機能。 フィードアイテムのメニューに３つのタブを表示し、「Rea
Google Chromeに入れておきたい拡張機能30個まとめ | フリーソフトラボ.com
Google Chromeもバージョン4になって、Firefoxのアドオンに相当するような拡張機能に対応しました。PCの中上級ユーザにとってFirefoxのアドオンはもはや手放せない機能となっているため、性能が良いと分かっていながらも、なかなかGoogle Chromeへの乗り換えに踏み切れなかった人も多いのではないでしょうか。 そんな人にオススメのChrome拡張機能ですが、まだ初期段階の現在では、大量の拡張機能から自分にあった「使える」ものを見つけ出す作業はなかなか難しく、ほとんどの説明が英語表記だけで提供されているため、どんな機能が利用できるのかも一目では分かりづらい・・・。 そこで今回は、Firefoxユーザーにもおなじみの気の利いたGoogle Chrome用の拡張機能を30個まとめて紹介します。まだFirefoxほど多数の優秀な拡張機能がそろっているわけではありませんが、Fir
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
