Pythonのcss_html_js_minifyパッケージを使うと、簡単にCSS、JavaScript、HTMLの圧縮ツールが作成できます。
サンプルコードを使って作成してみましょう。
続きを読むPythonのcss_html_js_minifyパッケージを使うと、簡単にCSS、JavaScript、HTMLの圧縮ツールが作成できます。
サンプルコードを使って作成してみましょう。
続きを読むソースコードをハイライト表示するプラグイン、Prism.jsの表示サイズを変更します。作業はとてもかんたんです。CSSで指定します。JavaScriptはまったくいじりません。
続きを読むソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.js の代わりに利用できてWordPress でも使えます。
続きを読むテキストエディタのAtomでHTML, CSS, JavaScriptにおすすめのパッケージをご紹介します。
大きく分けて『IDEを使う』『linterを使う』の2つをご紹介します。
続きを読む久しぶりにJavaScriptを使うことになって調べたら、変数宣言のバリエーションが増えていました。let, constという使い方があるらしい。
ES2015で策定されたのでもう2年も前です(執筆時点)。やばい相当遅れています。遅まきながら勉強しました。
続きを読むjQueryのJavaScriptをHTMLの読み込みが完了してから実行する方法です。あまりにもかんたんなので何をしているのか忘れてしまうくらいです。
自分も数年に1回なんだったっけ?となるので備忘録です。
続きを読むNode.jsのnpmはパッケージを管理するコマンドツールです。
パッケージはJavaScriptの拡張プログラムで、必要なものをインストールして、効率的に目的の機能のプログラムを作ります。
そのnpmコマンドの使い方をご紹介します。
続きを読むjQueryでは$を使います。しかし$がjQueryとして認識されずにエラーになることがあります。
原因は$がすでにほかで使われているため、jQueryと衝突が起きています。解決方法はかんたんです。即時関数を使って解決します。
続きを読むWordPressプラグインのCrayon Syntax Highlighterを使うのをやめました。代わりがあるのでプラグインを使う必要がないからです。
サイトのパフォーマンス上、SEOを考えるとプラグインは少ない方が良いです。代わりにPrism.js を使うことにしました。
続きを読むPHPのurl取得関数や定数をJavaScriptで使いたいと思ったことはありませんか?
WordPressでは用意されています。とてもかんたんです。
スクリプトのキュー登録をちょっとイジります。
続きを読む