ブログの発展の簡単な歴史とフレームワークの紹介

ブログでよく使われるフレームワークの紹介

中国におけるブログの発展の簡史#

1997 年 12 月：アメリカ人の Jorn Barger が初めて「Weblog」という名前を使用し、ブログの誕生を示しました。

1999 年：Peter Merholz が初めて略語「blog」を使用しました。

2001 年：年初、国内で発行された『デジタル富』誌に、業界標準誌から翻訳されたニコラス・カーによる記事『可塑メディア』が掲載され、ブログが中国で基本的な啓蒙を受けました。同年 9 月 11 日、アメリカの世界貿易センターがテロ攻撃を受け、ブログは重要な情報源および災害体験の重要な出所となりました。これにより、ブログは正式にアメリカの主流社会の視野に入ることとなりました。

2002 年 7 月：「blog」の中国語名称が方興東と王俊秀によって正式に「博客」と翻訳されました。同年 8 月、「博客中国」サイトが開設され、中国におけるブログの全面的な啓蒙と推進が始まりました。

2003 年：3 月、南開大学の百合ブログシステムが開通し、中国科学技術大学のブログシステムがテスト段階に入り、ブログは大学で急速に発展し始めました。6 月 19 日から、中国ブログネットのユーザー「木子美」が発表したネット日記が中国語のブログサイトに大きな訪問者数をもたらしました。同年、「博客」はネット検索エンジンの人気キーワードとなりました。

2004 年：ブログの商業化元年、ブログはインターネット上の一般的な現象となり始めました。

2005 年：新浪ブログがオンラインになりました。同年、中国のブログユーザー数は 100 万人に達しました。

2006 年：中国のブログユーザー数は 500 万人に達しました。

2007 年：「海内」、「飯否」、「叽歪」、「做啥」などを代表とするマイクロブログが登場し、急速に普及しました。

2009 年から現在：9 月に新浪微博がオンラインになり、ブログは独立ブログ時代に突入しました。

なぜブログを書くのか#

ブログの形式で価値のある思考を記録することは、多くの利点をもたらし、明らかな悪影響はありません。

「なぜブログを書くのか」というテーマについては、多くの人が語っていますので、私は詳しくは述べません。

比較的代表的なのは、劉未鵬氏の『なぜあなたは（今から）ブログを書くべきなのか』で、ブログを書くことの利点について紹介されています。自分の思考やまとめを共有し、交流や反省を通じて自分の考えを改善することが含まれています。文中では、長期間潜在意識に留まっている問題がより深い思考と多くの視点をもたらすことができるため、ブログを書くことは非常に良い思考と学習の方法であると述べられています。

ブログフレームワークの選択#

ブログ執筆を始める前に、重要な決定は適切なブログフレームワークを選んで独立して展開することです。ブログフレームワークは主に二つに分けられます：動的ブログと静的ブログ。それに加えて、独立して展開したくない場合は、一体型のブログプラットフォームもいくつか選択できます。

動的ブログ#

動的ブログは最も一般的なブログ形式です。WordPress、Typecho、Ghost などの動的ブログシステムは、サーバー上で動的にウェブページを生成します。これは、ユーザーがブログにアクセスするたびに、コンテンツが動的に生成され、ブラウザに送信されることを意味します。

利点：

使いやすい：動的ブログシステムは通常、ユーザーフレンドリーなインターフェースを提供し、プログラミングの知識がなくても簡単にコンテンツを公開・編集できます。
機能が豊富：動的ブログシステムは豊富なプラグインや拡張機能を提供し、ソーシャルメディア共有、コメントシステム、分析ツールなどの新機能を簡単に追加できます。
柔軟性：動的ブログシステムは簡単にカスタマイズや変更ができ、さまざまなニーズに応じることができます。

欠点：

動作速度：各ページがリアルタイムで生成されるため、読み込み速度が遅くなる可能性があります。
データベースが必要：動的ブログシステムはコンテンツを保存・取得するためにデータベースが必要で、これが設定や管理の複雑さを増す可能性があります。
セキュリティの問題：動的ブログシステムはその複雑さから、セキュリティ攻撃を受けやすい可能性があります。

WordPress はオープンソースのウェブサイトコンテンツ管理システム（CMS）で、PHP で開発されています。最初はブログを作成するためのツールでしたが、現在ではさまざまなウェブサイトを作成できる強力なプラットフォームに成長しました。

