JavaScript

JavaScriptで困っている人のために情報を発信します。

JavaScriptは、WebサイトでHTMLやCSSでは表現できない動きのあるコンテンツを作るのに使います。

『リッチクライアントを作る』とも言います。

いまのWebサイトでは必ず使う技術です。

WordPress, asyncとdeferでJavaScriptのロードを遅らせる。

WordPressではJavaScriptをHTMLの<script>に挿入するのにレジスタ・キューを使いますが、async, defer属性を付けるなどのカスタマイズにはちょっとした工夫が必要です。

今回は『WordPressらしい』方法で解決します。

Node.jsの環境を作るのにNode.jsのバージョン管理ツールは必須で、かんたんにNode.jsのバージョンを切り替えできないとキツイです。

nvmはユーザー、ディレクトリごとに切り替えできます。

direnvが使えるなら一番のオススメです。

Node.jsを複数インストールしてバージョン管理するツールはたくさんありますが、npmのnパッケージはちょっと特殊です。

一般的なツールはシステム（OS全体）のNode.jsから新たにNode.jsをインストールするんですが、nパッケージはシステムのNode.jsのバージョンを管理できます。

PHPのurl取得関数や定数をJavaScriptで使いたいと思ったことはありませんか？

WordPressでは翻訳機能があり、PHPとJavaScriptで変数の受け渡しができるんですが、それを流用すればできます。

とてもかんたんです。スクリプトのキュー登録をちょっとイジります。

アイコンフォントのFont Awesomeはアカウント作成が必要になりました。

かんたんにできたCDNのCSS配信をやめて『Font Awesome Kits』というJavaScript配信に変えます。

アカウント作成から『Kit』をつかった方法をかんたんに説明します。

5 / 7