Chromeのオリジナル拡張機能を開発しよう（ソースコードあり） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Chromeの拡張機能とは？ Chromeの拡張機能は実質的にはただの圧縮したフォルダです。そして、そのフォルダの中身もただのHTMLやCSS、JSファイルです。 つまり、拡張機能の作り方はWebページのそれとは大差ないということですね。 拡張機能にしか提供されていない豊富なChromeのネイティブのAPI群（Chrome.* API）を利用できるところが拡張の魅力です！ 一般公開目的ではなく、普段の業務効率化目的でも十分な利用価値があると思うので、まだの方はぜひ一度触ってみてください。 拡張機能の種類 拡張機能の種類は大きく分けて3つあります。 Browser actions Page actions Override Pages 1つずつ見ていきましょう。 Browser actions ツールバーの右側に小さなアイコンを表示させるタイプの拡張機能です。一番頻繁に見かけるのがこのタイプ
Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
この前、研究室の先生に教えてもらったAdobe製のJavaScriptデバッガTheseusがかなり便利なのでご紹介します。 Theseusとは Theseusは、AdobeとMITの共同研究から生まれたJavaScriptのデバッガです（→学会論文）。ChromeとNode.jsの上で動きます。具体的に何をしてくれるのかをざっくり言うと、関数のコールを追跡して、BracketsというAdobe製のエディタに下画像のような感じで表示してくれます。 Theseusのすごいところは、コールバックの実行まで追跡してくれることです。もちろん、エラーが起きた箇所もすぐに見ることができます。また、デバッグをするとき、気になる箇所にconsole.logを挟むことがあると思いますが、Theseusを使えばその必要もありません。関数の横に表示されているコール回数をクリックすれば、その関数の実行ログを表示し
Microsoft、GoogleのChromeアプリ版Office Onlineをリリース
米Microsoftは4月14日（現地時間）、「Office Online（旧Office Web Apps）」のChromeアプリ版を米GoogleのChromeアプリストアで公開したと発表した。Word、Excel、PowerPoint、OneNoteのChromeアプリ版をそれぞれ無料でダウンロードできる。 Office Onlineは、Webブラウザでアクセスし、Officeのドキュメントを作成・編集・共有できるサービス。Microsoftアカウントさえ持っていれば、有料のOfficeをPCにインストールせずにWebブラウザで利用できる。作成したファイルはOneDrive（旧SkyDrive）に保存する。OneDriveアプリをPCにインストールしていれば、PC上のファイルを編集することも可能だ（本稿執筆現在Windows 8.1は非対応）。 Office Onlineはこれまでも
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
Web Design: Getting Started With Chrome Developer Tools
Editor’s note: For a newer, updated version of this post, check it out here. Google Chrome is a (relatively) new kid on the block who quickly gain good market share in the browser niche, and it’s is equipped with a Handy Tool for Developers. In this post, we are going to explore it and utilize some of its features that might help you during the web development process. To get to the Chrome Develop
Gmail/YahooメールでMarkdownを使ってメール作成·Markdown Here MOONGIFT
Markdown HereはGmailなどの本文作成フィールドでMarkdown記法を使えるようにするソフトウェアです。 ライトなテキスト記法で知られるMarkdownですが、慣れてくるといつでもどこでもMarkdownを使いたいと思ってしまうようになります。そこでWYSIWYGエディタの代わりにMarkdown Hereを使ってみましょう。 インストールします。Google Chrome機能拡張/Firefoxアドオンとして提供されています。 オプション画面です。コード表示部分のテーマを指定できます。 Gmailで試してみます。まずMarkdownで記述。 そしてHTMLに変換。デフォルトならばCtrl+Alt+Mで変換できます。 コンテクストメニューから表示切り替えもできます。 コードを書いてみます。 コード部のハイライトは奇麗です。 Markdown HereはWYSIWYGエディタ
YouTube人気急上昇
【ゆっくり実況】ハイヒールを伸ばしていくバカゲー！？最高まで伸ばす！！広告で見たハイヒールを伸ばしてくゲームが面白すぎた！！【 High Heels! 】【たくっち】
JavaScriptのメモリリークを発見してくれるツール「Leak Finder」をグーグルが公開
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
マネーニュース2ch
先日ChromeがiOSに登場しました。 しばらく使ってみて、いいなぁと思った点などをまとめてみました。 使った感じとしては、PCとの連携が便利だったり、タッチによる操作に適したUIにしてるなぁという印象でした。 シークレットタブも使いやすくて良い感じです。 iOSのSafariより優れている点を中心に紹介しますね。 詳細は以下より。 （次週、更新おやすみします。） まず、目次です。本文の画像がでっかいので縦に長くなっちゃいました。。 1. よくアクセスするページ 2. PCとのブックマーク連携 3. PCで開いているタブの同期 4. URLの入力がしやすい 5. 音声入力もできる 6. URLの補完が便利すぎる 7. タブが大量に開ける 8. タブが閉じやすい 9. シークレットタブが使いやすい 10. PC版のページが一発で開ける
Ruby2.0はChromeブラウザでネイティブに動くようになりそう - ITジャーナリスト星暁雄の"情報論"ノート
情報と技術は未来をどう変えるのか──IT、スマートデバイス、ロボット、電子工作、メディアのアーキテクチャ プログラミング言語Rubyの新バージョンであるRuby2.0は、Ruby誕生から20周年にあたる2013年2月24日リリースへ向けて開発が進められています（関連記事「ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた」）。 Ruby2.0のリリースマネージャ遠藤侑介さん（るびま0038号掲載のインタビュー）のBlog「まめめも」に、その最新の進捗を記録する「Ruby 2.0 リリース週記 (2012/05/14 - 20)」が掲載されました。 ここで大事なのは、8月に主要機能のフリーズが予定されていることです。遠藤さんのBlogでは「機能提案締め切りまであと約 3 ヶ月です」と記されています。 そして、目を引くのは、「今週のニュース」として紹介されている「Native C
サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」:phpspot開発日誌
Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示してくれるChrome拡張。 サイト上でボタンを押すだけで解析することが出来ます。なんだか恥ずかしいですがこういうツールで調べられちゃうので気をつけましょう ヘッダやソースを見れば当然ながら調べられる情報なんですがボタン一発で調べられるっていうのは便利ですね 関連エントリ Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 ChromeをiPhoneシミュレーターにできる拡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chrome PDFエンジンがオープンソース化
ソニック速報
JavaScript Object Diagram integration with Chrome Devtools | Sources Tab | Scope Variables section
ソニック速報
Charming Python: Functional programming in Python, Part 3
chromeの拡張機能／Web担当者・Webマーケターに便利なChrome拡張機能7選（Google公式編）+2 | 初代編集長ブログ―安田英久
Engadget | Technology News & Reviews
Charming Python: Functional programming in Python, Part 3
http://www.2ch-search.net/blog/6