主な特徴：
1. 使いやすさ：WordPress はユーザーフレンドリーなインターフェースを提供し、コーディングスキルなしでコンテンツを簡単に公開・管理できます。
2. 高度なカスタマイズ：WordPress は高度なカスタマイズ機能を持ち、数千の無料および有料テーマから選択でき、自分でテーマを作成または変更することもできます。
3. プラグインエコシステム：WordPress には 50,000 以上の利用可能なプラグインがあり、SEO、ソーシャルメディア共有、電子商取引などの機能を拡張できます。
4. コミュニティサポート：WordPress には大規模で活発なコミュニティがあり、ユーザーはプラグイン、テーマ、WordPress の使用に関するあらゆるサポートを受けることができます。
5. SEO フレンドリー：WordPress は多くの内蔵 SEO ツールと豊富な SEO プラグインを提供し、ウェブサイトの検索エンジンでのランキングを向上させます。
サンプルブログ：hyuanverse

Typecho はオープンソースの軽量ブログシステムで、PHP で書かれ、Mysql データベースに依存しています。ユーザーが簡単に自分の意見を発表できるようにすることを目指しており、機能はシンプルですが拡張性が高いです。

主な特徴：
1. 簡単に使える：Typecho は「シンプル」を目指しており、インストールが簡単で迅速、インターフェースが明確で直感的に使用できます。
2. 極限のパフォーマンス：Typecho は軽量で迅速であり、PHP 5.1 + 環境でほぼすべての速度を達成できます。
3. 高度な拡張性：Typecho は非常に高い拡張性を持ち、プラグインを作成したりテーマをカスタマイズしたりして新機能を追加できます。
4. Markdown サポート：Typecho は Markdown 構文をサポートしており、より簡単な方法で記事を書くことができます。
5. マルチユーザーシステム：Typecho は複数のユーザーを作成でき、チーム協力のニーズに応えます。
6. バックアップが簡単：XML ファイルとしてエクスポートして記事やコメントをバックアップでき、ウェブサイトの移行が便利です。
サンプルブログ：友人 C

Ghost はオープンソースのブログプラットフォームで、Node.js で書かれ、シンプルなデザインを追求し、クリーンな執筆と読書体験を提供し、テーマデザインやプラグイン拡張などのカスタマイズも可能です。

主な特徴：
1. Markdown サポート：Ghost は Markdown 構文をサポートし、よりシンプルな方法で執筆できます。
2. シンプルなデザイン：Ghost のインターフェースはシンプルで、コンテンツに重点を置き、著者と読者に干渉のない読書と執筆体験を提供します。
3. 高パフォーマンス：Ghost は Node.js で書かれているため、優れたパフォーマンスを発揮します。
4. テーマのカスタマイズ：Ghost はカスタムテーマをサポートし、ユーザーは自分のニーズに応じて新しいテーマを作成したり、他の人が開発したテーマを使用したりできます。
5. 内蔵 SEO：Ghost は内部にいくつかの SEO ツールを統合しており、SEO パフォーマンスを最適化します。
6. 統合された出版ツール：Ghost は、Ghost のブログから直接さまざまなプラットフォームに公開することを許可します（Email、AMP、Facebook Instant Articles など）。
サンプルブログ：Dailyio

静的ブログ#

静的ブログ（Jekyll、Hexo、Hugo など）は、静的 HTML ファイルを直接生成し、これらのファイルは任意の Web サーバーに直接展開できます。

利点：

速度が速い：ページが事前に生成されるため、ページの読み込み速度が速く、ユーザー体験が向上します。
より安全：静的ブログはデータベースに依存せず、サーバー側で動的に処理する必要がないため、セキュリティが高まります。
低メンテナンスコスト：静的ブログは静的ファイルを生成し、HTTP をサポートする任意のサービスに展開でき、複雑なメンテナンスや更新が不要です。

欠点：

機能制限：静的ブログの機能は比較的シンプルで、ユーザーコメントなどの動的機能が必要な場合は、追加のツールやサービスが必要です。
更新が複雑：コンテンツを更新するたびに、ウェブサイトを再生成して展開する必要があり、頻繁に更新するウェブサイトには不便かもしれません。
一定の技術知識が必要：静的ブログを作成・管理するには、通常、プログラミングやコマンドラインの知識が必要です。

