GitHub - vladikoff/grunt-devtools: 🛠 Grunt Task Runner Extension for Chrome Developer ToolsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Google ChromeでJavaScriptのデバッグをする際にはぜひインストールを！·JS Runtime Inspector MOONGIFT
JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。 最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。 インスペクタにJS検索フィールドが追加されます。 検索結果です。 そこから定義されている場所に簡単に飛べます。 利用例。 JS Runtime Inspectorを使えばJavaScriptを掘り下げて調べるのがとても簡単になります。関数名の他、値でも検索できるので目的の処理を見つけるのが簡単になるはずです。 JS Runtime InspectorはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 MOONG
『JavaScript開発時に便利なツールたち』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバ事業本部でディベロッパーをしています、平木(id:Layzie)です。 先日2/9に行なわれたFrontrend Vol.4で"JavaScript Development Tools – JavaScript開発の効率アップ"というテーマで登壇させていただいたのですが、セッションでは時間の都合でお話できなかった補足や、その他のツールのご紹介をしていきたいと思います。公式サイトで各講演のスライドと動画を見ることができますので、残念ながらイベントにいらっしゃらなかった方は、ぜひご覽になってください。 Chrome Canaryビル
node.jsとGoogle Chromeによるローカルアプリケーション開発·node-chrome MOONGIFT
node-chromeはnode.jsをバックエンドに、フロントエンドをChromeを使ってローカルアプリケーションを開発します。 node.jsを使っていると何でもJavaScriptで完結したい気分になってきます。そこでターゲットになるのがローカルアプリケーションです。Gtkなどを使うことなく、何とChromeを使ってしまうソフトウェアがnode-chromeです。 デモアプリを立ち上げたところ。 デモのコードです。 node-chromeではGoogle Chromeのパスを指定し、普段使っているプロセスとは別でWebブラウザを立ち上げます。後はnode.jsのサーバとして動くのみです。ローカルでWebアプリケーションを立ち上げて利用するという新しいスタイルが実現しそうです。 node-chromeはnode.js製のソフトウェア（ソースコードは公開されていますがライセンスは明記され
Chrome+HTML5 Developers Live Japan #1
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
CD-ROM トレイを取り出せる Chrome拡張、「chrome-eject」作った。 - 葉っぱ日記
Chrome 使ってると良く CD-ROM を取り出したくなりますよね。 ならないとしたら、今すぐこの記事を読むのをやめて病院に行って下さい。 hasegawayosuke/chrome-eject · GitHub https://github.com/hasegawayosuke/chrome-eject インストールすると というアイコンが追加されるので、ボタンを押すだけで CD-ROM トレイがゲロっと排出されます。 便利ですね！ 皆さんもぜひ、使ってみて下さい。 (今日の参考文献: http://mattn.kaoriya.net/software/lang/ruby/20130110212633.htm)
Webブラウザ、Google ChromeでJSON構造の確認、編集·JSON Editor Online MOONGIFT
JSON Editor OnlineはWebブラウザやGoogle Chrome機能拡張として動作するJSONビューワー、編集ソフトウェアです。 RESTfulのWeb APIなどでよく使われるようになったJSONフォーマット。構造が分かりづらかったり、自分で手作業でJSONファイルを作成したりするといった時に便利なのがJSON Editor Onlineです。 トップページです。左側がJSON、右側がその解析結果のツリービューです。 項目を追加しました。中央にある左右の矢印ボタンをクリックすると反映されます。 右側でツリーを使って値を変更したりキーを追加したりできます。 その結果を逆に差し戻すこともできます。 配列も表現されています。 検索機能もあります。 URLを指定してJSONの取得ができます。 JSONの内容は小さくすることも可能です。 JSON Editor OnlineではJS
ウェブの全角文字を自動で半角文字に自動変換する『さよなら全角英数』 | ライフハッカー・ジャパン
ウェブサイトなどを見ていると、時々全角英数字で書かれている文章を見かけます。少しくらいであれば気にならないかもしれませんが、ウェブ全体に渡って全角英数字が使われていると、さすがに読みにくいですよね。たとえば以下の文。これはライフハッカーの過去記事中の文を意図的にすべて全角にしているのですが、やはり読みにくいです。 米Ｌｉｆｅｈａｃｋｅｒによると、Ｆｉｒｅｆｏｘ １４正式版がリリースされました。Ｇｏｏｇｌｅ 検索の暗号化（ｈｔｔｐｓ接続）や、ＯＳ Ｘ Ｌｉｏｎのフルスクリーンに対応。またロケーションバーで、以前入力したＵＲＬを自動補完してくれるようになりました。 Firefox14がアップデート！ 「Google検索結果がHTTPS自動接続」ほか そこで今回は、ウェブ文章に書かれた全角英数字を半角に自動で変換してくれるChrome拡張機能をご紹介します。 今回紹介する拡張機能はその名も、『さ
Googleが示すJavaScriptを350倍高速化する秘訣 - ぼちぼち日記
1. はじめに、 今年も Google I/O が開催されました。一度も現地に行って参加したことはないのですが、毎年セッションの内容は技術的に高度なものばかりでいつも注目しています。今年の一つ興味深いセッションで、 「Google I/O 2012 - Breaking the JavaScript Speed Limit with V8 (Daniel Clifford)」 スライド ,ビデオ というのがありました。（ビデオ・資料をすぐ公開してもらえるのはホントありがたいです。） ご存じの通り V8 は Chrome に搭載されているばかっ速い JavaScript エンジンで Node.js でも採用されています。このセッションは、 V8 の内部実装の解説を元にどう JavaScript の実行速度がパフォーマンスチューニングができるかという内容で、もうこれは必見で見逃せないものです。
MobileSafari 対 Chrome for iOSのJavaScriptベンチマーク
ひとりぶろぐのmoyashi (@hitoriblog) です。 ついに、iOS版のGoogle Chrome、Chrome for iOSがリリースされましたね。 Chrome – Google のウェブブラウザ カテゴリ: Utilities 販売元: Google, Inc.（サイズ: 62.6 MB） 全てのバージョンの評価: （6,706 件の評価） 仔細は他ブログに譲るとして、JavaScriptベンチマークをやってみました。 体感では、Chrome for iOSはMobileSafariより速いように感じます。 試したベンチマークは、MobileSafariと、Chrome for iOSの両方が採用しているWebKitのオフィシャルベンチマークSunSpider。 JavaScriptの実行速度を計測するベンチマークです。純粋なJavaScriptのベンチマークで、DOM
Google ChromeでiPhoneとかのtouch系イベントをエミュレートできるようになってた。これは便利。 | Ginpen.com
右上User Agentのところね。Emulate touch eventsにチェックを入れると、マウスのクリックやドラッグ＆ドロップでtouchstart, touchmove, touchendが発火するようになる。 開発時にいちいち実機やXcodeのエミュレーターを用意しなくても動作確認できるようになるのはとても便利。さすがにマルチタッチはできないけど、とりあえずエラーが出てないとかそういう確認ならできる。 ついでに隣の項目のOverrride User AgentでiPhoneやiPadを選ぶとなお良さそう。（ちなみにIEとかも指定できます。もちろんエミュレートはないけどね。） 画面サイズは、それを指定値に変更できるプラグインがあるから、探してみてください。 Settingsの項目は、なんか気がついたら（Chromeが更新されてて）変わってるから、ときどき覗いてみるといいんじゃない
ヤター！ウェブブラウザで動くシンセできたよー - aike’s blog
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。 サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック 作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾 出版社/メーカー: インプレスジャパン 発売日: 2010/09/16 メディア: 単行本（ソフトカバー） この商品を含むブログ
Adobeアカデミックストア
Get 20+ Creative Cloud apps and Adobe Firefly creative AI. Get {{photoshop}}, {{acrobat-pro}}, {{premiere-pro}}, and more apps plus {{adobe-firefly}} standard and premium creative AI features for images, video, and audio – all in {{cc-pro}}. Includes: https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/acrobat-pro-40.svg Acrobat https://main--cc--adobecom.hlx.page/cc-shared/
10分で作るFirefoxアドオン - LukeSilvia’s diary
今回は、はじめてFirefoxのアドオンを作ったので、調べたことをメモしておきます。難しいと思っていたのですが、簡単なものなら直に作れることを知りました(*´艸｀) ※ 動作対象はFirefox <= 3.6 になります。 何を作るか ブログを書く時に使うような、「開いているページのタイトルとURLを一回の操作で、マークアップ形式でクリップボードにコピーする機能」を作成します。機能を使う方法は、「Shift+u」か、「右クリックメニューから選択」の2種類とします。 作り方 作り方を以下のステップに分けて説明します。 「copytitleurl」フォルダ作成 「install.rdf」作成 「chrome.manifest」作成 「chrome」フォルダ、「content」フォルダ作成 「copytitleurl.js」作成 「copytitleurl.xul」作成 「copytitleur
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Learn web development | web.dev
作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch
閲覧サイトで何が使われているのかが一目でわかる拡張機能「Chrome Sniffer」NOT SUPPORTED
Google Chrome Developer Tools入門 in DevFestX Sapporo