JavaScript

whatismybrowser から、OS とブラウザのバージョンの組み合わせでUser Agent を取得する

まとめ 検索ワードに OS とブラウザのバージョン + whatismybrowser で検索する 検索候補の上のほうに whatismybrowser.com というサイトが表示されるのでアクセスする Here's how we parse the user agent:下に User Agentが表示されているのでコピーする …

ChromeのデベロッパーツールでJavaScript のメモリ使用量を調べる

prototype プロパティでメモリを節約する においてprototype プロパティを使うとメモリ使用量が少なくてすみますというエントリを書いたのだが、どのくらいのメモリが節約できるのかについては言及していなかった。 推測するな、計測せよ(Don’t guess, meas…

prototype プロパティでメモリを節約する

普段は業務用のアプリケーション開発がメインで、JavaScript でコードを書いているときにメモリの使用量を意識することはない。 ただ、インスタンスを1000個とか生成するケースに遭遇するときのためにこう書いておけばメモリが節約できるよという引き出しを…

技術的に最近のやったこと/やれてないこと

やったこと モダンな開発環境の整備 Node + Webpack + Babel + ES6 。 はじめるのに遅すぎるということはない。 流れはつかめたので新しい○○というツールが出ましたよー乗り遅れるとまずいですよーといったものを余裕をもって見送れるようになったと思う。 …

「Q Accelerator」のmanifest.jsonを参考にしてChrome拡張機能の理解を深める

はじめに Chrome拡張機能について「Q Accelerator」のmanifest.jsonを参考にしながら理解を深める記事です。 Q Acceleratorとは Q Accelerator はQiita上で行番号を表示したり、コピーアイコンを表示したりするChrome拡張機能です。 Qiitaをより便利にするCh…

ハイフンぽい文字列をUnicode に変換してそれを「全角の長音」に変換する

文字列をUnicode に変換して置換する ここではJavascriptでハイフンぽい文字列をUnicode に変換してそれを「全角の長音」に変換する例を示します。 Unicode ⇔ 文字列 への相互変換 “\uXXXX"形式の4桁の16進数を文字に変換 String.fromCharCode(0xff0d); // "…

JS Tips 関数定義式と巻き上げ(Hoisting)

JS Tips からHoisting(巻き上げ)の紹介 今回もJS Tips の紹介。 ネタはHoisting(巻き上げ)、というJavaScriptの言語仕様についてのTipsだ。 この仕様が理解できれば、以下の(a)と(b)のコードの違いがわかるようになる。 // (a) function f(x) { return x; } …

JS Tips 翻訳: Tips22 配列を空にする際の注意点

JS Tips というJavascriptのTipsを集めたサイトがあってこれがなかなかへ~となったので紹介。 Javascriptはそのクソな独特な言語仕様に驚かされることが多いがTipsのいくつかはそういった独特な言語仕様について取り上げている。 ここではひとつだけ配列を…

Webブラウザでつかえる各種整形ツール 4選

ライブラリでMinify されたファイルやフレームワークが吐き出したソースコードは改行がなく、とても可読性が悪いです。 ここどうなってんだろうって時に、ぱぱっとブラウザ上でコピペして整形してくれるWebサービスが便利です。 HTML CSS JavaScript HTML CS…