Spaces:
Running
Running
Commit History
-
記事詳細のコメント件数表示・AI装飾後のHTMLモード強制・X埋め込み装飾禁止
ClaudeUnverified signature- blog_detail.html: 記事ヘッダー(著者・日付の横)にコメント件数(💬 N件)を追加 - admin_editor.html: 単一ブロックAI装飾後に setEditorMode('html') を呼び出しHTMLモードへ強制切り替え - admin_editor.html: 全体装飾(ai-decorate-all)成功後、各テキストブロックの editorMode を 'html' に設定 - main.py: /api/ai-decorate および /api/ai-decorate-all のGeminiプロンプトに blockquote.twitter-tweet への装飾・スタイル追加を全面禁止するルールを追加 https://claude.ai/code/session_018sq37X4VGvDxwtnyyvQmFv45a24c3
-
Fix image upload failure on iOS by allowing all image formats
ClaudeUnverified signatureiPhoneのHEIC形式画像をアップロードすると、accept="image/jpeg,image/png" 指定のせいでiOS Safariの自動変換が効かず、PillowがHEICを認識できない エラーが発生していた。accept="image/*"に変更することでiOS Safariが HEIC→JPEGを自動変換するようになり、問題が解消される。 https://claude.ai/code/session_011hjWBfQzZFHV7bCq9prHP664feba2
-
Fix block editor mode persistence, add blockquote button, dark-mode AI prompt
ClaudeUnverified signature- Per-block editorMode: openEditor reads block.editorMode, closeEditor saves it back, so HTML blocks reopen in HTML mode instead of re-wrapping in <p> - Add blockquote button to HTML toolbar (fas fa-quote-left) with dark-mode- safe default style: rgba background + color:inherit + pink left border - AI decoration prompts now instruct Gemini to use color:inherit for text and rgba semi-transparent backgrounds for dark mode compatibility https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV988ecc7 -
Add global AI decoration: /api/ai-decorate-all + UI section
ClaudeUnverified signatureSends all text blocks together to Gemini in one call so the AI can apply a consistent style across the whole article. Per-block AI decoration (HTML mode) is kept for individual refinement. https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV727f4a3
-
feat: リッチテキストエディタにリンク・YouTube・X埋め込みを追加
ClaudeUnverified signature- Quill toolbar に link(リンク化)・video(YouTube)ボタン追加 - Quillツールバーにカスタム Xボタン追加 - HTMLモードツールバーにYouTube・Xボタン追加 - insertEmbed()でURL判定して適切なHTMLを挿入 - 閲覧ページでtwitter-tweet検出時にwidget.jsをロード - blog-contentにiframe/embed-yt/twitter-tweetのCSSを追加 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVb5f4d1b -
feat: プレビューダークモード・タグtextarea化・画像キャプション表示
ClaudeUnverified signature- blog-previewにfont-size/line-height追加しフルプレビューもダークモード対応 - タグ入力をtextareaに変更(自動高さ調整・Enter無効) - 画像ブロックのキャプションを画像下に小さく表示(エディタ・プレビュー・公開ページ全て) https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVe0382dd -
feat: 記事全体プレビューボタンを追加
ClaudeUnverified signature右下のフローティングボタンから全ブロックを結合した blog-contentスタイルのフルスクリーンプレビューを表示 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVa5254c1 -
fix: 下書き保存バナーを薄緑に変更
ClaudeUnverified signaturehttps://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV4dad552 -
fix: タグ・著者入力のスマホ対応 - 縦並び化とfont-size 16px
ClaudeUnverified signaturegrid-cols-2 → grid-cols-1 sm:grid-cols-2 でスマホは縦並びに text-sm(14px) → font-size:16px でiOS自動ズームを防止 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV8868d78 -
fix: バックアップ作成日時をJST(UTC+9)で表示
ClaudeUnverified signaturehttps://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV23f6c06 -
feat: ツールバーキーボード維持・下書きリロード・バックアップ日時表示
ClaudeUnverified signature- Quillツールバータップ時にmousedown preventDefault + touch save/restore でキーボードを閉じずに装飾できるようにする - 下書き保存後はリロードしてバックアップ一覧を更新、 sessionStorageで完了メッセージを引き継いで上部バナー表示 - バックアップ選択リストの日付を作成日時(時:分)まで表示 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV89b6984 -
fix: h1/h3の見出しスタイルが未定義だったのを追加
ClaudeUnverified signatureTailwind Preflightがデフォルトサイズをリセットするため明示的に指定 h1:1.6rem / h2:1.25rem / h3:1.1rem (blog-preview・blog-content両方) https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV7ca7ec5 -
fix: Quill カーソル追従を修正 - sticky toolbar + scrollingContainer
ClaudeUnverified signatureツールバーを position:sticky に変更し quill-container を scroll container に。 Quill の scrollingContainer オプションを指定することで、改行時に quill-container が自動スクロールしてカーソルが常に見えるようにする。 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVecfdc6d -
fix: iOS keyboard でモーダルヘッダー・ツールバーが隠れる問題を修正
ClaudeUnverified signaturevisualViewport API でキーボード表示時の top/height をリアルタイム追従させ モーダルが常に visible area に収まるようにする https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV766b2d5 -
UX改善: タイトルtextarea化、タグ#付加、iOS拡大防止、Quillツールバー固定
ClaudeUnverified signature- タイトル入力をinput→textareaに変更(自動高さ調整、折り返し対応) - タグ表示に#プレフィックス追加(管理・閲覧・詳細の全3画面) - Quill/AIパネル入力のfont-size 16px化(iOS自動ズーム防止) - quill-containerをflexコンテナ化し、ツールバーを上部に固定したまま本文エリアのみスクロール https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVc86efa8 -
fix: use single-quoted attribute for data-backup to preserve JSON double quotes
ClaudeUnverified signaturetojson returns Markup (pre-escaped), so | e is a no-op and the JSON's double quotes break the HTML attribute. Switching to single-quote delimiters avoids the conflict (tojson already escapes single quotes as '). https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVa1a14b9 -
feat: improve editor UX - expanded Quill toolbar, full-screen mobile modal, always-visible add buttons, backup select
ClaudeUnverified signature- Quill rich text toolbar: H1-H3, font size, bold/italic/underline/strike, text color, bullet/numbered list, blockquote, clean - Remove AI button from rich text mode (kept in HTML mode only) - Editor modal: full-screen on mobile, centered sheet on desktop - Add-block buttons (テキスト/画像) always visible at start, between, and end of block list - Replace template section with backup select list showing v{version} - {date} - Backup apply shows confirmation popup before overwriting current content - Admin list: "下書き" badge → "下書" with smaller text (text-[10px]) https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV888e5a4 -
feat: ブロックエディタにリッチテキストモード追加・バックアップ修正
ClaudeUnverified signature【バックアップ修正】 - create_backup から contentBlocks フィールドを削除 (blog-backup スキーマに存在しないフィールドを送っていたため microCMS が 400 を返し、バックアップが作成されていなかった) - create_backup の戻り値を (bool, str) に変更し、失敗理由を返す - 保存APIレスポンスに backup_ok / backup_err を含め、 バックアップ失敗時はトーストで "(バックアップ失敗)" と表示 【リッチテキストモード】 - Quill 1.3.6 (Snow テーマ) を CDN から読み込み - テキスト編集モーダルに「リッチ / HTML」切り替えボタンを追加 - リッチモード: Quill WYSIWYG エディタ(太字・見出し・リスト・リンク) - HTML モード: 従来のテキストエリア+ツールバー - モード切り替え時に内容を双方向同期 - AI装飾・プレビューは両モードで動作 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgVe604fea -
feat: メインカラーを#bf283aに変更・全ページダークモード対応
ClaudeUnverified signature- メインカラーを#bf283a(明るめの赤)に統一 - Tailwind darkMode: 'media' を設定し、OS設定に応じた自動切替に対応 - 全テンプレートに dark: クラスを追加(背景・テキスト・ボーダー・入力欄) - admin_editor.html はCSS @media dark で JS生成コンテンツも対応 - blog-content のh2ボーダー・リンク色もダークモード対応 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV7b2a04f -
fix: ログイン不具合修正・合言葉入力をtext型に変更・メインカラーをRGB(127,49,67)に変更
ClaudeUnverified signature- ADMIN_PASSWORD に .strip() を追加(シークレット設定時の末尾空白対策) - ログイン画面の合言葉入力を type=password から type=text に変更(日本語入力対応) - 全テンプレートのメインカラーをピンクから赤 #7f3143 に変更 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV9f7f01a -
feat: StreamlitからFastAPI + 純粋HTML/JS/CSSへ全面書き直し
ClaudeUnverified signature- main.py: FastAPIアプリ(認証・microCMS連携・全ルート) - Dockerfile: Hugging Face Docker Space用(ポート7860) - requirements.txt: FastAPI/uvicorn/jinja2等の依存関係 - templates/: 全テンプレート(ブログ一覧・詳細・管理画面・ブロックエディタ) - CLAUDE.md: セクション6.3のblog-backlog → blog-backupに修正 https://claude.ai/code/session_01Qb3aHrurZxqwKKrwMMCvgV4138418