インタラクティブプロジェクト管理ボード（Trello風）
フリーのプロンプト百科事典 Wikiprompt より
2025年5月13日
インタラクティブプロジェクト管理ボード（Trello風） クライアントサイドで動作するTrello風ボードを生成するプロンプト。4つのカラム、クリックで移動できるタスクカード、タスク追加ボタンを備え、Canva AIや類似ツールに適したもの。
プロンプト内容保存
🌐
Trelloに似たシンプルなプロジェクト管理ボードを、HTML、CSS、JavaScriptで、バックエンドなしの純粋なクライアントサイド機能として作成します。このボードには、「To Do」、「In Progress」、「Under Review」、「Completed」という4つの明確に定義された縦列があります。最初に、「To Do」列にいくつかのサンプルの長方形タスクカードを配置します。
主な操作は、タスクが列間を移動することです。ユーザーがタスクカードをクリックすると、そのカードは視覚的に次の順序の列の一番下に移動し、「To Do」から「Completed」まで進みます。「Completed」列内のタスクカードが再度クリックされた場合、その外観が変更され、確定されたことを示します。例えば、テキストに取り消し線が追加されます。
「+ Add Task」ボタンを含めることを検討してください。これにより、ユーザーは「To Do」列に新しい一般的なタスクカードを追加できます。
ログインして完全なプロンプトを表示
次で続行:
ログインすると、次に同意したことになります： 利用規約 と プライバシーポリシー
使い方
このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。
最良の結果を得るには、プレースホルダー（角括弧や大文字で示された部分）を具体的な要件に置き換えてください。
ノート
0 件のコメント