はてなブックマーク

WebExtensions(ブラウザ拡張機能)では、 ツールバーのボタンを押したときにポップアップウィンドウを開くことができる。 ChromeとFirefoxの両方で使えるWebExtensionsを作ったとき、 Popupのサイズ周りでいくつかつまずいて、力づくで直した内容をメモしておく。 作った拡張機能の宣伝もあるよ！ ※環境 Chrome: macOS 65.0.3325.162(64bit) Firefox: macOS 59.0.1(64bit) 1. Firefoxのスクロールバー幅問題 Popupするウィンドウのサイズは、PopupするHTMLのbodyタグのwidthやheightなどにcssで指定する。 この場合、ウィンドウ幅は400px固定で、高さはコンテンツの高さに合わせられるが、 最大値(600px)を超えているとスクロールバーが表示される。 ここで、スクロールバー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 行ってきました。殴り書きメモですが公開するよ！ 初夏のJavaScript祭 in mixi hikarutさんのQiita記事のほうがリンク等しっかりしてるかと。 初夏のJavaScript祭(2017) 資料まとめ 訂正点あったらよろしくお願いします。 JSのエラーチェックツールを作ろうとした話 Rails製のウェブページ解析サービスWWCheckerを作った サイトのスクショ撮影 + 実行時JSエラー解析しようとして苦戦 headless chrome使ったらメモリ食いすぎ 実行時エラー解析機能を削って、より需要のあるパフォーマン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

// 現仕様ではコンテナ内の既存要素は削除されるため、要コンテナ生成 const subRoot1 = document.createElement('div'); const subRoot2 = document.createElement('div'); document.querySelector('.container.of.subtree1').appendChild(subRoot1); document.querySelector('.container.of.subtree2').appendChild(subRoot2); ReactDOM.render(<SubTree1 {...dataForSubTree1} />, subRoot1); ReactDOM.render(<SubTree2 {...dataForSubTree2} />, subRoot2); c

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ES6から使えるようになったPromise。 ブラウザによってはもう普通に使えたりします。 Promiseで非同期処理して、その値で同期処理するときはいいですが、 非同期処理をして、その値でまた非同期処理したい！っことあります。 そんなとき、then関数内でPromise返したりすることがありますが、 どう動くんだっけといまさら不安になったので確かめてみました。 ついでにネストしたらどうなるのかいろいろ試してみました。 準備 Chrome(Win, 49.0.2623.75m)のコンソールで実行しています。 記法はES6なので、BabelのplaygroundでES5にして試しています。 なお、Promiseは変換してもPolyfillに変わるのでなくそのままです。 まずは非同期関数を定義。