ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

JavaScript

JavaScriptで困っている人のために情報を発信します。

JavaScriptは、WebサイトでHTMLやCSSでは表現できない動きのあるコンテンツを作るのに使います。

『リッチクライアントを作る』とも言います。

いまのWebサイトでは必ず使う技術です。

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

JavaScript image

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

ただ細かい微調整が必要で、たんに行の高さ ✕ 行数にすればいいというものではありません。

続きを読む

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

python image

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

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

(本来、自分で作るもんじゃありません。こうやってPythonは作っていきますよという一例です。)

続きを読む

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

JavaScript image

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

プログラムのソースコードをサイトに表示するのに、今一番おすすめするJavaScriptプラグインです。

続きを読む

WordPress, Crayon Syntax Highlighterプラグインをやめた理由

wordpress image

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

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

続きを読む