よくある質問

Klivに関する最もよくある質問への回答を見つけてください。

はじめに

Klivとは何ですか？

Klivは、自然な会話を通じてReactアプリケーションを構築できるAI駆動のウェブ開発プラットフォームです。コードを書く代わりに、構築したいものを説明すると、Klivがコードを生成します。

コーディングの知識は必要ですか？

いいえ！Klivはコーディング経験に関係なく、誰でも使用できるよう設計されています。平易な日本語で欲しいものを説明するだけで、プロフェッショナルなアプリケーションを構築できます。

Klivはどのような技術を使用していますか？

Klivは現代的なウェブ技術を使用してアプリケーションを構築します：

• TypeScript付きReact 18
• スタイリング用Tailwind CSS
• 高速ビルド用Vite
• Shadcn/uiコンポーネントライブラリ
• 必要に応じてその他の現代的ライブラリ

Klivは無料で使用できますか？

はい！Klivは1日5クレジット（月最大30）の無料プランを提供し、kliv.siteドメインでの完全なウェブサイトホスティングが含まれています。無料サイトには小さな「Made with Kliv」バッジが表示され、最大10チームメンバーをサポートします。プロフェッショナルプランでは月次クレジット手当、カスタムドメインサポート、帰属バッジの削除、無制限チームメンバーが提供されます。

アプリケーション構築

テンプレートから始めるべきか、ゼロから始めるべきですか？

テンプレートを使用する場合： ニーズの70%以上に類似したものを見つけた場合、迅速にローンチしたい場合、または一般的なタイプのサイトを構築している場合。テンプレートは複数のページと機能が完全に肉付けされています。

ゼロから開始する場合： コンセプトがユニークな場合、特定の要件がある場合、または完全なクリエイティブコントロールが必要な場合。詳細な初期プロンプトを提供する必要がありますが、完全にカスタムな結果を得られます。

どのようなタイプのアプリケーションを構築できますか？

実質的にあらゆるタイプのウェブアプリケーションを構築できます：

• スタートアップ向けの迅速なプロトタイプとMVP
• 個人ウェブサイト、ポートフォリオ、ブログ
• ユーザー認証付きメンバーシップサイト
• 商品カタログ付きeコマースストア
• ビジネスアプリケーションとダッシュボード
• ユーザー管理付きSaaSアプリケーション
• クリエイティブプロジェクトとインタラクティブツール

クレジットはどのように機能しますか？

フルクレジット（1クレジット）： AIがプロジェクトでアクションを実行する際に使用 - ファイル編集、変更、機能追加、または任意の変更。

ハーフクレジット（0.5クレジット）： アクションなしの会話応答に使用 - 質問への回答、ガイダンス提供、説明。

無料プラン： 1日5クレジット、月最大30、毎日自動更新。 プロプラン： いつでも使用可能な月次手当、各請求サイクルでリセット。

Klivと効果的にコミュニケーションするには？

ゼロからの構築の場合： ビジネス名、住所、提供サービス、価格、連絡先詳細、ターゲット層、デザイン好みを含む詳細な初期プロンプトを提供してください。具体的であればあるほど、より良い結果が得られます。

変更の場合： 特定のセクションを参照（「ヒーローセクションで...」）、色と位置について具体的に、必要に応じてモバイル版の確認を依頼。

生成されたコードを変更できますか？

はい！生成されたすべてのコードを表示し、ローカルで作業するためにエクスポートすることもできます。Klivは既存のReactプロジェクトのインポートもサポートしています。

ユーザーアカウントなどのバックエンド機能を追加するには？

バックエンド機能（ユーザー認証、データベース、サーバーサイド処理）にはSupabase統合の接続が必要です。プロジェクトのSupabaseボタンをクリックしてアカウントを設定し、リンクしてください。接続後、AIは以下を実装できます：

• ユーザー登録とログインシステム
• データベースストレージと管理
• リアルタイム機能と購読
• サーバーサイド関数と処理
• ファイルストレージと管理

GitHub統合はどのように機能しますか？

GitHubを接続すると、すべてのAI変更が自動的にコミットを生成し、リポジトリにプッシュします。これにより以下が提供されます：

• あなたのコントロール下での完全なソースコードバックアップ
• プロジェクトの完全なバージョン履歴
• ローカルでの作業や開発者との協力能力
• KlivとGitHub間の双方向同期

AIアシスタンスを最大限活用するために、主にKlivで変更を行うことを推奨します。

技術的質問

独自のコンポーネントを使用できますか？

はい、Klivにカスタムコンポーネントの作成や既存のものの変更を依頼できます。外部ライブラリからコンポーネントをインポートすることもできます。

Klivはレスポンシブデザインをどのように処理しますか？

Klivで構築されたすべてのアプリケーションはデフォルトでレスポンシブで、障害を持つユーザーにもアクセシブルです。Klivは、自動モバイル最適化、セマンティックHTML構造、アクセシビリティコンプライアンスが組み込まれたReact、TypeScript、Tailwind CSS、Viteを使用します。

テンプレートとゼロからの構築の違いは何ですか？

テンプレート： 複数のページと機能がすでに構築された完全に機能するサイトを取得。ニーズの70%以上に類似したものを見つけた場合の迅速なローンチに最適。テンプレート構造にある程度制限されますが、有利なスタートを得られます。

ゼロから構築： 詳細な初期プロンプトが必要ですが、完全なクリエイティブコントロールを提供。最初にスケルトンを取得し、会話を通じて各セクションを肉付けする必要がありますが、結果は完全にカスタムです。

外部APIと統合できますか？

もちろん！KlivはあらゆるREST API、GraphQLエンドポイント、サードパーティサービスとの統合を支援できます。接続したいものを説明するだけです。

