Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
この前、研究室の先生に教えてもらったAdobe製のJavaScriptデバッガTheseusがかなり便利なのでご紹介します。 Theseusとは Theseusは、AdobeとMITの共同研究から生まれたJavaScriptのデバッガです（→学会論文）。ChromeとNode.jsの上で動きます。具体的に何をしてくれるのかをざっくり言うと、関数のコールを追跡して、BracketsというAdobe製のエディタに下画像のような感じで表示してくれます。 Theseusのすごいところは、コールバックの実行まで追跡してくれることです。もちろん、エラーが起きた箇所もすぐに見ることができます。また、デバッグをするとき、気になる箇所にconsole.logを挟むことがあると思いますが、Theseusを使えばその必要もありません。関数の横に表示されているコール回数をクリックすれば、その関数の実行ログを表示し
米芾 - 最近のChrome,...
最近のChrome, SafariのJavaScriptには音声合成APIが入っています。 使い方は簡単で、JavaScriptコンソール等で var msg = new SpeechSynthesisUtterance(‘こんにちは!’); msg.lang = “ja-JP”; // 言語指定 window.speechSynthesis.speak(msg); のようにするだけで喋ってくれます。 JavaScriptでMacに歌ってもらう - Okiraku Programming (via otsune)(via otsune)
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 としての機能も、アイデアしだいで拡張できるので、もちょっと広く認知されるといいんだけども〜 (ミ・◇・
覚えておきたい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は特に使いや
New community features for Google Chat and an update on Currents
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
第10回 Chrome拡張の国際化とギャラリーへの公開と総まとめ | gihyo.jp
こんにちは、太田です。今回はGoogle Chrome拡張のローカライズ対応とギャラリーでの公開手順について、拡張の作り方を総まとめしつつお送りします。 今回ローカライズする拡張はこれまで連載の中で何度か取りあえげてきたSBMカウンタをベースとして使用します。SBMという略称は（そもそもソーシャルブックマークと言う呼び方も？）日本語圏以外ではあまりポピュラーではないので、Social Counterと言う名称を用います。というのも、英語圏でのはてなブックマークに相当するサービスとしてdeliciousやdiggなどがありますが、ブックマーク中心のdeliciousと、ソーシャル中心のdiggと違いがはっきりしており、はてなブックマークはその間に位置しています。というわけで、ソーシャルカウンターとややくくりを大きくしました。 i18nとl10n i18nはInternationalizati
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
すげえ！Google ChromeがWebサーバに·Chrome simple HTTP Server MOONGIFT
Chrome simple HTTP ServerはGoogle ChromeをWebサーバ化してしまうGoogle Chrome機能拡張です。 Webの力は日々向上しています。今回はGoogle Chromeの隠された能力を引き出し、なんとWebサーバ化してしまうChrome simple HTTP Serverを紹介します。 インストールしました。 立ち上げました。 コンソールをみるとURLが表示されます。 そのURLにアクセスするとコンテンツが表示されます。 サーバ側のログはコンソールに表示されます。 ちゃんとGETアクセスされています。 これが使えるのはChrome canaryなどのver. 24以降になります。これはGoogle ChromeをWebサーバとして使うというよりも、機能拡張向けに提供されるものになります。Webブラウザと通信してしまうというアイディアに脱帽です。
別のPCを遠隔操作できるChromeウェブアプリ「Chrome Remote Desktop 」
「アプリを使っていて、操作がいまいちわからないから教えて欲しい」というケース、よくあることだと思います。 そのような場合相手がすぐ近くにいれば、その場で画面を一緒に見ながら教えることができますが、相手が遠隔地にいる場合、なかなか伝えるのが難しいですよね。 そんな時にGoogle Chromeのブラウザ画面上から手軽にリモート操作することができるChromeウェブアプリをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Chromeから遠隔操作できる「Chrome Remote Desktop 」 「Chrome Remote Desktop BETA」は、Google Chromeの画面上から、別のパソコンの画面を遠隔操作できるChromeウェブアプリ。 ブラウザの画面
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.
ページ内のアイテムのピクセル数をメジャーで測れるChrome拡張「MeasureIt!」:phpspot開発日誌
ページ内のアイテムのピクセル数をメジャーで測れるChrome拡張「MeasureIt!」 2012年04月23日- Chrome ウェブストア - MeasureIt! ページ内のアイテムのピクセル数をメジャーで測れるChrome拡張「MeasureIt!」 画面上のアイテムをドラッグ＆ドロップで大体の幅、高さについて測ることが出来ます 具体的な画像のピクセル数はインスペクタに頼るとして、これ大体どのぐらいだろうっていうところを計測する際にちょっと便利ですね ツールバーからワンクリックで気軽に測れるところがお手軽でよいです WEBデベロッパーな方はいれておくと便利な拡張かも 関連エントリ Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 ChromeをiPhoneシミュレーター
Chromeで使っている機能拡張15選 - 吾唯足知
雑記, Google先日の台風のような低気圧のあとはすっかり晴れ渡って、大阪城の桜も週末あたりが見頃ですね。 ところで、Chromeとも気がつけば結構長い付き合いになりましたが、その間いろんな機能拡張を使いました。ここ1年ほどはほぼ安定してきたので、ここいら辺りで備忘録も兼ねてまとめておきたいと思います。現在利用中の機能拡張はこちら！やっぱりどちらかと言えばウェブ制作なものに偏っています。本業がそれなので仕方ないですよね。。以前は30近く突っ込んでましたが、機能拡張が原因と思われるウェブサイトの表示乱れなんかがあって、必要最低限に絞っていってます。やっぱりシンプルに使うのが一番ということで。1Passwordアプリはこちらから今はMac、Windows、iPhone、iPad、Androidと全てのプラットフォームで利用できるようになっており、Dropbox経由で簡単に同期も取れてしまいま
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
WebSocket＆Canvas パフォーマンス最適化のコツ (1/4)
Handy Stadiumを公開してから1カ月が経ちましたが、もっとたくさんの人に遊んでもらえるようにマインドフリーでは日々改良を続けています。 改良点その1： Chrome ウェブストア対応 iPhone 4専用だったHandy StadiumをGoogle Chromeにも対応させ、Chrome ウェブストアに公開しました（インストールは無料）。 ウェブストアでの公開にあたってChrome向けに最適化したデザインを用意し、サーバーサイドでユーザーエージェントを識別して切り替えています。 Chromeに対応するにはゲーム画面サイズの調整やタッチ操作からクリック操作への変更が必要ですが、今回はJavaScriptとCSSを用意するだけで済みました。デバイスごとに開発言語や技術が変わるネイティブアプリと違い、OSやデバイスが変わっても同じ技術で開発できるのはWebアプリの大きなメリットです。
Google Chrome だけ Proxy に繋げる方法 - るるぷらす
Chrome をメインブラウザにしている上で唯一の不満点は Proxy の設定がシステム依存なこと。dolipo をカスタマイズしまくって使っている身としては、他のアプリケーションまで dolipo の影響が出るのがうざったい。そんなとき Proxy Switchy! という拡張機能を使ったり、そういう時だけ Firefox を使ったりしていました。 それが、ひょんな事でうまい方法を見つけたので記録。 chrome://flags/ にアクセスします。 「試験運用版の拡張機能 API」を有効にし、再起動。 Google Chrome Extensions (Labs) にアクセスして、Proxy Settings を Download source から落とす。 proxy_configuration.zip を解凍する。 拡張機能 chrome://extensions/ を開く。 デベ
Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個
2017年6月30日 便利ツール 以前「ChromeからFirefoxに戻した6つのくだらない理由」という記事を書いてから約８ヶ月。久しぶりにChromeをいじってみると、エクステンションの数も増え、いろいろと進化しているようです。「Firefoxにあるこの機能がChromeであれば移行するのに…」と思っていた事がだいぶ解消されたので再びChromeに復帰しました！そこでFirefoxに入れていたアドオンと、Chromeで使用し始めたエクステンションを紹介します。Firefox派の人も、Chrome派の人も、移行検討中の人も、ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ Firefoxアドオンに代わるChromeエクステンション 私のようにもともとFirefoxユーザーの場合、一番のネックは便利なアドオン。それに代わるエクステンションがないと移行の決意はできません
ブラウザで英辞郎を検索する EijiroX - by edvakf in hatena
最近 Mac から Windows に乗り換えたのだけど、Mac の Eijiro Viewer みたいな良い英辞郎検索ソフトが Windows には無いみたいなので作りました。(PDIC は英語版 Windows では文字化けした気が。あとインターフェイスがごちゃごちゃしてるしキーボードだけで使うように作られてないので好きではない) 辞書は同梱していません。自分で買ってください。 Google Chrome と Opera で使えます。(ただし Opera は動かすのがちょっと面倒) Chrome Extension Gallery に登録しました。 https://chrome.google.com/extensions/detail/incofakicgjnjoggkkepbldklfocgafh ソースコードは MIT ライセンスで公開しています。 https://github.c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3.2.ブックマークされたらContentScriptに伝える
ggsoku.com
