Multi Vitamin & Mineral

Multi Vitamin & Mineral です。プログラムに関することを書いております。

inliner で JavaScript も CSS も画像も1つのHTMLファイルにできるって、マ?

「inliner」というツールの紹介です。 HTML が参照している JavaScript、 CSS 、画像などの外部ファイル、それらをまとめて1つの HTML ファイルにしてくれるツールです。 このツール、ご存知でしたか? 私は全然知らんかったです。 ニッチなツールだけれども…

ES6 を IE11 でも動くよう変換したい。そうだ、 Babel を使おう!

IE11 でも動く JavaScript に変換したい! ES2015(=ES6) 以降の JavaScript を変換して ES5 にダウングレードする方法です。この記事で利用しているのは Babel のバージョン7です。 なお、本記事ではあえて Babel 以外のツールは含めないようにしています。 …

nodist の利用を諦めた! そしてアンインストールが難しい!

ここ数年 nodist という Windows 用の Node.js のバージョンを管理できるツールを使っていました。大変お世話になっておりました。が、本日をもって利用を諦めました。 nodist のアンインストールはいくつか注意点があるなぁと思い、この記事を書きました。…

【TIPS】Windows の「npm」で「error cb.apply is not a function」を解消した話(nodist の利用は諦めた!)

error cb.apply is not a function というエラーに悩まされていたのでその共有です。 Windows 10 で Node.js をインストールしている前提のお話になりますのでご了承ください。 調べた中で出てきいくつかの解消方法をかき集めてまとめたので、どれかにヒット…

記事のトップに更新日時も表示する【脱jQuery】【脱sitemap.xml利用】【オリジナル】(はてなブログ改造計画)

記事のトップに更新日時も表示する方法です。 すでにたくさんの方が同様の記事を書いていますが、なんやかんやでオリジナルな実装になりました。 こちらを使いませんでした 変更内容 仕様 変更方法 HTML, JavaScript の変更手順 追加 HTML, JavaScript CSS …

HTML 内のスペースや改行による「ズレ」を除去する TIPS

HTML 内のスペースや改行により「ズレ」が発生することがあります。これを除去する TIPS の紹介です。 この記事は、私が遭遇した問題と解決策の共有です。数ある「ズレ」の要因の一つであり、一つの解決方法の紹介になります。この文章を読んでいただいてい…

目次と見出しに入れ子の連番を振る(はてなブログ改造計画)

目次と見出しに入れ子の連番を追加する方法です。 見出しに「1-1」や「2-3-1」といった章や節にあたるような番号を付加し、読んでいる位置を分かりやすくすることが目的です。 変更内容 目次の変更 見出しの変更 補足)はてなブログは通常 h3, h4, h5 が使わ…