オタク、気軽にホームページを生やそう

オタク、 気軽にホームページを作ろう

突然ですが何か物を使えることに ステータスを感じることってありますよね？

一家族に一つのマイホーム

一人一台のマイカー

1オタク2ベッド ※おでかけ用語です

そんなことを思っていたところ、こんなツイートを見かけました 確かに！！！！！！！！！！

1オタク1ホームページ

というわけでみんな気軽に ホームページを作ろう

でもお高いんでしょう？(サーバー代金とか) しかもスキルとかもかなり必要そう... バックエンド サーバー デザイン フロントエンド

大丈夫！こんなお悩みなら解決できます • サーバーにお金をかけたくない • ある程度機能を持たせたい • コードをあまり書きたくない • Markdownで書きたい • HTML、CSS書きたくない デザインがわからない

サーバーにお金をかけたくない • サーバー • バックエンド • フロントエンド • デザイン ※赤文字は対応箇所です

個人ホームページなら無料で作成可能 • HtmlとCSSを書いてデプロイコマンドを打つだけ！ • Firebaseとかならgithubと連携して初期設定を全部やってくれ ます

ある程度機能を持たせたい • サーバー • バックエンド • フロントエンド • デザイン

Baasを使おう • 主にできること • データベースの処理 • 認証 • サーバーレス関数の使用

コードをあまり書きたくない • サーバー • バックエンド • フロントエンド • デザイン

CSSフレームワークを使おう • 完成されたwebページを構成する部品を簡単に呼び出し • こんなのが簡単に作れる • 有名なのはbootstrap • 最近はtailwindCSSが流行っているとか

Markdownで書きたい • サーバー • バックエンド • フロントエンド • デザイン

SGGやheadlessCMSを使おう headlessCMS • SGG(静的サイトジェネレータ) • ウェブサイトを作るためのフレームワーク • APIからMarkdownを呼び出す • 有名なもの • Nextjs • Hugo • Nuxtjs • Astro 呼び出し • headlessCMS • ここにMarkdownファイルを置いておく • 日本ではmicroCMSが有名 サイト 詳しくはJAMSTACK(JavaScript 、API、Markup)で調べてみてくださ い

HTML、CSS書きたくない デザインがわからない • サーバー • バックエンド • フロントエンド • デザイン

SSGのThemeを使おう • SGGにはTheme(あらかじめ洗練されたデザインのテンプレ)が あります • 個人ページ用や自作ブログまで揃っています Hugo Themes Astro Themes

ホームページ、 意外と簡単に生やせます！ 私はfirebase+bootstrap5で作成してます (流行の技術ではないけどすぐにできました) もっと便利にやる方法があるかもなので ほかにも方法を探してみてください！