FlickOne 開発者ブログ、はじめました(表示テスト用の仮記事)
FlickOne の開発チームによる技術ブログを開設しました。この記事は表示確認用の仮記事です。Markdown の各記法が正しくレンダリングされるかをここで検証します。
見出しレベル2のテスト
日本語の本文が読みやすい行間で表示されることを確認します。太字の強調、外部リンク、インラインコード が正しく描画されるかもここでチェックします。
見出しレベル3のテスト
リストの表示確認です。
- スマホ最適化された UI
- 高速な静的配信
- OGP 対応の共有カード
手順の説明には番号付きリストを使います。
- 記事を Markdown で書く
- リポジトリに push する
- 自動でビルド・デプロイされる
引用ブロックのテストです。参照した文献や補足事項はこの形式で表示します。
コードブロックのテスト
TypeScript のシンタックスハイライト確認:
interface Post {
title: string;
pubDate: Date;
tags: string[];
}
export function sortByDate(posts: Post[]): Post[] {
return [...posts].sort((a, b) => b.pubDate.valueOf() - a.pubDate.valueOf());
}
シェルコマンドのハイライト確認:
npm run build
npx wrangler pages deploy dist
テーブルのテスト
| 項目 | 内容 |
|---|---|
| フレームワーク | Astro(静的出力) |
| ホスティング | Cloudflare Pages(無料) |
| 入稿方式 | Markdown + git push |
以上、表示テストでした。第1回の本記事をお楽しみに。