Jekyll はオープンソースの静的サイトジェネレーターで、Ruby 言語で開発されており、GitHub Pages とシームレスに統合されており、ブログや個人ページの構築に非常に適しています。

主な特徴：
1. シンプル：Jekyll は Markdown または Textile とテンプレートエンジン Liquid を使用してコンテンツを記述し、完全な静的サイトを生成できます。これにより、任意のサーバーに簡単にホスティングできます。
2. 静的：Jekyll は Markdown（または他の形式）のテキストファイルを静的 HTML ファイルに変換します。これにより、GitHub Pages を使用してプロジェクトページ、ブログ、またはウェブサイトを無料でホスティングできます。
3. ブログ感知：Jekyll はブログのために作られているため、記事を簡単に作成・管理できます。たとえば、記事を自動的に日付順に並べることができます。
4. 無料ホスティング：GitHub Pages を使用する場合、Jekyll ブログを無料でホスティングできます。
サンプルブログ：欧雷流

Hexo は、迅速でシンプルかつ強力なブログフレームワークで、Node.js で書かれています。Markdown（または他のレンダリングエンジン）を使用して記事を解析し、生成段階で静的ウェブページを生成します。

主な特徴：
1. 高速生成：Hexo はファイルを迅速に処理し、静的ウェブページを生成できるため、ウェブサイト全体の生成速度が非常に速くなります。
2. Markdown サポート：Hexo は GitHub Flavored Markdown のすべての機能をサポートし、記事をより便利に執筆できます。
3. ワンクリック展開：Hexo は強力なワンクリック展開機能を持ち、GitHub Pages、Heroku などをサポートします。
4. 豊富なプラグイン：Hexo のエコシステムには多くのプラグインがあり、RSS、検索、コメントなどの機能を提供します。
5. 多様なテーマ：Hexo には多くの選択可能なテーマがあり、自分の好みやスタイルに応じて選択できます。
サンプルブログ：Macin’s Blog

Hugo は Go 言語で書かれた静的サイトジェネレーターで、速度と柔軟性を重視して設計されており、ウェブサイトの作成を迅速かつ簡単にします。

主な特徴：
1. 高速：Hugo は Go 言語で書かれているため、ウェブページの生成速度が非常に速いです。
2. 簡単にインストール：Hugo は単一のバイナリファイルとして提供され、さまざまなプラットフォームで動作し、インストールが簡単で、第三者の依存関係は不要です。
3. 静的サイト：Hugo は Markdown（または他の形式）の文書を静的 HTML ファイルに変換し、任意のサーバーに簡単に展開できます。
4. リアルタイムプレビュー：Hugo には、ウェブサイトの変更を迅速にプレビューできるサーバーが内蔵されており、コンテンツを執筆しているときに結果をすぐに確認できます。
5. 豊富なテーマ：Hugo の豊富なテーマライブラリから選択し、ウェブサイトの外観や雰囲気を迅速に変更できます。
6. 強力で柔軟：Hugo はカスタム URL、ブログコンテンツ、パス、サイト全体のデータなどをサポートし、ユーザーに非常に優しいです。
サンプルブログ：pseudoyu

Zola は Rust で書かれた静的サイトジェネレーターで、シンプルさと速度を追求し、高速生成に焦点を当てたツールです。

主な特徴：
1. 高速：Zola は Rust で書かれており、パフォーマンスと並行性を重視した言語であるため、Zola はウェブページの生成速度が非常に速いです。
2. 単一バイナリ：Zola は単一のバイナリファイルとしてリリースされ、複雑な環境設定や依存関係は不要です。
3. Markdown サポート：Zola は Markdown を利用してコンテンツを迅速に作成し、カスタムリンクやインライン HTML をサポートします。
4. テンプレートエンジン：Zola は条件、ループ、インクルード、継承などをサポートする完全なテンプレートエンジンを提供します。
5. Sass & SCSS サポート：Zola は Sass/SCSS のサポートを内蔵しています。
6. 内蔵 Tera：Zola は Rust で書かれたテンプレートエンジンである Tera テンプレートシステムを使用しています。
7. 自動ホットリロード / リアルタイムプレビュー：Zola にはリアルタイムでウェブサイトの構築効果を確認できるサーバーシステムが内蔵されています。
サンプルブログ：Pin 起来

