創作・同人サイトの作り方！サーバーのレンタルからサイト公開までの全手順

今はSNSでも気軽に作品を公開できる時代ですが、個人サイトには個人サイトの魅力があります。これから初めてサイトを作る方・作りたいと思っている方も少なくないでしょう。

そこで、初めての方でも迷わずサイトを作れるように、HTMLテンプレートを使ってサイトを制作する場合の、サーバーを借りてから公開するまでの手順をまとめました。

なお、サイトを作る方法はこの記事で紹介するもの以外にも、主に2つあります。もしこの記事を読んで「自分にはできなさそうだ…」「思ってたより面倒くさそう」と思ったら、別の方法も検討してみてください。

【令和版】創作・同人サイトの作成方法を、難易度別で3つ紹介

2000年ごろは、個人でサイトを持つには知識が必要で、ハードルの高いことでした。しかし、今はいろいろなサービスやプログラムの登場で、htmlの書けない素人でも綺麗なサイトを作ることもできます。これから創作・同人サイトを持ちたい人に向けて、サイトの作り方を3つとそれぞれの特徴を紹介します。

サーバーをレンタルしよう

まずはサーバーがなければ何も始まりません。無料のサービスもありますので、とりあえずサーバーを借りてみましょう。

そもそもサーバーって？

サーバーとは、インターネット上の土地のようなものです。例えば、新しくお店を開いたり、家を建てたりするには土地が必要ですよね。それと同じで、ネット上にサイトを公開するにはまずサーバーを確保する必要があります。

土地に「広さ」「利便性」「地域色」「値段」がいろいろあるように、サーバーにも「容量」「使えるプログラム」「利用料金（無料のものもあります）」など、いろいろな特色があります。

創作・同人サイトで使えそうなサーバーをまとめた記事がありますので、参考にしてください。

創作・同人サイトのためのレンタルサーバーの選び方とおすすめサーバー比較

趣味で創作・同人サイトを持ちたい人向けに、サーバーの特徴をサービスごとに比較しながら紹介します。無料サーバー（スターサーバーフリー、XREA、FC2ホームページ）、有料サーバー（ロリポップ！、リトルサーバー、Just-Size.Networks、さくらのレンタルサーバ、ColorfulBox）。

試しにファイルをアップロードしてみよう

サーバーを借りたら、まず試しに自分でHTMLファイルを作り、アップロードしてみましょう。

パソコンに付属のメモ帳アプリを開き、適当な文字列を打ち込んで、「index.html」という名前で保存して下さい。

訪問者がサイトにアクセスしたとき、最初に参照されるのがindex.htmlです。「http://xxx.xxx.jp/」というURLへジャンプしたときに表示されるページは、「http://xxx.xxx.jp/index.html」と同じで、アドレスの「index.html」の部分が省略して表示されています。これはインターネット上で共通のルールなので、必ず「index.html」と名付けたファイルをトップページとして作りましょう。サイト内に「index.html」がない場合、セキュリティ上の問題が出てくる場合もあります。

はじめてのサイト作り — iPadアプリ「Textastic」で打ち込んでいます

保存したら、それをサーバーにアップロードします。

たいていのレンタルサーバーサービスでは、管理画面にログインすると「FTPアップロード」とか「ファイルマネージャ」みたいな名前で、サーバー上にファイルをアップロードするツールが用意されています。ここは、サービスによって違うので、分からなければ「サーバー名+ファイルアップロード」などで検索し、調べてみてください。

アップロードしたら、自分のサイトに割り当てられたアドレスに、ブラウザからアクセスしてみてください。index.htmlに打ち込んだ文字列が表示されていたらOKです。

こんな感じで、HTMLファイルを編集してサイトを作っていくわけですが、ただ文字列を打ち込んでいくだけではサイトは形になりません。HTMLというマークアップ言語のルールに沿って制作しなければ、ただ黒い文字が羅列しているだけの味気ないサイトになってしまうのです。

かといって、素人がいきなりHTMLの書き方を勉強しようとすると、きれいなサイトを作れるようにまでに多大な時間がかかってしまいます。そこで登場するのがHTMLテンプレートです。

HTMLファイル一式を用意しよう

HTMLテンプレートとは、あらかじめ完成形として整えられたHTMLファイル一式のことです。すでにデザインが出来上がっているので、HTML言語の使い方をよく知らない素人でも、サイト名や文章を自分で差し替えるだけで、さほど時間をかけずにオリジナルのサイトを作ることができます。

テンプレートは当サイトでも配布していますし、他にもテンプレート配布サイトがいくつかあります。どれを使うべきというのはないので、デザインが好みのものを探してみてください！

【2022年版】個人の創作・同人サイト制作に役立つ無料htmlテンプレートサイト８選（＋２）

2022年の個人の創作・同人サイトにも使いやすそうなhtmlテンプレート配布サイトをまとめました。選定基準は以下の通り。（１）利用無料（２）利用規約・デザインが、創作・同人サイトに利用しやすい（３）デザイン・仕様が古すぎない（４）レスポンシブ対応（５）今後も継続更新が見込まれる

少しアドバイスするなら、慣れないうちは複雑なデザインのものは避けるのが無難です。例えば当サイトでいうと「深海」は、パララックスという機能をつけるためにいろいろと作り込んでいるため、初心者のうちは触らないほうがいいかも。アニメーションが少なく、シンプル・ベーシックなデザインのテンプレートから始めましょう。

お気に入りのテンプレートが見つかったら、必要な箇所を編集し、自分のサイトとして仕上げていきます。テンプレート編集の方法とコツは、以下にまとめています。