Hello World - Logbookブログへようこそ

はじめに

Logbookブログへようこそ！このブログでは、プログラミングや技術に関するトピックを取り上げていきます。

このブログの特徴

Astro + React + Tailwind CSS で構築されたモダンなブログです。ダークモード対応、検索機能、目次表示など、便利な機能を備えています。

このブログは以下の技術スタックで構築されています：

以下のインタラクティブ機能を実装しています：

今後は以下のようなトピックについて書いていく予定です：

ぜひ定期的にチェックしてください！

以下はMarkdownの標準的なコードブロックです（シンタックスハイライトのみ）：

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet('World'));

CodeBlockコンポーネントを使用すると、タイトルとコピーボタンが付きます：

greeting.ts

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet('World'));

タイトルなしでもコピーボタンが表示されます（ホバー時に表示）：

const message = 'Hello, World!';
console.log(message);

注意事項

コードをコピーする際は、実行環境が適切に設定されていることを確認してください。

このブログでは、MDXを使用して記事内にカスタムコンポーネントを埋め込むことができます。

情報

InfoBoxは情報を強調表示するためのコンポーネントです。 type属性で「info」「tip」「question」「success」を指定できます。

注意

Warningは注意事項を表示するためのコンポーネントです。 type属性で「warning」「danger」「caution」を指定できます。

このブログをご覧いただきありがとうございます。今後の記事もお楽しみに！