GitHub Flavored Markdown機能のテスト
GitHub Flavored Markdown機能のテスト
このブログはGitHub Flavored Markdown (GFM) をサポートしています。基本的なMarkdownに加えて、GitHubで使える便利な機能が利用できます。
テーブル
基本的なテーブル
| 項目 | 説明 | 価格 |
|---|---|---|
| ホスティング | Cloudflare Workers | 無料〜 |
| フレームワーク | Hono | 無料 |
| ビルドツール | Node.js | 無料 |
配置指定
| 左寄せ | 中央寄せ | 右寄せ |
|---|---|---|
| Left | Center | Right |
| データ1 | データ2 | データ3 |
| あいうえお | かきくけこ | 12345 |
複雑なテーブル
| 機能 | サポート状況 | 備考 |
|---|---|---|
| Markdown | ✅ | 完全対応 |
| 数式(KaTeX) | ✅ | インライン・ブロック両対応 |
| テーブル | ✅ | GFM対応 |
| 画像 | ✅ | 通常のMarkdown記法 |
| 認証 | ⚠️ | 要実装 |
タスクリスト
開発タスク
- プロジェクトのセットアップ
- Markdownパーサーの実装
- HTMLテンプレートの作成
- ルーティングの実装
- 認証機能の実装
- コメント機能の追加
- RSS フィードの生成
ブログ記事作成
- Hello World 記事
- 数式テスト記事
- GFM機能テスト記事
- 実際のブログコンテンツ
- チュートリアル記事
打ち消し線
この機能は廃止されました。 現在は新しい実装を使用してください。
価格: ~~99 49(期間限定セール)
自動リンク
URLを書くだけで自動的にリンクになります:
https://workers.cloudflare.com/
メールアドレスも同様です: example@example.com
コードブロックのシンタックスハイライト
TypeScript:
interface Article {
title: string;
publishedAt: string;
visibility: 'public' | 'ob';
slug?: string;
}
const article: Article = {
title: "テスト記事",
publishedAt: "2025-12-24T00:00:00+09:00",
visibility: "public"
};
Python:
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print([fibonacci(i) for i in range(10)])
JSON:
{
"name": "proken-blog",
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "wrangler dev",
"deploy": "wrangler deploy"
}
}
絵文字
GitHubスタイルの絵文字記法(:emoji:)はこのブログでは未サポートですが、直接Unicode絵文字を使用できます:
🚀 ロケット
📝 メモ
✅ チェックマーク
❌ バツマーク
⚠️ 警告
💡 アイデア
🔒 ロック
複数の機能の組み合わせ
プロジェクトの進捗
| フェーズ | タスク | 状況 | 担当 |
|---|---|---|---|
| Phase 1 | 基盤構築 | ✅ 完了 | Dev Team |
| Phase 2 | 機能実装 | 🔄 進行中 | Dev Team |
| Phase 3 | テスト | ⏳ 待機中 | QA Team |
完了したタスク:
- Honoのセットアップ
-
古いフレームワークの除去→ Honoに移行完了 - Markdownパーサーの統合
次のステップ:
- 認証機能の実装(詳細は https://developers.cloudflare.com/workers/ を参照)
- パフォーマンステスト
-
jQuery の追加→ 不要と判断
まとめ
GitHub Flavored Markdownの機能により、より表現力豊かな記事を書くことができます。テーブル、タスクリスト、打ち消し線などを活用して、読みやすく整理された記事を作成しましょう。