update.最近のWebメディアでは、記事の頭に目次を持ってきているメディアが見かけられます。記事内容をはじめの段階で読み取れるので、非常に重宝します。自分のはてなブログに目次をつけたいと思いますが、今までに書いた記事にいちいち追加するのは面倒。記事中の見出しから目次を自動的に作成する「目次記法」を追加しましたはてなの公式目次がありますが、まさにその方法で設置しなくてはいけません。足りない頭を使って自動で目次を作ってくれるJSを作りました。jQueryの読み込みまずはブログにjQueryを読み込せる必要があります。head要素の追加」に次のタグを埋め込みます。minになり、CDN(コンテンツ・デリバリ・ネットワーク)を利用してサイトに埋め込んでいます。仕組み:キャッシュ屋blog)他のバージョンをお求めの場合はjQueryの公式サイトから埋め込み用のタグできます。JSの設定これでjQueryを読み込む事ができたので、今度はJSの設定を行います。下記のソースを「デザイン」→「カスタマイズ」→「記事」の「記事の上」にコピペします。$('.index-list').prepend(h2title);});</script>これで、自動的に記事中に使われているh4(中見出し)を読み取り、記事中2つ目のタグ直後にタグが吐き出されます。私は中身だしを見出しにしようしているので、h4の設定にしていますが、もし別の見出しをつけている方は、このh4を変更して読み込みを変える事ができます。吐き出されるHTMLは下記になります。</ul></div>liタグの数は記事中のh4の数に相当します。h4にはidが振られページ内リンクのターゲットになります。次のタグを「設定」>「詳細設定」>「head要素に追加」部分に記述すれば、外部ファイルから読み込みが行えます。src="https://noriyasukatano.github.io/hatanajs/hatena_indexmake.js?data=20161229">※ただし、こちらのファイルは個人のGithubアカウント上で公開されているので、連絡なしに削除・変更などが行われます。※また、アップデートなどのサポートなどは不定期になります。CSSの設定CSSは吐き出されたタグに対して記述しました。実装サンプルの見た目は次のスタイルで設定しています。0;}今度は、これを外部ファイルにして、headの読み込みだけで処理できるようにしたいと思います。片野@norizou4WebデザイナーがC#とswiftからプログラミングを学んでいきます。upLoginユーザーは見つかりませんでした。