- 最近個人サイトをポコポコ生やしてるので書く。
- 更新間に合ってないが作った主な個人サイトは https://manasas.dev に適宜まとめている)。
前提
- ギャラリー・ブログ・jsのみで作れる簡易なツールのサイトを作る想定
- アプリケーション的なサイトも近い技術で作れるとは思う
使うもの
Github
- 基本はmainブランチ1本構成
- 大きめのもの作る時はブランチ切ることもある
ホスティングサービス
- 基本Vercelを使ってるが、FirebaseやCloudflareも利用している
Firebase
- ポートフォリオで利用
- 制作時、Firestoreに激ハマりしていた名残
- Github Actionsを組んで利用
- ホスティングのみに利用するにはtoo muchな感じがあるので新規ではあまり採用していない
Vercel
- manas diaryなど、ポートフォリオにURLを掲載してるほとんどのサイトで利用
- Githubリポジトリを接続するだけで良いので楽で良い
Cloudflare
- mana's toolsで利用
- Calckeyの鯖立てした時に『Coudflareはhostingもできる』を知ったのがキッカケ
- これもGithubリポジトリつなぐだけ。普通にホスティングする分にはVercelと大きな違いはないかも。
ホスティングサービス、どれを選ぶ?
- Vercel, Cloudflareのようなリポジトリ接続するだけが手軽でよさそう
- オススメの記事:Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる
- 単純にホスティングするだけなら基本機能はほぼ同じ、速度もVercel, Cloudflareで大きく変わりはないので、好みで選んでよさそう
- Vercelはアドセンス等も禁止なのでアドセンスはるならCloudflareが良さそう
やり方
- 何らかのフロントエンドフレームワークを使ってサイトを作る
- Next.js, Astro, Svleteらへんが今の推し
- Githubに上げる
- ホスティングサービスでポチポチでリポジトリつないでホスティング
- サブドメインを作成。ホスティングサービスでポチポチで独自ドメインに変更。ドメイン変更が反映されるまでちょっとまつ。
- 完成🎉