X公式アカウント @Arctanote

生成AIのみでファイル管理サービスを作ってみた

生成AIのみでファイル管理サービスを作ってみた

ファイル管理サービス(ArcFileNest) https://filenest.arctanote.com 生成AIで作成したファイル共有(クラウド)型のファイル管理システム ・基本的には、Claudeベースの自然言語プロンプトで作成 ・個人ストレージ型と共有ディレクトリ型の要素をMIXした仕様 ・React +...

ファイル管理サービス(ArcFileNest) https://filenest.arctanote.com 生成AIで作成したファイル共有(クラウド)型のファイル管理システム ・基本的には、Claudeベースの自然言語プロンプトで作成 ・個人ストレージ型と共有ディレクトリ型の要素をMIXした仕様 ・React + Supabase + PostgreSQL ・開発期間2~3日(約15h) --- 🏠 Home(ダッシュボード) 画像 主要機能 ウェルカムメッセージ 時間帯に応じた挨拶を表示 例:Good morning / Good afternoon / Good evening クイックスタット 総ファイル数 総フォルダ数 ストレージ使用量 スター済みアイテム数 → これらをリアルタイム表示 クイックアクション ロールに応じたショートカットを表示 例:Upload Files / Admin Panel 最近のファイル 直近に更新されたファイル一覧を表示 チームアクティビティ チームメンバーの操作履歴フィードを表示 --- 📁 All Files(ファイル管理) 画像 ファイル・フォルダ操作 ファイルアップロード ドラッグ&ドロップ 画像 ファイル選択 フォルダごとアップロード アクセス権選択 アップロード前に Public / Private を選択可能 画像 フォルダ作成 インライン入力で以下を設定 画像 フォルダ名 アクセス権 ファイル削除 ゴミ箱へ移動 保護ファイルを含むフォルダは警告表示 フォルダ削除 中身ごとゴミ箱へ移動 リネーム ファイル・フォルダ名をインライン編集 移動 ドラッグ&ドロップ・・・仮実装 Move to Folder モーダル・・・仮実装 ダウンロード Supabase Storage の署名付きURLで安全にダウンロード スター(お気に入り) ファイル・フォルダのスター追加 / 解除 ファイル保護 保護フラグを設定 削除時に警告表示 表示・検索・フィルタ 3種類の表示モード グリッド サムネイル リスト フォルダ内検索 現在の...