> ## Documentation Index
> Fetch the complete documentation index at: https://docs.luminus.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# コーディングTips

> モダンなWeb開発のための実践的なコーディングTipsを紹介します。

## このガイドについて

このコーディングTipsは、日々の開発作業をより効率的に、そして高品質に行うための参考資料です。
最新のHTML、CSS、JavaScriptの機能やベストプラクティスを中心に、実践的な例とともに解説しています。

## 主なコンテンツ

<CardGroup>
  <Card title="HTML" icon="html5" href="/coding-tips/html/best-practices">
    セマンティックなマークアップと最新のHTML機能
  </Card>

  <Card title="CSS" icon="css3" href="/coding-tips/css/variables">
    CSSカスタムプロパティとモダンレイアウト
  </Card>

  <Card title="JS / TS" icon="js" href="/coding-tips/javascript/typescript-essentials">
    TypeScriptの基本とJavaScriptのパフォーマンス最適化
  </Card>

  <Card title="メディア" icon="media" href="/coding-tips/media/image-optimization.mdx">
    TypeScriptの基本とJavaScriptのパフォーマンス最適化
  </Card>
</CardGroup>

## このガイドの使い方

各セクションは独立して参照できるように構成されています。特定のトピックに関する情報が必要な場合は、直接そのページにアクセスしてください。

コード例はコピー&ペーストで使用できますが、プロジェクトの要件に合わせて適宜調整することをお勧めします。

## 貢献とフィードバック

このガイドは常に改善を続けています。不明点や追加してほしい内容があれば、お気軽にフィードバックをお寄せください。

<Note>
  これらのTipsは一般的なベストプラクティスをまとめたものです。プロジェクトの状況やチームの方針に応じて柔軟に適用してください。
</Note>