JavaScript

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

やったこと モダンな開発環境の整備 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…