SEOとパフォーマンスはどうですか？

Klivは現代的なウェブ開発のベストプラクティスに従います：

• セマンティックHTML構造
• 最適化された画像とアセット
• 高速読み込み時間
• SEOフレンドリーなマークアップ
• アクセシビリティコンプライアンス

デプロイメントとホスティング

アプリケーションをデプロイするには？

Klivの「公開」ボタンをクリックすると、アプリケーションが即座にデプロイされます。すぐに共有できるライブURLを取得できます。

公開はどのように機能しますか？

サイトはyoursite.kliv.siteのようなユニークなURLで自動的に公開されます。URLはテンプレート名またはゼロからのプロンプトのAI分析に基づいて生成されます。サブドメイン名はいつでも編集できます（すべてのKlivサイト全体でユニークである必要があります）。

自動公開はデフォルトで有効 - 変更が即座に公開されます。これを無効にして変更の公開を手動で制御できます。

独自のドメインを使用できますか？

はい！プロ契約者はsites.kliv.devを指すCNAMEレコードを追加してカスタムドメインを接続できます。Klivは自動的にSSL証明書を処理し、プロバイダー固有の指示を含むセットアップウィザードを提供します。カスタムドメインは「Made with Kliv」バッジを完全に削除します。

アプリケーションはどこでホストされますか？

KlivアプリケーションはグローバルCDNでホストされ、世界中で高速読み込み時間を実現します。すべてのホスティングにはSSL証明書と自動スケーリングが含まれています。

コードをエクスポートできますか？

はい、プロジェクト全体をローカルで実行したりどこでもデプロイできる標準的なReactアプリケーションとしてエクスポートできます。

チーム協力

チームメンバーと作業できますか？

はい！すべてのKlivアカウントは、同じプロジェクトとクレジットプールを共有する複数のユーザーをサポートします。無料アカウントは最大10ユーザー、プロアカウントは追加コストなしで無制限のチームメンバーをサポートします。

ユーザー役割はどのように機能しますか？

通常ユーザーはプロジェクトの編集とAIアシスタントの使用ができます。管理者ユーザーはチーム管理、招待送信、アカウント設定へのアクセスも可能です。エンタープライズアカウントは細かい権限を持つカスタム役割をサポートします。

チームメンバーを招待するには？

ユーザー管理に移動し、メールアドレスを入力して招待を送信します。アカウントに参加し共有プロジェクトにアクセスするためのメールを受け取ります。

アカウントと請求

異なるサブスクリプションプランは何ですか？

無料： 1日5クレジット（月30）、kliv.siteホスティング、「Made with Kliv」バッジ、最大10ユーザー プロフェッショナル： 月次クレジット手当、カスタムドメイン、帰属バッジなし、無制限ユーザー、優先サポート
エンタープライズ： SAML/SSO、カスタム役割、専用インスタンス、高度な機能

プランをアップグレードするには？

アカウント設定のサブスクリプション管理ページにアクセスしてください。安全なStripeインターフェースを通じて、いつでもアップグレード、ダウングレード、キャンセルができます。

支払いはどのように処理されますか？

すべての支払いはStripeを通じて安全に処理されます。Klivは支払い情報を見ることがなく、すべての取引にエンタープライズグレードのセキュリティを保証します。

トラブルシューティング

アプリケーションが期待通りに動作しません

以下の手順を試してください：

1. エラーメッセージのコンソールを確認
2. 自動デバッグのためにKlivに問題を説明
3. チャット履歴で最近の変更をレビュー
4. 必要に応じてバージョン履歴を使用して元に戻す

プレビューが更新されません

• プレビューパネルを更新
• インターネット接続を確認
• ブラウザキャッシュをクリア
• 問題が続く場合はサポートに連絡

プロジェクトにアクセスできません

• 正しいアカウントにログインしているか確認
• プロジェクトが誤って削除されていないか確認
• アカウント復旧支援のためサポートに連絡

バグを報告するには？

インターフェースのフィードバックボタンを使用するか、直接サポートに連絡してください。以下を含めてください：

• 問題の説明
• 再現手順
• ブラウザとデバイス情報
• 役立つ場合はスクリーンショット

ベストプラクティス

Klivからより良い結果を得るには？

• リクエストで具体的で詳細に
• 可能な場合は例や参考を提供
• プレビューで頻繁にテスト
• 複雑な機能を小さな部分に分解
• コードを理解するために説明を求める

避けるべきことは？

• 曖昧で不明確なリクエスト
• 一度に多くの変更を求める
• レスポンシブデザインの考慮を無視
• 異なる画面サイズでのテストを忘れる

ウェブ開発についてさらに学ぶには？

Klivがコーディングを処理しますが、ウェブ開発の概念を理解することは役立ちます：

• 基本的なHTML、CSS、JavaScript概念を学ぶ
• レスポンシブデザインの原則を理解
• React概念に慣れる
• 良いUI/UXデザイン慣行を研究

ヘルプを得る

サポートに連絡するには？

• Klivインターフェースのヘルプボタンを使用
• hello@kliv.dev にメール
• 回答についてはドキュメントを確認
• コミュニティDiscordサーバーに参加

サポートリクエストに何の情報を含めるべきですか？

• アカウントメール
• プロジェクト名またはURL
• 問題の詳細な説明
• 問題を再現する手順
• 役立つ場合はスクリーンショットや画面録画

どれくらい早く返答を得られますか？

• 無料プラン：48-72時間
• 有料プラン：24時間以内
• 重要な問題：当日対応
• エンタープライズ顧客には緊急サポート利用可能

まだ質問がありますか？サポートチームに連絡してください。