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

ブログ常用フレームワーク紹介

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

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 月に新浪微博がオンラインになり、ブログは独立ブログ時代に突入しました。

なぜブログを書くのか#

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

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

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

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

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

動的ブログ#

動的ブログは最も一般的なブログ形式です。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 をサポートする任意のサービスに展開でき、複雑なメンテナンスや更新が不要です。

欠点：

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

JekyII はオープンソースの静的サイトジェネレーターで、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 で書かれており、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 は、React に基づくオープンソースの JavaScript フレームワークで、サーバーサイドレンダリング（SSR）と静的サイト生成（SSG）を提供するソリューションです。

主な特徴は：
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 は、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 を使用して実装された、さまざまな展開オプションをサポートする静的ブログで、サーバーなしで、ゼロからウェブサイトを構築できるように設計されています。
- サンプルブログ：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 に基づくブログツールです。