Source Code
Bloggerでソースコードをキレイに出力する。ってことでGoogle-code-prettifyを使用。どうやら古いライブラリみたいでダウンロードかCDNはjsDelivrのが正解っぽい。
<head>内に以下を設置。
<script src='https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?skin=sons-of-obsidian'/>
<pre class="prettyprint .linenums lang-html">
ココにコード
</pre>
- .prettyprintが基本。
- .linenumsが行数表示。
- .lang-{言語}が言語。
必要最低限はそのくらい。
HTML
<div> <p>テスト</p> </div>
JavaScript
(() => {
document.addEventListener('DOMContentLoaded', () => {
modernFunction();
});
// Babelで変換されるかどうかのテストコード
const modernFunction = () => {
const obj = { a: 'これが出力されれば', b: 'Babelを通じて' };
const newObj = { ...obj, c: '正常に変換されてます' };
console.log('Index.jsを読み込んでいます', newObj);
};
})();
ちなみにテーマは以下の5つ。
- Default
- Desert (skin=desert)
- Sunburst (skin=sunburst)
- Sons-Of-Obsidian (skin=sons-of-obsidian)
- Doxy (skin=doxy)
コメント