Dropli / HTML作例集

HTMLで、こんな資料も。
作例から、最初の共有へ。

レポートも、ダッシュボードも、提案書も。
作例を選ぶと、ファイルを保存せずに公開設定へ進めます。
AIで編集して、自分の資料のひな形にも。

すべてDropli運営が作成した作例です。ユーザー作品の掲載ではありません。組織・人物・日付・数値はすべて架空です。

ログイン後も自動公開されません。公開範囲と期間を確認し、公開操作を行ったときに作成されます。

週次レポート

今週の結論、進捗、次のアクション。チームの状況を、ひとつのページにまとめる作例です。

実際のHTMLを表示しています。プレビュー内をスクロールして全文を確認できます。

AIへの編集依頼の例

このHTMLの構成を保って、以下のメモを週次レポートにしてください。結論・進捗・次週のアクションに整理し、不明な数値は補わないでください。外部リソースを使わず、CSSを含む1つのHTMLで出力してください。［ここに共有してよいメモを入力］

主要指標と月ごとの変化を、読みやすく。数値の背景と次に確認したいことも添えた、静的なダッシュボードです。

数値は架空の固定データです。外部サービスとの接続や自動更新はありません。

AIへの編集依頼の例

このHTMLの指標を以下の集計値に置き換えてください。期間と単位を明記し、棒グラフと表の数値を一致させてください。データから言えない理由は推測せず、外部通信のない1つのHTMLで出力してください。［ここに共有してよい集計値を入力］

承認してほしいことから始める提案書。背景、進め方、予算、評価方法まで、検討に必要な情報をまとめています。

折りたたみを開くと、想定するリスクと対応も確認できます。

AIへの編集依頼の例

このHTMLを、以下の企画メモに合わせて編集してください。承認事項・背景・実施計画・予算・評価方法を整理し、未定の項目は「未定」と明記してください。CSSを含む1つのHTMLにしてください。［ここに共有してよい企画メモを入力］

Freeプランは無料3サイト枠のうち1つを使用します。公開期間は最大7日です。

アップロードは日本国内からのみ利用できます。公開したページの閲覧は海外からも可能です。

「HTMLをダウンロード」で保存し、AIに編集を依頼してください。完成したファイルを index.html という名前にして、マイページからアップロードできます。手順は使い方ガイドをご覧ください。

ダウンロードする作例は1つのHTMLで完結し、広告・追跡・外部通信を含みません。DropliのFreeプランで公開すると、ページに小さな「Powered by Dropli」リンクが表示されます。編集後は内容を確認してから共有してください。

DropliのMCP連携を使う方法もあります。接続方法と、公開範囲を指定するための手順はMCP接続ガイドをご覧ください。