# Getting Started kommu!

Komi を使い始めるのはとても簡単です！　プレビルド UI を利用すれば、次の2ステップで素早くチャットをサイト内に設置できます。

# 1. Komi に登録して API キーを取得する

API キーの管理から、[パブリックキー] を取得します。

// TODO: スクショを貼る

# 2. ページの HTML を用意する

以下の内容を記載した HTML ファイルを作成します。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>最初のチャット</title>
</head>
<body>
  <div id="chat"></div>

  <script src="https://some.cdn.domain/js/kommu.js"></script>
  <script src="https://some.cdn.domain/js/kommu-ui.js"></script>
  <script>
    // pk_test_******** は、ダッシュボードから取得したパブリックキーで置き換える
    const kommu = new Kommu('pk_test_********')
    const ui = new KommuUI.FullpageUI(kommu)
    ui.mount('#chat')
  </script>
</body>
</html>

必要なのはこれだけです！　このコードを記述した HTML ファイルを2つのブラウザで開くと、すぐにチャットを使うことができます。

// TODO: スクショなどを貼る

# ボーナス: Netlify で公開する

// TODO

# 次のステップ

Komi SDK や Komi UI の詳しい使い方をチュートリアルを通して学びます。

(1) テキストチャットの設置 →