全モダンブラウザで使えるJavaScriptのdynamic import（動的読み込み） - Qiita
JavaScriptでは他のJSファイルを読み込みES Modulesという仕組みがあり、Chrome、Edge、Safariなどブラウザのサポートが拡大しつつあります（参考記事「JavaScriptでモジュールを使う時代に！ ブラウザで覚えるES Modules入門」）。 さらに、モジュールをimport()を使って「関数のように」呼び出すためのdynamic importという仕組みが2020年に公開されるECMAScriptの仕様で導入されます（tc39/proposal-dynamic-import）。Google Chrome、Firefox、Safariではではモジュールのdynamic importに対応しており、ブラウザでその挙動を確認できます。 dynamic importのメリットは、任意のタイミングでモジュールを読み込めること。たとえば、ページの初期表示に必要なJav
Deb.js·JavaScriptのデバッグを効率化する小さなライブラリ MOONGIFT
最近のWebブラウザの進化によってJavaScript開発はとても便利になっています。ブレイクポイントを差し込んだり、コンソールを使うことでどんどん開発が進められるようになっているでしょう。 そんなJavaScript開発をさらに便利にしてくれそうなソフトウェアがDeb.jsです。ごくごく小さなデバッガーです。 Deb.jsの使い方 Chrome ウェブストアで公開されていますので、インストールします。 こちらがインストール画面です。 インストールされるとDebアイコンが追加されます。 こんな感じでURLに?debjsを追加すると自動で読み込まれるようになります。 任意の関数に.deb()を追加するとスタックとレースされるようになります。 引数や返り値、実行時間などもとれて便利です。 色分けもされるので分かりやすいですね。 開発効率向上を考えると、デバッグ方法は色々知っておいて損はないでし
Chromeコンソールでお手軽クローリング - Qiita
PhantomJSはすごく便利なのですが、ちょろっと使いたいだけのときにスクリプトファイルを用意するのは若干面倒です。対話モード(REPL)も用意されていますが、対話的に使うだけならChromeの方が使いやすい場面が多いです。 今回の想定シーンは、「GitHubでStarしてくれた人の一覧が欲しい」というようなケース。時々、Issueで全員に連絡したいことがありますよね。↓ こういうやつ。 @user1, @user2, @user3, ... GitHubだとJSONを返すAPIが用意されているので、それを使います。 コンソールを開く 新規タブを開いて、about:blankに移動します。まっさらな状態にするのがポイントです。 jQueryを仕込む PhantomJSを使う場合もそうですが、素のJavaScriptだと面倒が多いので、jQueryを仕込みます。次の2行を実行すればOK。
ChromeデベロッパーツールでJavascriptをデコード | プラスター業務日記
圧縮された Javascript をデコードしてくれるサービスは多々ありますが、単純なものであれば正しくデコードされエラーなく動きますが込み入った Javascript はエラーが出てなかなか元通りに動いてくれなかったりします。 Chromeデベロッパーツールの Javascript デコード機能が一番優秀ではないかと思います。 STEP1：デベロッパーツールを有効にするデベロッパーツールを有効にします。ツール → デベロッパーツールSTEP2：Elementsから対象Javascriptを選択今回は Google アナリティクス のトラッキング コードをデコードします。 Elements タブから http://www.google-analytics.com/ga.js をクリック<script type="text/javascript" src="http://www.google
Javascriptポップアップも確実にブロックできるChrome拡張機能「Better Pop Up Blocker」 | ライフハッカー・ジャパン
Chrome：Google Chromeに搭載されているポップアップブロッカーはなかなか高性能ですが、画像や動画ホストサイト、オンラインポーカーサイトのJavascriptポップアップなどが時折表示されてしまうことがあります。無料拡張機能の「Better Pop Up Blocker」なら、Javascriptポップアップの表示を食い止めることが可能です。 今使っているポップアップブロックがどこまでブロックしてくれているのかを確認するには、このテストページから説明に従ってテストしてみてください。 Better Pop Up Blockerには、特定のサイトでのポップアップを許可するカスタマイズ可能なホワイトリスト機能ももちろん搭載。Chromeのポップアップブロッカーでも大抵の場合は支障がないので、わざわざ違うポップアップブロッカーを使う必要性はあまり高くないかもしれませんが、Better
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」:phpspot開発日誌
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 2011年05月10日- JavaScript Errors Notifier - Chrome ウェブストア JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 エラーがあった場合に、アドレスバーの星アイコンのとなりに次のように通知してくれます。 アイコンをクリックすれば具体的なエラー内容が分かるという物。 赤のアイコンでエラー検知が分かりやすくていいですね。 通常の状態ではエラーがあろうと、デベロッパーツール等でコンソールを開いてない限り気づくことは出来ませんが、これは開発者は必須のツールかもしれませんね。 関連エントリ PHPのエラーなんかをブラウザで確認できるC
GreasemonkeyのスクリプトがChromeで対応したので試してみた：将来のＰＣ業界パワーバランス - CNET Japan
「「Firefox」向けアドオン「Greasemonkey」が「Google Chrome」にも対応」 GreasemonkeyのスクリプトがChromeでほとんど変更せずに使用できると言うので、過去に作成したモノを試してみます。今まで作成してここで公開したものは以下の三つがあります。 ・スクロールしなが次々とエントリを見るスクリプトを作ってみた ver 0.2 ・"CNET 編集部へ行こう！"で行ってきました ・CNET Japan ブログネットワークの自分のブログのアクセス数一覧をGreasemonkeyで取得するスクリプト (v0.5) ファイルをダウンロードして解凍して、Chromeに***.user.jsをドラッグアンドドロップしてインストールすれば使用出きます。 １．スクロールしなが次々とエントリを見るスクリプトを作ってみた ver 0.2 スクロール予定の下半分が出てきません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Charming Python: Functional programming in Python, Part 3