開発 > Dev
IT スキル · 開発中プロジェクト · 今後の計画 · 掲示板
MyBlogLife
個人の記事・創作・リソース・友人との交流を統合する個人サイトプロジェクト。
サイトは複数のサブモジュールを含む：記事システム（Ink）、画像ギャラリー（Gallery）、フレンドカードシステム（Friend_z）、リソース共有セクション。構造化コンテンツ管理・動的コンテンツアップロード・ピクセルスタイルUIによる個人展示プラットフォームに重点を置く。
また、Web開発・データベース設計・クラウドデプロイなどの技術を実践する個人技術実験プラットフォームとしても機能する。
主な機能と内容
記事投稿システム（Ink）
画像・創作展示（Gallery）
RPGスタイルフレンドカード（Friend_z）
リソース共有モジュール
ログインシステムと管理画面
動的コンテンツとタイムライン表示
技術スタック
フロントエンド：Django Template
（HTML / CSS / JavaScript）
Backend：Python（Django）
Database：SQLite（Django内蔵）
デプロイ：AWS Lightsail
最近の更新
【デプロイ】AWS Lightsail（$5プラン）にデプロイ済み
2026年3月3日
AWS Lightsail（$5プラン）にデプロイ済み。
現在1ヶ月試用予定。その後、無料のOracleへ移行予定。
ClaudeLog
【デプロイ】Lightsail 初期公開
2026年2月27日
Django + Gunicorn + Nginx を AWS Lightsail（東京リージョン、$5 プラン）にデプロイ。
systemd 自動起動設定、rsync ワンコマンドデプロイスクリプト deploy.sh を構成。
【i18n】三言語対応（中／日／英）
2026年3月10日
Django i18n 国際化を実装し、簡体字中国語・日本語・英語の3言語切り替えに対応。
locale/ ディレクトリと .po 翻訳ファイルを追加し、全ページのテキストを翻訳可能にする。
MangaRe
漫画リソース情報を整理するサイト。漫画作品・作者・各種リソースタイプ（TVアニメ・漫画集・映画など）を管理する。
軽量な漫画リソースデータベースサイトの構築を目標とする。
主な機能と内容
● 漫画リソース登録
● タグ分類管理
● CSV / JSON データインポート／エクスポート
● 漫画情報自動更新（予定）
● 漫画リソース検索
技術スタック
フロントエンド：React + TypeScript
Backend：Node.js
Database：Supabase
デプロイ：Vercel
最近の更新
【ネットワーク地域問題】国内からVercelデプロイサイトにアクセス不可と判明
国内の友人がアクセステストをしたところ、中国国内からVercelでデプロイされたサイトにアクセスできないことが判明しました。
今後は、小規模トラフィック向けの無料デプロイサービスの中から、この問題を解決する方法を探る予定です。
【MangaRe_Log】2026.3.5〜
2026年3月18日
2026.3.5：画像ビューアを追加、複数ページ・カルーセル/ナビ/サイドバーを更新、プラットフォームリンク移行とSQLを新規追加。
2026.3.6：「正常起動」関連のコミットを完了（プロジェクトが正常に動作）。
2026.3.7：Vercelデプロイ前の仕上げ：書籍ダウンロードサイトとツール管理、RLS/ストレージポリシー、マイグレーションスクリプトとドキュメント。
2026.3.8：インポートフロー（JSON変換ページとimportページ）、リソース履歴・タイトル管理・フロントエンドページのリニューアルを実施。
2026.3.9：言語/プラットフォームオプションを統一、Vercelと移行ドキュメントを更新、バックアップ説明・インポートテンプレート・クローラー対策・ミドルウェアを新規追加（未コミット）。
2026.3.18：ここ数日も作業していたが、何をしたか忘れた =w=。昨日namecheapでドメイン【www.manga-re.com】を購入！漫画リソースを探している方はぜひ！
ClaudeLog
【デプロイ前準備】Vercel 初期デプロイ
2026年3月7日
MangaRe を Vercel に初回デプロイ（2026-03-07）。
計 44 ファイル、+1763 行のコード。
Next.js 13 App Router + Supabase データベース設定完了。
【データインポート】CSV/JSON 一括インポートフロー
2026年3月8日
漫画・アニメ・電子書籍・本子の複数タイプ一括インポートを実装（2026-03-08）。
10回のイテレーションコミットにより、JSON変換ページ・インポートバリデーション・エラー表示を改善。
MyProfile
人物プロフィールを整理・展示するデータ管理サイト。
人物情報（タイムライン・関係ネットワーク・イベント記録・画像など）を構造化して保存し、人物の経歴と関係をビジュアルページで表示する。
大規模JSONデータの表示・複雑なUIレイアウト・タイムラインコンポーネント設計のテストにも使用する。
主な機能と内容
● タイムラインイベント表示
● 人物関係ネットワーク
● キャラクター情報モジュール表示
● JSON データインポート／エクスポート
● 管理画面でキャラクターファイル編集
技術スタック
フロントエンド：React（Next.js）+ TypeScript
Backend：Node.js
Database：Supabase
デプロイ：未デプロイ
最近の更新
【MyProfile_Log】2026.3.5~2026.3.9
2026年3月10日
2026-03-05：プロジェクト初回コミット、バックエンド骨格（エンティティ・コントローラー・サービス・セキュリティ・ドキュメント）を構築。
2026-03-06：フロントエンドを統合し、インポート/エクスポート・タイムラインフェーズ・添付ファイルアップロード・イベント/ヒーロー写真管理を実装、タイムラインUIを再構築。
2026-03-07：タイムラインを強化（ホバーカード・年/月API・左サイドパネル）し、関係編集と起動スクリプトを追加。
2026-03-08：キャラクター模擬対話（キャラクターカード・DeepSeek/Mockレスポンス・フロントエンド対話パネル）を実装。
2026-03-09：人物写真パネルを追加し、タイムラインと編集ページにイベント/ヒーロー/人物写真管理を統合。
ClaudeLog
【世界観統合】メイドインアビス素材スキャンとアーカイブサイト
2026年3月19日
ローカルの『メイドインアビス』設定集をスキャン（キャラクター設定画85枚 + 背景原画100枚以上 + BDBOXイラスト）。
『メイドインアビス』アーカイブサイト（localhost:3001）を構築：トップ・世界・深淵・人物図鑑の3ページ。
キャラクターカードグリッド・検索フィルター・モーダル詳細インタラクションをすべて実装。
【MIA RPG】キャラクターとストーリー設定の統合
2026年3月28日
MIAオリジナルキャラクター（MIA・Zhen・Zoeなど）と『メイドインアビス』世界観を深く統合。
人物プロフィールMD・ストーリーラインドキュメント・虫鋳バベルの塔世界観の詳細設定を生成。
Obsidianリポジトリ（md_MyProfile_v2/PRD_20260319/MIA_StoryChar/）に同期。
AI_Resume
AIを活用した履歴書自動スクリーニングシステム（ATS）。HRおよび採用チーム向け。
履歴書の一括アップロード → 候補者情報の自動抽出 → 求人要件に基づくスコアリング → カンバンによる進捗管理。
主な機能と内容
· 求人管理：採点ルール設定（必須スキル／加点項目／除外キーワード／スコア閾値）
· 履歴書一括アップロード PDF/DOC、Python マイクロサービスで自動テキスト抽出
· Supabase Edge Function で候補者の構造化情報を抽出
· ルールエンジン採点（A/B/C/D 4段階）＋ カンバンドラッグ＆ドロップ管理
· CSV で候補者データをエクスポート
· メール自動インポート（Mock 実装済み、LLM 連携は未完成）
技術スタック
フロントエンド：React 18 + TypeScript + Vite + Tailwind CSS
Backend：Supabase Edge Functions（Deno）+ Python Flask（PDF抽出マイクロサービス）
Database：Supabase（PostgreSQL + Auth + Storage）
デプロイ：Vercel（フロントエンド）+ AWS Lightsail（PDF マイクロサービス）
最近の更新
最近の更新はまだありません。
ClaudeLog
【MVP 完成】コア機能実装
2026年3月16日
React 18 + TypeScript + Vite + Supabase の完全アーキテクチャを構築。
求人管理 + 履歴書一括アップロード + PDF テキスト抽出（Python Flask マイクロサービス）を実装。
Supabase Edge Function で候補者の構造化情報を自動抽出。
ルールエンジンによるスコアリング（A/B/C/D）+ カンバンドラッグ＆ドロップによるフロー管理を完成。
【未完成】LLM 連携計画
2026年3月16日
メール自動インポートはモック実装で、インターフェースは実際のメールサービス接続待ち。
LLMスコアリング強化機能のスケルトンは完成済みで、Claude APIによるインテリジェント分析の接続待ち。
PDFマイクロサービスをAWS Lightsailにデプロイ、フロントエンドのデプロイはVercel/Netlifyを参照。
SkillsPaste
Claude Code Skills ワンクリックコピー フローティングデスクトップツール。
常時画面最前面に表示され、すべてのスキルトリガーワードをカテゴリ別に一覧表示。クリックするだけでコピー可能。複数ワークスペースに対応し、汎用クイックペーストボードとして利用できます。
主な機能と内容
· フローティングウィンドウ（Always on Top）＋ 透明すりガラス UI
· ドラッグ位置記憶 ＋ 📌 固定モード
· ワンクリックでトリガーワードをコピー（クリックハイライト ＋ Toast フィードバック）
· リアルタイム検索フィルター（マッチ語ハイライト）
· EN / 中 トリガーワード二言語切替
· マルチワークスペース対応（内蔵 Skills ＋ カスタム貼り付けボード）
· 🌙 ダーク / ☀️ ライトテーマ切替
· Ctrl+E 編集モード（追加／削除／並び替え）
· システムトレイ（閉じる→トレイに格納）
· 完全オフライン .exe、ブラウザ不要
技術スタック
フロントエンド：HTML / CSS / JS（Tauri WebView）
Backend：Tauri 2.x（Rust）
Database：JSONファイル（skills-data.json ローカル保存）
デプロイ：Windows .exe（cargo tauri build）
最近の更新
最近の更新はまだありません。
ClaudeLog
【Phase 1】MVP — フローティングウィンドウ ＋ ワンクリックコピー
2026年3月29日
Tauri 2.x プロジェクト骨格構築（frameless + always on top ウィンドウ）。
skills-data.json を読み込み、カテゴリ × スキルをレンダリング、クリックでクリップボードにコピー＋ハイライトフィードバック。
ダークすりガラス風 UI ＋ タイトルバードラッグ ＋ 📌 固定ボタン。
修正：中国語文字による PowerShell スクリプトエラー・アイコンパス問題。
【Phase 2-3】UX 改善 ＋ 編集モード
2026年3月29日
Phase 2：位置記憶（起動時に前回座標を復元）、検索フィルター（リアルタイムハイライト）、Toast フィードバック最適化、EN/日中バイリンガルトリガーワード切替。
Phase 3：Ctrl+E 編集モード（カテゴリ・skill の追加/削除/並び替え）、システムトレイ（閉じる→最小化）、skill 説明 + 使用例の展開表示。
今後の計画は Admin → Updates · 動態 → 後续规划 に追加する。
【Comments · 留言板】ページを追加
訪問者の皆さんからのコメント・インスピレーション・提案・くだらないジョーク(?)・今夜の夕飯(?)…などのメッセージをお待ちしています。
特に【Friend_z】に登録されているお友達のメッセージ、大歓迎です！
今後は【Friend_z】に記録されたお友達それぞれに合わせた【個性的なコメントボックス】も作りたいと思っています。技術力が追いついたら（または適切なアニメーションライブラリが見つかり、このサイトのスペックとトラフィックが耐えられたら）、【個性的なアニメーション】も作りたいです。
ここに白昼夢を一つ置いておく。あなたはここでのんびりしていてください、すぐ戻ります。
【構想中 · Friend_z キャラクター RPG インタラクティブミニゲーム】
構想のみで、実装方法についてまったく見当がつかない。
まず考えてみる。