テキストエディタのAtomでHTML, CSS, JavaScriptにおすすめのパッケージをご紹介します。
大きく分けて『IDEを使う』『linterを使う』の2つをご紹介します。
続きを読むAtom HTML, CSS, JavaScript開発におすすめのパッケージをご紹介
JavaScript
JavaScript Prism.js 表示する行数を変更する
ソースコードのハイライト機能をもつPrism.jsの表示サイズを変更します。作業はとてもかんたんです。CSSで指定します。JavaScriptはいっさいいじりません。
続きを読むJavaScript ES2015 アロー関数ってなんだ？
JavaScriptで関数っぽいんだけど、見たことないものをここ数年見かけます。
『どうせシンタックスシュガーでしょ？』と、まぁなんとなく分かっていたのでほっといたのですが、それはいかんだろうということできちんと調べました。
まず答えを言うと、シンタックスシュガーではありません。ES2015(ES6)から導入された新しい記法でした。
続きを読む初心者でも分かる解説。JavaScriptってなんだ？
JavaScriptの超入門編です。初心者にも分かりやすく、専門用語を使わずに解説します。
これを読めば、JavaScriptの役割、jQueryのこと、最近よく聞くReact, Vue.jsのことも分かります。
『いまさら見直すのは恥ずかしい』という人にもオススメです。
続きを読むJavaScript ES2015 var,let,const 変数宣言の使い方
久しぶりにJavaScriptを使うことになって調べたら、変数宣言のバリエーションが増えていました。let, constという使い方があるらしい。
ES2015で策定されたのでもう2年も前です（執筆時点）。やばい相当遅れています。遅まきながら勉強しました。
続きを読むJavaScript Prism.jsをWebサイトに実装する
ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.js の代わりに利用できてWordPress でも使えます。
Node.js npm パッケージ管理の使い方
Node.jsのnpmはパッケージを管理するコマンドツールです。
パッケージはJavaScriptで用意されているいろいろな機能の拡張プログラムです。このパッケージを必要に応じてインストールすることで、効率的に目的の機能を実装したプログラムを構築することができます。
そのnpmコマンドの使い方をご紹介します。
jQueryの$が使えない理由（$の衝突を防ぐ方法）
jQueryでは$を使います。しかし$がjQueryとして認識されずにエラーになることがあります。
原因は$がすでにほかで使われているためjQueryと衝突が起きてしまっています。解決方法は簡単で即時関数を使って実現します。
WordPress - Crayon Syntax Highlighterを止めた理由
WordPressプラグインのCrayon Syntax Highlighterを使うのをやめました。代わりのものがあるので、プラグインを使う必要がないからです。
サイトのパフォーマンス上、SEOを考えるとプラグインは少ない方が良いです。代わりとして Prism.js を使うことにしました。
jQuery HTMLの読み込みが完了してから実行する
jQueryのJavaScriptをHTMLの読み込みが完了してから実行する方法です。記述があまりにも簡単なので一見すると何をしているのか分からなくなるくらいです。
自分も数年に1回なんだったっけ？となるので備忘録でもあります。
- 1 / 2
最近更新された記事
人気の記事
IT系で出していたものをとりあえず削除
どれも、やりきれば一人前というものではありませんが、本気でやらないと必ず挫折します。そして、入門編としては高めの費用がかかるものがありますが、『独学よりも数倍早く習得するための時間を買う』と考えたほうが良いです。数ヶ月後、『お金を払って行くこともなかった』と思えれば大成功です。
