更新履歴
- 2026.10.01 創作支援ツールに「アスペクト比計算ツール」をアップしました
- 2026.09.28 コラムに「AIを使ってらくらく個人サイト制作！」をアップしました
- 2026.09.24 コラムに「個人サイトをより個性的にする小技3選！」をアップしました
-
2026.09.19
テンプレートに「Polaroid Style」を追加しました
その他に「IKARI KAISERS」をアップしました -
2026.09.18
テンプレートに「Pudding POP」を追加しました
その他に「RED ANGELS」をアップしました -
2026.09.12
テンプレートに「INITIAL MODEL」を追加しました
創作支援ツールに「プレビュー用Webエディタ」をアップしました
コラムに「便利ツールと小技でゲーム制作を快適に！」をアップしました - 2026.09.11 テンプレートに「My note」を追加しました
- 2026.09.10 創作支援ツールに「ノベルゲーム制作ツール」をアップしました
- 2026.09.09 コラムに「シェア率No.1のコードエディタ VS Code」をアップしました
- 2026.09.06 テンプレートに「Signal」を追加しました
- 2026.08.29 テンプレートに「Strawberry Choco」を追加しました
- 2026.08.28 創作支援ツールに「WebP一括画像変換ツール」をアップしました
-
2026.08.27
「ガイド」に「詳しい利用規約」を追加しました
テンプレートを5つ追加しました -
2026.08.20
コラムに「JavaScriptでWebページをもっとおしゃれに！」をアップしました
コラムに「CSSを編集してWebページを華やかに！」をアップしました - 2026.08.19 創作支援ツール「かんたんWebエディタ」をアップしました
- 2026.08.18 創作支援ツール「かんたんHTML統合ツール」をアップしました
- 2026.08.16 コラムに「FC2ホームページだけでつくる個人サイト」をアップしました
- 2026.08.15 創作支援ツール「かんたんコード整形＆クリーナー」をアップしました
- 2026.08.14 サイト公開しました
テンプレート
創作支援ツール
🛠️ ユーティリティ・単機能ツール
画像一括リサイズツール
複数の画像を一括で指定サイズにトリミングできるツール。サイト掲載用のサムネイル作成などに。
コード整形＆クリーナー
インデントが崩れたコードや、不要な空タグ・無駄なスペースが含まれたコードを修正するツールです。
かんたんHTML分割ツール
HTML内の
<style> や <script> を自動抽出し、index.html / style.css / script.js に分割するツールです。
かんたんHTML統合ツール
バラバラになっている HTML / CSS / JS ファイルを読み込み、1本のHTMLファイルにするツールです。
WebP一括画像変換ツール
JPGやPNG画像を軽量な
WebP 画像に一括変換するツールです。
アスペクト比計算ツール
画像の幅とアスペクト比を入力すると、もう片方のピクセル数を自動で計算するツールです。
コラム
超！初心者向けHTML編集講座
テンプレートを取得した後のテキスト編集方法や、基本的なタグの書き方をわかりやすく解説しています。
→
無料レンタルサーバーおすすめ3選
管理人が使っている無料のレンタルサーバー「FC2」「Wix」「GitHub Pages」さんをご紹介しています。
→
無料で高機能なコードエディタ「Phoenix Code」
管理人が愛用しているエディタ「Phoenix Code」をご紹介しています。
→
シェア率No.1のコードエディタ「VS Code」
世界中で使用されている高機能エディタ「VS Code」をご紹介しています。
→
FC2ホームページだけでつくる個人サイト
特別なソフトを使わず「FC2ホームページ」の機能だけで個人サイトをつくる方法を解説しています。
→
CSSを編集してWebページを華やかに！
HTMLの編集だけでは物足りなくなってきた方へ！CSS編集の例を完成イメージつきでご紹介しています。
→
JavaScriptでWebページをもっとおしゃれに！
ホームページに「動き」をプラスする定番UIギミック4選をご紹介🐾コードはコピーしてすぐに使えます！
→
便利ツールと小技でゲーム制作を快適に！
ゲーム制作をスムーズに進めるためのおすすめフリー素材サイト、便利ツール、データ軽量化・画面設定の小技をまとめてご紹介しています。
→
個人サイトをより個性的にする小技3選！
ファビコン、OGP（リンクカード）、404エラーページを設置してWebサイトに個性を持たせる方法をご紹介しています。
→
AIを使ってらくらく個人サイト制作！
生成AIを活用して個人サイトを制作・編集する方法をご紹介しています（ページ内にAI生成画像を使用しています）
→
その他
二次創作的なものです。
ガイド（サイト概要・規約・使い方）
このサイトについて
当サイトは、小説、イラストなどの創作活動をされている方向けのWebサイト用テンプレート配布＆Webツール公開サイトです。
※当サイトのテンプレートやツールを利用したことで発生したいかなるトラブルや損害についても、管理人は一切の責任を負いかねます。自己責任でのご利用をお願いいたします。
※当サイトで配布しているテンプレートやツールはAI（Gemini）を活用して制作・調整を行っています。
※管理人が二次創作者なのでしばしば二次創作要素のある制作物も掲載します。
テンプレートの利用規約
- 創作ジャンル不問： 一次創作、二次創作を問わず、どんなジャンルのサイトでもご利用いただけます。
- R-18コンテンツでの利用可： 成人向け（R-18）コンテンツを取り扱うサイトでのご利用も可能です。
- クレジット表記の削除可： テンプレート内のクレジット表記は削除していただいて構いません（残していただけるととても喜びます！）
- カスタマイズ自由： HTML/CSSの改変、デザインの変更はご自由にどうぞ。AIを利用した編集もOKです。
- 自作発言・二次配布の禁止： テンプレート自体の自作発言、および再配布（改変後の再配布を含む）は固く禁止いたします。
テンプレートの使い方
1 コードを取得
「テンプレート」一覧からお好みのデザインを選び、「HTML取得」ボタンを押すとコードがクリップボードにコピーされます。
2 ファイルを編集する
「メモ帳」などのテキストエディタにコピーしたコードを貼り付けて保存します。画像や文章をご自由に差し替えてご利用ください。
3 サーバーへアップロード
準備したサーバーにファイルをアップロードすればサイトの公開は完了です！
💡 CSSやJavaScriptについて
「HTML取得」からコピーできるコードは初心者の方でも使いやすいようHTML、CSS 、JavaScriptをまとめてあります。それぞれのコードを別ファイルに分離したい方はこちらのツールをご利用ください。
「HTML取得」からコピーできるコードは初心者の方でも使いやすいようHTML、CSS 、JavaScriptをまとめてあります。それぞれのコードを別ファイルに分離したい方はこちらのツールをご利用ください。
💡 ファビコンやOGP設定について
配布しているテンプレートのコードにはファビコンやリンクカードの設定も含まれています。ご自身のサイトで利用される場合は以下の部分を削除するか、ご自身のサイトのものに差し替えてください。
配布しているテンプレートのコードにはファビコンやリンクカードの設定も含まれています。ご自身のサイトで利用される場合は以下の部分を削除するか、ご自身のサイトのものに差し替えてください。
<!-- ファビコンの設定 -->
<link rel="icon" href="images/icon.webp" type="image/x-icon">
<!-- Open Graph Protocol (OGP) の設定 -->
<meta property="og:title" content="Stoat Labo | Web創作支援サイト">
<meta property="og:description" content="同人作家向けWebサイト用テンプレート配布＆Webツール公開サイトです。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://stoatpolice2.github.io/labo/">
<https://stoatpolice2.github.io/labo/images/ogp.webp" property="og:image">
<meta property="og:site_name" content="Stoat Labo">
<meta property="og:locale" content="ja_JP">
インフォ（連絡先・リンク）
連絡先
テンプレートの使用報告（任意）やご連絡はWaveboxまでお願いします。
管理人
okojo
日々の発見や制作記録などをつぶやいています
mixi2
同人ゲーム公開用の個人サイトです
G×H
某野球ゲームの二次創作サイトです
ねずみの足跡
猪狩進くんについて熱く語るサイトです
S.I Fan Site
メールフォームの代わりです
Wavebox
リンク
当サイトへのリンクについて
