JavaScript

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

2017-08-08
2019-11-10

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

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

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

2017-10-06
2019-09-12

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

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

2017-07-30
2019-09-12

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

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

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年も前です（執筆時点）。やばい相当遅れています。遅まきながら勉強しました。

2017-11-23
2019-08-30

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

jQueryのJavaScriptをHTMLの読み込みが完了してから実行する方法です。あまりにもかんたんなので何をしているのか忘れてしまうくらいです。

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

2018-11-10
2019-08-30

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

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

パッケージはJavaScriptの拡張プログラムで、必要なものをインストールして、効率的に目的の機能のプログラムを作ります。

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

2017-11-22
2019-08-30

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

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

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

2017-07-29
2019-08-30

WordPress - Crayon Syntax Highlighterをやめた理由

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

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

2019-08-14
2019-08-30

WordPress PHPの変数をJavaScriptで使う

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

WordPressでは用意されています。とてもかんたんです。

スクリプトのキュー登録をちょっとイジります。

1 / 2

最近更新された記事

人気の記事