JavaScript

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

2020-01-19

nvm, Node.jsバージョンをユーザー・ディレクトリごとに管理する

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

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

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

2020-01-17
2020-01-19

n, システムのNode.jsをバージョン管理する

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

『OS全体（システム）のNode.jsのバージョンを管理する』という点で。

2020-01-16
2020-01-19

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

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

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

2017-10-06
2019-12-28

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

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

2017-07-30
2019-12-28

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

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

2017-07-29
2019-12-28

WordPress - Crayon Syntax Highlighterをやめた理由

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

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

2017-08-08
2019-12-28

PythonでCSS,JavaScript,HTMLの圧縮ツールを作る

Pythonのcss_html_js_minifyパッケージを使うと、簡単にCSS、JavaScript、HTMLの圧縮ツールが作成できます。

サンプルコードを使って作成してみましょう。

2019-03-14
2019-08-30

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

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

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

2017-12-28
2019-08-30

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

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

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

1 / 2

JavaScript

nvm, Node.jsバージョンをユーザー・ディレクトリごとに管理する

n, システムのNode.jsをバージョン管理する

最新Node.jsをOS全体のシステムにインストールする方法

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

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

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

WordPress - Crayon Syntax Highlighterをやめた理由

PythonでCSS,JavaScript,HTMLの圧縮ツールを作る

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

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

最近更新された記事

最近更新された記事

人気の記事