JavaScript

JavaScriptは、Webサイトに、HTMLやCSSでは表現できない動きのあるコンテンツを作るのに使います。いまのWebサイトでは必ず使う技術です。そのJavaScriptについて、困っているという人のために情報を発信します。

2019-03-14
2019-03-17

Atom HTML, CSS, JavaScript開発におすすめのパッケージをご紹介

テキストエディタのAtomでHTML, CSS, JavaScriptにおすすめのパッケージをご紹介します。

大きく分けて『IDEを使う』『linterを使う』の2つをご紹介します。

2017-10-06
2019-03-15

JavaScript Prism.js 表示する行数を変更する

ソースコードのハイライト機能をもつPrism.jsの表示サイズを変更します。作業はとてもかんたんです。CSSで指定します。JavaScriptはいっさいいじりません。

2018-12-24
2019-03-14

JavaScript ES2015 アロー関数ってなんだ？

JavaScriptで関数っぽいんだけど、見たことないものをここ数年見かけます。

『どうせシンタックスシュガーでしょ？』と、まぁなんとなく分かっていたのでほっといたのですが、それはいかんだろうということできちんと調べました。

まず答えを言うと、シンタックスシュガーではありません。ES2015(ES6)から導入された新しい記法でした。

2018-09-06
2019-03-14

初心者でも分かる解説。JavaScriptってなんだ？

JavaScriptの超入門編です。初心者にも分かりやすく、専門用語を使わずに解説します。

これを読めば、JavaScriptの役割、jQueryのこと、最近よく聞くReact, Vue.jsのことも分かります。

『いまさら見直すのは恥ずかしい』という人にもオススメです。

2017-12-28
2019-03-14

JavaScript ES2015 var,let,const 変数宣言の使い方

久しぶりにJavaScriptを使うことになって調べたら、変数宣言のバリエーションが増えていました。let, constという使い方があるらしい。

ES2015で策定されたのでもう2年も前です（執筆時点）。やばい相当遅れています。遅まきながら勉強しました。

2017-07-30
2019-03-14

JavaScript Prism.jsをWebサイトに実装する

ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.js の代わりに利用できてWordPress でも使えます。

2018-11-10
2019-03-14

Node.js npm パッケージ管理の使い方

Node.jsのnpmはパッケージを管理するコマンドツールです。

パッケージはJavaScriptで用意されているいろいろな機能の拡張プログラムです。このパッケージを必要に応じてインストールすることで、効率的に目的の機能を実装したプログラムを構築することができます。

そのnpmコマンドの使い方をご紹介します。

2017-11-22
2019-03-14

jQueryの$が使えない理由（$の衝突を防ぐ方法）

jQueryでは$を使います。しかし$がjQueryとして認識されずにエラーになることがあります。

原因は$がすでにほかで使われているためjQueryと衝突が起きてしまっています。解決方法は簡単で即時関数を使って実現します。

2017-07-29
2019-03-14

WordPress - Crayon Syntax Highlighterを止めた理由

WordPressプラグインのCrayon Syntax Highlighterを使うのをやめました。代わりのものがあるので、プラグインを使う必要がないからです。

サイトのパフォーマンス上、SEOを考えるとプラグインは少ない方が良いです。代わりとして Prism.js を使うことにしました。

2017-11-23
2018-11-14

jQuery HTMLの読み込みが完了してから実行する

jQueryのJavaScriptをHTMLの読み込みが完了してから実行する方法です。記述があまりにも簡単なので一見すると何をしているのか分からなくなるくらいです。

自分も数年に1回なんだったっけ？となるので備忘録でもあります。

1 / 2

最近更新された記事

人気の記事