練習用にそのまま使って構いません。ただし実際の仕事で使うときは、それぞれの提供元の条件を自分で確認してください。確認できないものを納品しない、というのもこの教材で身につけてほしい検品のひとつです。
写真
すべて Pexels ライセンス（商用利用可・帰属表示は任意・改変可）の写真です。表示の義務はありませんが、撮った人への敬意として撮影者名と出典を残しています。
入門編 湘南のカフェサイト
| ファイル | 用途 | 撮影 | 出典 |
|---|
hero-pc.webp | ヒーロー（PC） | Elena Golovchenko | Pexels |
hero-sp.webp | ヒーロー（SP） | Pantel Mar | Pexels |
about.webp | このお店について | Navid Sohrabi | Pexels |
menu-01.webp | メニュー：本日のドリップ | Israyosoy S. | Pexels |
menu-02.webp | メニュー：潮風ラテ | Amirho3in tavkoli | Pexels |
menu-03.webp | メニュー：焼きたてスコーン | James Collington | Pexels |
gallery-01.webp | 店内1 | Namzy | Pexels |
gallery-02.webp | 店内2 | Gabriel Schincariol Cavalcante | Pexels |
gallery-03.webp | 店内3 | cottonbro studio | Pexels |
初級編 工務店の3ページサイト
| ファイル | 用途 | 撮影 | 出典 |
|---|
hero-pc.webp | ヒーロー（PC） | Arti Kh | Pexels |
hero-sp.webp | ヒーロー（SP） | Ron Lach | Pexels |
workshop.webp | 工房のこと | Pew Nguyen | Pexels |
work-01.webp | 施工事例1：松林に向かって開いた平屋 | Curtis Adams | Pexels |
work-02.webp | 施工事例2：元・青果店をパン屋に | Ani Hadushaj | Pexels |
work-03.webp | 施工事例3：二世帯にするための増築 | Monica Silvestre | Pexels |
work-04.webp | 施工事例4：自転車が6台入る土間のある家 | Reinaldo Simoes | Pexels |
work-05.webp | 施工事例5：細長い庭に、すべての部屋が向いている家 | Athena Sandrini | Pexels |
work-06.webp | 施工事例6：断熱だけをやり直した家 | Mike van Schoonderwalt | Pexels |
中級編1 湘南のAI勉強会の告知ページ
| ファイル | 用途 | 撮影 | 出典 |
|---|
hero-fv-pc.webp | FV背景（PC） | Abdelrahman Ahmed | Pexels |
hero-fv-sp.webp | FV背景（SP） | Pavel Danilyuk | Pexels |
gallery-01.webp | 前回の様子 1 | Alena Darmel | Pexels |
gallery-02.webp | 前回の様子 2 | Han Zibar | Pexels |
gallery-03.webp | 前回の様子 3 | cottonbro studio | Pexels |
ogp.webp | OGP用（hero-fv-pc を1200×630に切り出し） | Abdelrahman Ahmed | Pexels |
中級編2 藤沢のパーソナルジムのサイト
| ファイル | 用途 | 撮影 | 出典 |
|---|
hero-fv-pc.webp | ヒーロー（1024px以上） | Tima Miroshnichenko | Pexels |
hero-fv-sp.webp | ヒーロー（SP・既定） | Nica's Photo | Pexels |
feature-01.webp | 特徴01（他の人の目がありません） | Emanuel Pedro | Pexels |
feature-02.webp | 特徴02（手ぶらで来られます） | Thomas Cotton | Pexels |
feature-03.webp | 特徴03（予約は前日22時まで動かせます） | Jakub Zerdzicki | Pexels |
facility-01.webp | 施設1 | TUBARONES PHOTOGRAPHY | Pexels |
facility-02.webp | 施設2（シャワー・更衣室） | ubeyde oral | Pexels |
上級編 藤沢の製作所の企業サイト
| ファイル | 用途 | 撮影 | 出典 |
|---|
hero-top-pc.webp | トップ ヒーロー（PC） | Hoang NC | Pexels |
hero-top-sp.webp | トップ ヒーロー（SP） | Felipe Silva | Pexels |
can-sheet.webp | できること01（精密板金） | Ana Victoria Valverde | Pexels |
can-automation.webp | できること02（省人化装置） | Keegan Checks | Pexels |
can-repair.webp | できること03（改造・修理） | cottonbro studio | Pexels |
works-01.webp | 製作実績1（食品機械用の外装カバー） | Daniel Dan | Pexels |
works-02.webp | 製作実績2（小袋を数えて箱に入れる装置） | Vladimir Srajber | Pexels |
works-03.webp | 製作実績3（医療機器の架台） | Mario Spencer | Pexels |
works-04.webp | 製作実績4（搬送装置の駆動部） | Peter Dyllong | Pexels |
works-05.webp | 製作実績5（実験装置の防音ボックス） | Critical Smith | Pexels |
works-06.webp | 製作実績6（部品の向きをそろえて並べる装置） | Ludovic Delot | Pexels |
company-facility.webp | 会社概要（設備） | Mark Stebnicki | Pexels |
recruit-team.webp | 採用情報 | Tiger Lily | Pexels |
ogp-cover.jpg | OGP共通（hero-top-pc.webp の元画像から1200×630に切り出し） | Hoang NC | Pexels |
フォント
| フォント | 用途 | ライセンス |
|---|
| Noto Sans JP | 本文・見出し | SIL Open Font License 1.1 |
| JetBrains Mono | コード | SIL Open Font License 1.1 |
文章・架空の設定
教材に出てくる店名・会社名・人名・住所・料金・日付はすべて架空です。実在の事業者とは関係ありません。レッスン本文とサンプルコードは 琥珀AIカンパニー（合同会社小林） の書き下ろしで、他社の教材から文章・コード・固有名詞を持ち込んではいません。
完成コードの使い方
- 練習・改造・ポートフォリオへの掲載：自由にどうぞ
- そのまま自分の仕事の納品物にする：写真の差し替えを勧めます（同じ写真が他所でも使われています）
- 教材そのものの再配布・販売：できません