Astro は、迅速で最適化されたウェブサイトやアプリを構築するためのフロントエンドフレームワークです。Astro は、最新の JavaScript または TypeScript を記述でき、顧客側に最小限の静的 JS スクリプトを送信することで、より優れたパフォーマンスを確保します。

主な特徴：
1. ゼロランタイム JavaScript 圧縮：Astro フレームワークの主な目標は、ウェブサイトを構築し、クライアントサイドの JavaScript を可能な限り減らすことです。クライアント JS を減らすことで、サイトのパフォーマンスが向上します。
2. フレームワーク互換性：Astro は、同じプロジェクト内で必要に応じて React、Vue、Svelte、Preact、または Vanilla.js のコンポーネントを使用することをサポートします。これにより、単一のプロジェクト内でお気に入りの UI コンポーネントを混合・マッチできます。
3. Markdown サポート：Astro は優れた Markdown サポートを提供し、Markdown 文書を直接ページに変換できます。
4. 部分レンダリング：Astro は部分レンダリング機能を持ち、必要に応じて JS をロードでき、Astro は構築パフォーマンスを提供しながらも豊富なインタラクティブ体験を提供します。
5. SEO フレンドリー：Astro は静的 HTML ファイルを生成するため、SEO に優れています。
6. バンドル不要：Astro は開発中にバンドルを使用せず、より迅速な開発体験を提供します。
サンプルブログ：四零二曜日

Next.js は、サーバーサイドレンダリング（SSR）と静的サイト生成（SSG）ソリューションを提供する React ベースのオープンソース JavaScript フレームワークです。

主な特徴：
1. 混合レンダリング：Next.js は、同じアプリケーション内でプリレンダリング（SSG）とサーバーサイドレンダリング（SSR）ページを選択でき、各ページのニーズに応じて柔軟に選択できます。
2. ファイルシステムルーティング：Next.js の唯一の制約は、ファイルシステムが主要なルーティングとして機能する必要があることです。pages ディレクトリ内にファイルを作成すると、自動的に対応するルートに変換されます。
3. 内蔵 CSS および SCSS サポート：Next.js は CSS および SCSS の内蔵サポートを提供し、他のスタイルライブラリや CSS-in-JS ソリューションをインポートできます。
4. ホットリロード：Next.js は開発環境でホットモジュール置換機能を提供し、コードを変更すると自動的にブラウザで更新・レンダリングされます。
5. API ルート：Next.js は API ルートをサポートし、API エンドポイントを構築でき、これらの API に対応するルートはフレームワークによって自動的に処理・応答されます。
6. 完全に React 互換：Next.js は React エコシステムと完全に互換性があり、プロジェクト内でほとんどの React 関連のライブラリツールを使用できます。
サンプルブログ：佐玩

Gatsby は、特に複雑なウェブサイトや Web アプリケーションに適した、React ベースの無料およびオープンソースのフレームワークで、さまざまなデータソースからデータを簡単に取得できます。

主な特徴：
1. パフォーマンス最適化：Gatsby はプロジェクトの静的ファイルを生成し、高パフォーマンスのサイトを実現します。また、事前読み込み、コード分割などの多くのパフォーマンス最適化機能も内蔵されています。
2. データ統合：Gatsby は GraphQL を使用してデータを取得し、静的 HTML を事前生成します。Markdown だけでなく、データは CMS、API、データベースなどからも取得できます。
3. 強力なプラグインエコシステム：Gatsby には豊富なプラグインエコシステムがあり、機能を追加するのが非常に簡単です。
4. ホットリロード：Gatsby は開発サーバーでホットリロードを使用し、JavaScript、CSS、またはデータを変更すると、ページが自動的に更新されます。
5. React ベース：Gatsby は React に基づいて構築されているため、開発中に React のすべての機能とエコシステムを使用できます。

11ty は、シンプルで使いやすい JavaScript ベースの静的サイトジェネレーターです。Ruby 環境をインストールすることなく、Node.js 環境で使用できる JavaScript の代替版として設計されています。

