手軽に目次機能を導入できる「TOC」がダウンロードできなかったので。

ウェブDeBLOG｜トライデントコンピュータ専門学校 Webデザイン学科

トライデントコンピュータ専門学校 Webデザイン学科の最新情報を紹介しています。学生へのインタビュー記事から学生作品の解説、Webデザイン・マークアップ・プログラミングの授業風景、プロジェクト発表会、名古屋のWeb制作会社情報、イベント参加レポートやWeb制作の技術解説などWeb制作に関連する記事を掲載しています。トライデントコンピュータ専門学校は、いま話題の名古屋駅からユニモール地下街を歩いて3分です。

<< 学生に聞いてみた2017 【久保くん（三重県出身）】

「REAL」に掲載してもらいました。 >>

2017.11.11 [土] 手軽に目次機能を導入できる「TOC」がダウンロードできなかったので。

最終更新:2017.11.12Webサイト制作Tips

ブログなど文章が多くなると、見出しに移動する目次が設置したいと思うようになりました。
調べてみると、jQueryのプラグインで「TOC」が手軽に目次機能を設置できるようで、便利そうです。
参考：サイトに手軽に目次機能を付加できるjQueryプラグイン「TOC」

TOC | jQuery Table of Contents Plugin

早速、公式サイトに行って、参考記事と同じようにダウンロードしようとすると「404: Not Found」でファイルがダウンロードできません。
GitHubへのリンクは有効でしたので、そこからcloneして使えってことでしょうか。

まだ、beta版なのでバグもあるかもしれませんが、とりあえず使ってみたいので、cloneしてbuildしたいと思います。

GitHubからclone

今回は、Windowsで作業してみます。
ターミナルも最近、アイコンの色が不評だったオレンジ色から青色に戻った「Visual Studio Code」を使います。

デスクトップに展開したいと思いますので、デスクトップに移動します。

$ cd ~/Desktop

gitのインストールも確認しておきます。

$ git --version
//インストールされていれば、バージョンが表示されます。
git version 2.13.2.windows.1

では、GiTHubからcloneします。

$ git clone https://github.com/jgallen23/toc.git
//特に問題なくcloneされると思います。
Cloning into 'toc'...
remote: Counting objects: 620, done.
remote: Total 620 (delta 0), reused 0 (delta 0), pack-reused 620
Receiving objects: 100% (620/620), 430.87 KiB | 132.00 KiB/s, done.
Resolving deltas: 100% (253/253), done.

「toc」フォルダがcloneされます。