画像記述子のドキュメントホームページユーザーガイド
Describer.proホームページのすべての機能、ボタン、操作フローの包括的なガイド
ホームページ機能ガイド
本ガイドでは、Describer.proホームページのすべての機能、ボタン、操作フローについて詳しく説明します。
概要
Describer.proホームページは、以下の主要な機能エリアを持つモジュール設計となっています:
- ヒーローセクション - ブランド紹介とコア機能への入口
- 画像説明ツール - メインのインタラクティブ機能
- 使い方セクション - 3ステップのワークフローと活用例
- 機能セクション - コア機能のハイライト
- 料金セクション - サブスクリプションプランとクレジットパッケージ
- お客様の声セクション - 実際のユーザーフィードバック
- FAQセクション - よくある質問と回答
- 関連リソース - その他の便利なツール
1. ヒーローセクション
1.1 紹介バッジ
機能:
- アイコン: グラデーションアニメーション付きSparklesアイコン
- テキスト: 製品紹介コピー
- インタラクション: クリックするとAboutページ(
/about)に移動 - アニメーション: ホバー時にスムーズなトランジション効果
1.2 コール・トゥ・アクションボタン
ページには2つの主要なCTAボタンがあります:
プライマリボタン - 「試してみる」
#try-itアンカー(画像説明ツールの位置)にジャンプし、機能エリアまでスムーズにスクロールします
セカンダリボタン - 「使い方」
#how-toアンカー(使い方セクション)にジャンプし、3ステップのワークフローを表示します
2. 画像説明ツール
これはホームページのコアインタラクティブ機能で、ユーザーが画像をアップロードし、AIを使用して説明文、プロンプト、キーワードなどを生成できます。
2.1 全体レイアウト
画像説明ツールは、6つの機能ボタンを統合した1行入力バーデザインを採用しています(左から右へ):
1. 画像アップロードボタン
クリックしてアップロード、またはドラッグ&ドロップ
2. URL貼り付けボタン
クリップボードから画像リンクを貼り付け
3. プロンプト入力フィールド
カスタムプロンプトを入力、Enterキーで送信可能
4. インスピレーションプリセットボタン
50以上のプリセットテンプレート、5つの主要カテゴリー
5. 設定ボタン
AIモデルの選択(gpt-4o-mini または gpt-4o)
6. 送信ボタン
分析リクエストを送信、AI処理をトリガー
2.2 ボタン詳細
ボタン1: 画像アップロード
機能:
- クリックしてシステムファイルピッカーを開く
- ドラッグ&ドロップアップロードをサポート
- すべての画像形式に対応(
image/*)
操作フロー:
方法1: クリックしてアップロード
- アイコンボタンをクリック
- システムファイルピッカーで画像を選択
- 画像が自動的に読み込まれ、プレビューが表示されます
方法2: ドラッグ&ドロップ
- デスクトップまたはフォルダから画像をドラッグ
- 入力バーエリアにドラッグ(エリアがハイライト表示)
- マウスを離すと、画像が自動的にアップロードされます
対応形式: JPG、PNG、GIF、WebP、SVG、BMPなど
ボタン2: 画像URLを貼り付け
機能:
- クリップボードからURLを読み取り
- リモート画像を自動的に読み込み
- 公開アクセス可能な画像リンクをサポート
操作フロー:
- 画像リンクをクリップボードにコピー(画像を右クリック → 画像アドレスをコピー)
- アイコンボタンをクリック
- システムが自動的にクリップボードからURLを読み取り
- 画像が自動的に読み込まれ、プレビューが表示されます
注意事項:
- URLは公開アクセス可能である必要があります(ログイン不要)
- セキュリティのため、HTTPSリンクの使用を推奨します
ボタン4: インスピレーションプリセット
機能:
- 50以上のプリセットプロンプトテンプレートを提供
- 一般的な分析シナリオを素早く選択
- 5つの主要カテゴリーに整理
プリセットカテゴリー:
1. 説明
基本説明、詳細分析、簡潔なサマリー、シーン説明、オブジェクト認識
2. 抽出
キーワード抽出、タグ生成、メタデータ抽出、テキスト認識(OCR)
3. 生成
Alt Text生成、画像タイトル、ソーシャルメディアコピー、Instagram説明文
4. 分析
色分析、構図分析、スタイル認識、感情分析
5. 翻訳
中国語説明、英語説明、多言語説明
使い方:
- 電球アイコンをクリック
- ドロップダウンメニューでプリセットを閲覧
- 任意のプリセットをクリックすると、入力フィールドに自動入力されます
- 現在選択されているプリセットには マークが表示されます
ボタン5: 設定
機能: AIモデルを選択し、分析精度と速度を調整します
利用可能なモデル:
| モデル名 | コード | 特徴 | 活用例 | クレジット消費量 |
|---|---|---|---|---|
| デフォルトモデル | gpt-4o-mini | 高速、効率的、低コスト | 日常使用、バッチ処理 | 1クレジット/リクエスト |
| フラッグシップモデル | gpt-4o | 高精度、深い分析 | 複雑なシナリオ、専門的分析 | 2クレジット/リクエスト |
選び方:
- 日常使用 → gpt-4o-mini
- 専門的分析 → gpt-4o
- バッチ処理 → gpt-4o-mini
- 重要なコンテンツ → gpt-4o
ボタン6: 送信
機能: 分析リクエストを送信し、AI処理ワークフローをトリガーします
有効化条件(すべて満たす必要があります):
ステータスインジケーター:
- 待機中: 青色、送信準備完了
- 読み込み中: スピンアニメーション、処理中
- 無効: グレー、条件未達成
ショートカット: Enterキーを押すと、送信ボタンをクリックしたのと同じ動作になります
2.3 CAPTCHA認証(Turnstile)
技術: Cloudflare Turnstile(非侵入型認証)
機能:
- ボットの悪用を防止
- サービスの安定性を保護
- 画像クリック不要
認証フロー:
- 自動読み込み: ページを開くと自動的に認証コンポーネントが読み込まれます
- バックグラウンド認証: ほとんどの場合、自動認証されユーザー操作は不要です
- 認証成功: 緑色のプロンプト「認証済み、続行できます」が表示されます
- 有効期間: 認証後、約5〜10分間有効です
3. 使い方セクション
3.1 3ステップワークフロー
ステップ1: 画像をアップロード
ローカルアップロード、URL貼り付け、ドラッグ&ドロップをサポート
ステップ2: AI分析
強力なAIエンジン、1〜3秒で高速分析
ステップ3: 結果を取得
コピー、ダウンロード、共有、ワンクリックで使用
3.2 4つの活用例
アクセシビリティの最適化
WCAG準拠のalt textを生成し、視覚障害のあるユーザーが画像コンテンツを理解できるようにします
SEO最適化
キーワードが豊富な画像説明を生成し、Google画像検索でのウェブサイトの視認性を向上させます
ソーシャルメディア
Instagram、Twitterなどのプラットフォームで目を引く画像説明を素早く生成し、エンゲージメントを向上させます
Eコマース
大量の商品画像の説明を一括生成し、時間を節約してコンバージョン率を向上させます
4. 機能セクション
AIスマート分析
最先端のGPT-4oビジョンモデルを使用し、画像コンテンツを深く理解します
プライバシー保護
画像を保存せず、処理後すぐに削除され、データのセキュリティが確保されます
多言語サポート
20以上の言語で画像説明を生成できます
バッチ処理
Proユーザーは複数の画像を一括アップロードし、すべての説明を一度に生成できます
FAQ
送信ボタンがグレーアウトしているのはなぜですか?
以下の条件が満たされているか確認してください:
認証が失敗し続ける場合はどうすればいいですか?
以下の方法を試してください:
- ページを更新する
- ブラウザのキャッシュをクリアする
- 広告ブロッカーを無効にする
- シークレットモードを試す
- 別のブラウザに切り替える
画像を一括処理できますか?
現在のバージョンでは一括アップロードには対応していません。一括画像説明機能(/bulk-image-describer)をご利用ください。
生成されたコンテンツを商用利用できますか?
はい、生成されたコンテンツはすべてお客様のものであり、商用プロジェクトで自由に使用できます。詳細は利用規約をご覧ください。
キーボードショートカット
| ショートカット | 機能 |
|---|---|
Enter | 分析リクエストを送信 |
Esc | ドロップダウンメニューを閉じる |
まとめ
Describer.proホームページは、強力でありながら直感的な画像分析機能を提供します:
今すぐ始めましょう
ホームページに戻る