主な特徴：
1. データの柔軟性：11ty は非常に柔軟で、JavaScript データファイル、グローバルデータファイル、データ指向のコンテンツ作成（ブログ記事など）を許可します。
2. 多様なテンプレートサポート：11ty は Nunjucks、Liquid、Pug、Markdown、HTML、JavaScript などのさまざまなテンプレート言語をサポートします。
3. 非侵入性：11ty はプロジェクトに対して構築手順を課さず、静的ファイルを自由に整理・処理できます。
4. 優れたパフォーマンス：11ty はウェブサイトを生成する速度が非常に速く、静的サイトジェネレーターを選ぶ際の良い選択肢とされています。
5. プラグインシステム：11ty はプラグインを使用して機能を拡張することをサポートし、画像最適化や RSS サポートを追加できます。
6. 優れたドキュメント：11ty の公式ドキュメントは詳細で理解しやすく、使いやすさを向上させています。

VuePress は、Vue.js チームによって開発されたシンプルな静的サイトジェネレーターで、特にドキュメントサイトに適しています。

主な特徴：
1. Vue ベース：VuePress が生成する各ページは、Vue、Vue Router、webpack によって動的にレンダリングされる単一ページアプリケーション（SPA）です。これにより、Vue 開発環境が提供されます。
2. Markdown サポート：VuePress は GFM（GitHub Flavored Markdown）をサポートし、テーブル、スクロール目次などのデフォルトプラグインを拡張しています。これにより、Markdown 内で直接 Vue コンポーネントを使用できます。
3. 豊富なテーマ：VuePress はデフォルトテーマを提供し、技術文書を作成することを目的としていますが、カスタムテーマの使用や作成もサポートしています。
4. 内蔵検索：VuePress の内蔵検索エンジンは、タイトル、ページ内容、デフォルトのサブタイトルなどを使用して検索インデックスを作成し、追加の設定は不要です。
5. パフォーマンス最適化：VuePress は各ページを事前レンダリングして静的 HTML を生成し、ページを読み込むと完全な SPA に変わります。これにより、初回読み込み時間が最適化されます。

Pelican は Python で書かれた静的サイトジェネレーターで、Markdown、reStructuredText、または AsciiDoc 文書を HTML、PDF などに変換できます。

主な特徴：
1. 執筆が便利：Pelican は Markdown、reStructuredText、AsciiDoc 形式でコンテンツを執筆でき、執筆が簡単で自由になります。
2. 豊富なテーマ：Pelican コミュニティはさまざまなテーマを提供しており、個人のニーズやスタイルに応じて選択したり、自分のテーマをカスタマイズしたりできます。
3. 強力なプラグイン：Pelican のプラグインエコシステムは非常に豊富で、SEO 最適化からソーシャルメディア統合まで、必要な機能をほぼすべて見つけることができます。
4. 簡単な展開：Pelican は FTP、SFTP、Rsync、GitHub Pages、Amazon S3 などを通じてコンテンツを公開できます。
5. 動的コンテンツ生成：Pelican は静的サイトジェネレーターですが、コメントや記事共有のように動的に見えるコンテンツを生成することもサポートしています。

Notion ベース#

Nobelium は、NextJS + Notion API を使用して実装された、Vercel に展開された静的ブログシステムです。Notion とすべてのクリエイターのために設計されています。
- サンプルブログ：Wonder Space
Osmium は、無料でオープンソースの無バックエンド静的ブログ構築ツールで、Notion に基づいてデータストレージを実現し、Next.js で開発されています。Notion ブログユーザーから高評価を得ている Nobelium から派生し、多くの開発者の「Notion ブログ」に対する個人的な理解を取り入れています。
NotionNext は、NextJS + Notion API を使用して実装された、さまざまな展開オプションをサポートする静的ブログで、サーバー不要、ゼロハードルでウェブサイトを構築でき、Notion とすべてのクリエイターのために設計されています。
- サンプルブログ：Tangly Blog
Notablog は、無料でオープンソースの Notion に基づく静的ブログ構築ツールです。
- サンプルブログ：Alexander’s Garden
Next.js Notion Starter Kit は、Next.js と Notion に基づく無料でオープンソースの構築ツールです。
- サンプルブログ：transitvebullsh
Super は、Notion に基づく有料のウェブサイト構築ツールです。
Feather は、Notion に基づく有料のブログツールです。

その他#

xLog は、一体型のブロックチェーンブログツールで、良好なコミュニティエコシステムを持っています。
- サンプルブログ：Hi DIYgog
Gridea は、執筆、ホスティング、カスタムドメインを提供するフル機能のブログツールです。
- サンプルブログ：海島心 hey
Obsidian Publish は、Obsidian が提供する公開ツールで、ノートを直接ブログとして公開できます。
Montaigne は、Apple Notes に基づくブログツールです。