進化を続けるChrome DevToolsの最新情報 2017 ──Google I/O 2017 セッションレポート
進化を続けるChrome DevToolsの最新情報 2017 ──Google I/O 2017 セッションレポート 河合良哉 この記事は2017年5月17、18、19日に米国カリフォルニア州マウンテンビューにあるAmphitheatreで行われたGoogleの開発者向けカンファレンスGoogle I/Oの3日目に「DevTools: State of the Union 2017」というタイトルで行われたセッションの内容です。 はじめに Google I/O、Chrome Dev Summitと日に日に進化をし続けているChromeのDevTools。Google I/O 2017でも多くの進化が報告されました。 登壇者はwebっ子ならば泣く子も黙るDeveloper AdvocateのPaul Irish。軽快なトークで淡々と新機能が話された40分をまとめてみました。 Console
ヘッドレスChromeをもっとも簡単に操作できると思われるNightmareJS風ライブラリ - Qiita
Chrome59(2017/05/27現在はベータ)から--headlessオプションを使うことでChromeをヘッドレスブラウザとして使えます。これをNodeJSから操作するにはchrome-remote-interfaceというNPMパッケージを使うのですが、そのままですとなかなか面倒です。そこで、NightmareJS風にヘッドレスChromeを操作することができるライブラリをご紹介します。 GitHub: https://github.com/OnetapInc/chromy 基本的な使い方 このようにNightmareJS風のメソッドチェーンで操作することができます。visibleオプションを指定すればヘッドレスモードではなく通常モードでChromeを起動することもできます。 Chrome本体は標準的なインストールをしていれば自動的に最も新しいChromeを探してそれを起動します
2016年度版 僕が考えたChrome拡張機能を作るときのデザインパターン - Qiita
4年近く前の2012年に僕が考えたChrome拡張機能を作るときのデザインパターンというエントリを書きました。最近参加したイベントで「よういちろうさんの拡張機能の記事見て作ってみました〜」と声をかけてくれた人がいて嬉しかったのですが、2012年のそのエントリは、すでに内容が古くなってしまっています。最近の状況を踏まえて、内容を新しくした「2016年度版」を書いてみようと思います。 変更しようと思った点は、以下です。 prototype.jsは使わず、ECMAScript 2015で書く。 Background Page(常駐型)ではなく、Event Page(非常駐型)にする。 そもそも最初のコードセットは自分で書かない。 本文やコード的には、2012年度版をコピペしています。 （この投稿の内容は、自分のブログエントリと同じです。） 前にいくつかのChrome拡張機能を作っていて、すでに数
devtool - ChromeのDevToolsを使ったnodeデバッガー
nodeを使ったソフトウェア、開発案件が増えてきています。そして開発を効率的に行うために必要なのがデバッグツールです。皆さんは何を使っているでしょう。 今回紹介するのはChrome/Chromiumで使われているDevToolsを使ってnodeアプリをデバッグできるdevtoolです。 devtoolの使い方 devtoolのインストールはnpmを使って行います。 npm install devtool -g 後はdevtoolコマンドを叩くとコンソールがnodeのインタプリタになります。requireも使えます。 ソースなどのタブも利用できます。 もちろんブレークポイントも使えます。 使い方としては以下のようにスクリプトを渡したり、標準入力を渡す、Browserifyなどと組み合わせることもできます。 # run a Node script devtool app.js # pipe i
YeomanでChrome Extension開発環境を簡単作成 - Qiita
[?] What would you like to call this extension? my-first-extension [?] How would you like to describe this extension? My Chrome Extension [?] Would you like to use UI Action? No [?] Would you like to use the Options Page? No [?] Would you like to use the Omnibox? (Please input keyword) [?] Would you like to use the Content Scripts (Not Programmatic)? Yes [?] Would you like to use permissions? Yes
browser-serialport
browser-serialport Robots in the browser. Just like node-serialport but for browser apps. Why not Node.js? Nodebots are awesome but HTML5 apps have access to a lot of APIs that make sense for robotics like the GamepadAPI, WebRTC Video and Data, Web Speech API, etc. Also you get a nice GUI and its easier to run. I have also made a fork of Johnny-Five to work with Browserify as well by modifying it'
GitHub Linker·GitHub上でnodeライブラリをリンクしてくれるChrome機能拡張 MOONGIFT
システム開発を何の依存性もなく行うのは難しく、かつ余計な手間を増やすだけになっています。既にある多くのライブラリを組み合わせる方が効率的、かつ利用する人にとってもメリットが大きいと言えます。 その反面、利用するライブラリが増加し、一体どんなコードを使っているのか分かりづらくなります。そこで使ってみたいのがGitHub Linker、GitHub上のnode.jsライブラリをリンクしてくれるGoogle Chrome機能拡張です。 GitHub Linkerの使い方 GitHub LinkerはChrome ウェブストアでインストールできます。そしてインストールしたら、GitHubでnodeライブラリ系のプロジェクトを見てみましょう。 そうするとこのようにライブラリがクリッカブルになります。 クリックすると、そのライブラリのGitHubプロジェクトにジャンプします。node系ライブラリの殆ど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - yeoman/generator-chrome-extension: Scaffold out a Chrome extension
GitHub - rvagg/archived-morkdown: A simple Markdown editor