11tyで
個人サイトを作ってみようの会
2025/03/15
はじめに
ここでは自分の備忘録も兼ねて、静的サイトジェネレーター・11tyの使い方を解説していきます。主に下記のような人をターゲットとして、同人・創作系の個人サイト制作に使いそうな機能に絞って解説しようと思います。
- html, css, javascriptが何者なのかなんとなく知っている人
- 手打ちでサイトを作っているけれど更新が楽になる方法ないかなと思っている人
サイトの改装を行った2023年当時の記憶をベースに2024年に作成を始めたので、使用している画像や情報が古い部分があります。最新の情報を取り入れようとすると一生完成しない可能性があったため、古い情報が含まれていますがそのまま公開することにしました。ご了承ください。
また、なるべく正確な情報となるよう心がけていますが、理解が浅くて不正確だったり不十分な説明となっている箇所があるかもしれません。もしも有識者の方で明らかに間違っている点を見つけた場合は、優しく教えてくださると有難いです。
11tyのバージョンについて
前述の通り結構前から作成を始めたため、途中で11tyのメジャーバージョンが上がっています。
実践編その④まではv2、実践編その⑤のみv3となっています。基本的な操作は変わらないため特に問題ないかと思いますが、念のためご承知おきください。