FlickOne Developer BlogFlickOne 本体 18+

FlickOne 開発者ブログ、はじめました(表示テスト用の仮記事)

お知らせ

FlickOne の開発チームによる技術ブログを開設しました。この記事は表示確認用の仮記事です。Markdown の各記法が正しくレンダリングされるかをここで検証します。

見出しレベル2のテスト

日本語の本文が読みやすい行間で表示されることを確認します。太字の強調外部リンクインラインコード が正しく描画されるかもここでチェックします。

見出しレベル3のテスト

リストの表示確認です。

  • スマホ最適化された UI
  • 高速な静的配信
  • OGP 対応の共有カード

手順の説明には番号付きリストを使います。

  1. 記事を Markdown で書く
  2. リポジトリに push する
  3. 自動でビルド・デプロイされる

引用ブロックのテストです。参照した文献や補足事項はこの形式で表示します。

コードブロックのテスト

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回の本記事をお楽しみに。

← 記事一覧へ戻る