フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
蹴茶: Chrome「最近閉じたタブ」機能が完全消滅 代わりは？
個人的に大変重宝していた Google Chrome の「最近閉じたタブ」機能。 （履歴ページは重くなりやすいこともあり、手軽な履歴として便利だった） IEやFirefoxにも同様の機能がありますが、Chromeの場合「新しいタブ」設定 (Instant Extended API flag) を切り替えることで使えていました。が、どうもバージョン33より設定そのものが消滅し、完全に使えなくなったようです。 → 蹴茶: Google Chromeで「最近閉じたタブ」を復帰させる方法 [9.26] こちらはフィードバックに対する Googleの中の人による説明 Update: We hear you and realize that some of you were using the Instant Extended API flag for unique use cases after t
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
本の虫: Chromeがいつの間にか縦書きを実装し始めていた
注意：ここに示したCSSは、実用的な目的には、まだ使ってはならない。何故ならば、-webkitベンダープレフィクスを使っているからである。。これは、webkitの実装がまだ完全ではないことを意味する。 Chrome（というよりもwebkit）がいつの間にか、縦書きを実装し始めていた。つまり、CSS3のwriting-modeプロパティのvertical-rlとvertical-lrをサポートしているのである。まだ、ベンダープレフィクスが必要なので、完全な実装ではないのかもしれないが、少なくとも、ある程度は動くようだ。 例えば、以下の様なマークアップが、 <p style=" writing-mode : vertical-rl ; -webkit-writing-mode : vertical-rl ; font-family : '@ＭＳ 明朝' ; font-size : 16pt ;
blog.8-p.info: Google Chrome で「保存したらリロード」
Posted at 2010/02/15 23:57, Modified at 2010/02/16 00:08 去年に ChromeRepl という Google Chrome 拡張を書いた。ChromeRepl は MozRepl のように、外部からたたける口を Google Chrome に空けてくれる。詳しくいうと Chrome には Google Chrome Developer Tools Protocol というプロセス外から制御するためのプロトコルが元々あり、これの上に汎用 eval と console.log などを足すことが ChromeRepl の仕事になる。 最近 Mac むけ Chrome でも beta なら拡張機能が使えるようになったので、今日は ChromeRepl のインストールから、実際どう便利かまでを簡単に説明してみようと思う。 インストール まずはイ
Google Chrome のテキストエリアを外部エディタで編集する Edit with Emacs - 酒日記 はてな支店
おことわり: Windows での事情は分かりません。以下は Mac と Linux のみで確認しています。 Firefox では昔は mozex、最近は It's All Text を使ってテキストエリアを emacs で編集していたのですが、Google Chrome では extension が見つからないので渋々普通にテキストエリアを使っていました。 が、昨日 Extensions Gallery をみていたら、Edit with Emacs というそれらしいものを発見。 Chrome はセキュリティ上の理由で外部プロセスを起動することができないため、localhost:9292 に httpd を立ててそこに XMLHttpRequest でテキストエリアの内容を POST、レスポンスとして返ってきた内容を書き戻す、という動作をするものだそうです。 emacs 用にedit-se
ChromeをVim風にキーボード操作する拡張
※最新版をGoogle Codeにアップしました。今後はこちらで更新する予定です。 http://code.google.com/p/vimlike-smooziee/ ChromeをVim風に動かしたい Firefoxのアドオンには、VimperatorというVim風にブラウザを操作してしまおうという大変マニアックなアドオンがあります。これに慣れるとVimperatorの入ってないFirefoxは使えなくなるといわれるほど、素晴らしく便利です。 ただ、Firefoxはどんどん起動が遅くなってしまうので、あくまでFirefoxがメインながらも、キビキビ動いてくれるGoogle Chromeを使用する機会も増えてきていました。 そうなるとやはり、ChromeでもVimperatorを使いたい。それが無理でもせめてVimのようにjキー、kキーでスクロールするだけでも全く使い勝手が違うだろうと思
Google Chrome 拡張ことはじめ - 2nd life (移転しました)
2009年12月8日*1(日本時間では12/9朝)、拡張機能が有効(除くOSX)な Google Chrome ベータ版がリリースされました。同時にこつこつ開発を続けてた、はてなブックマーク Google Chrome 拡張ベータ版も公開したので、良かったら使ってみてください :D http://hatena.g.hatena.ne.jp/hatenabookmark/20091209/1260314705 というわけで、Google Chrome 拡張を作ってみたのですが、その時に参考にした資料やドキュメントをまとめてみました。 Google Chrome 拡張APIドキュメント http://code.google.com/chrome/extensions/docs.html 基本的に上のURLで必要なAPIのドキュメントはまとめられています。またページ中央下の「Doc versio
Chrome for Macのフォント変更 | MacBSの日常生活的日記
(12/10 12:00更新) Chrome for Macのベータ版が出たので、情報提供の意味で再掲しておきます。 — ベータ版が公開されたばかりのMac版Google Chromeですが、うちの環境では すでにかなり安定して動作しています。 外観もほとんど日本語化されているし、ブックマークマネージャや 一部の環境設定を除けば、機能もかなり実装されてきています。 しかし、個人的にぜひ欲しいフォントの変更が、いまだに環境設定から できないんですよねぇ。 そこで、Windowsの情報をもとに、設定ファイルを見つけました。 「/Users/xxxx/Library/Application Support/Google/Chrome/Default/」に 「Preferences」というテキストファイルがあります。 そこに以下の内容を追記するだけです。 “webkit”: { “webprefs
Chromeのブックマーク同期が凄い！ - y-kawazの日記
GoogleOSブログにSync Google Chrome Bookmarksというエントリーが出来てた。これはGoogleChromeにブックマーク同期機能が付いたことをアナウンスする記事だ。 これは凄い！求めて居たブックマーク同期機能だ！ということで早速実装をチェック。 こんな感じに動作する Chromeに同期用のGoogleアカウントを設定することで同期を行うようだ。 バックグラウンドのストレージはGoogleブックマークではなく、GoogleDocs。*1 GoogleTalkでも使われているXMPPというプロトコルにより、リアルタイムで同期が行われようだ。*2 2つめのPCに設定を行う際はちゃんと以下のような感じでマージされるようだ。 同名フォルダは普通にマージ 同名ブックマークは URLも同じ場合は1つだけが残り、 URLが異なる場合は同じ名前のブックマークが二つになる(UR
AutoPagerize for Chrome - SWDYH
まだとりあえず動くというレベルですが、ChromeのExtension版のAutoPagerizeをつくりました。 --enable-extensionsをつけて起動してる状態で、 下のURLからインストールできます。 追記: --enable-extensionsは必要なくなりました。 http://cloud.github.com/downloads/swdyh/autopagerize_for_chrome/autopagerize_for_chrome.crx 追記： こちらから、Chrome Extension版をインストールしてください。 http://autopagerize.net/ アンインストールは、たぶんまだ仕組みがないので、プロファイルディレクトリのExtensionsにある38c37d51986565d5334e62eb0d056c10a68d69c7というディレ
Latest topics > Google Chrome 2.0の拡張機能 - outsider reflex
Latest topics > Google Chrome 2.0の拡張機能 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 他のアドオンと連携しやすくするためのライブラリを作ってみた Main about:configで項目の絞り込みに正規表現やワイルドカードを使えるようになっていた » Google Chrome 2.0の拡張機能 - May 14, 2009 前に@google.comなアドレスからメールが来たと書いたけど、その続き。またメールが来た。「前に約束したとおり、Chromeの拡張機能のフレームワークの開発方法について情報をアップデートしたよ！」とな。 Chrome Extension HOWTO (Chromium Devel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vimium - Google Chrome 拡張機能ギャラリー
mixi(ミクシィ)
Chromeブラウザにアーティストテーマ 初音ミクやけいおん！も
AutoPagerize