am1tanaka https://blog.hatena.ne.jp/am1tanaka/ tanaka's Programming Memo https://am1tanaka.hatenablog.com/ JavaScript プログラムコードに行番号を表示したかったので、はてなブログのカスタマイズの勉強がてら作成してみました。 出来上がりは以下のような感じ。 let hello = "Hello!"; console.log(hello+"行番号！"); ブログデザインのカスタマイズで、フッターにJavaScriptを追加と、奇数行の背景色が変わるようにCSSを設定しました。 (2017/4/15 フリープランのスマホレイアウトだとフッターにJavaScriptが設定できず、行数指定がおかしくなるので// 数字:の書式を追加) 以下、手順です。 手順 はてなにログインしたら、(1)アカウントをクリック > (2)ブ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fam1tanaka.hatenablog.com%2Fentry%2F2017%2F04%2F07%2F233211" title="はてなブログのプログラムコードに行番号を表示する(2017/4/15修正) - tanaka&#39;s Programming Memo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/am1tanaka/20170407/20170407230957.png Hatena Blog https://hatena.blog 2017-04-07 23:32:11 rich https://am1tanaka.hatenablog.com/entry/2017/04/07/233211 1.0 100%