🌐

もつ楽公式サイト-リリースノート-

に公開
2025/12/24

もつ楽公式サイト バージョン履歴

🚀 Ver.1.0.0 "FUSION" (2025-12-24)

変更点まとめ
Ver.0.9.1 リリース以降の機能改善、および正式版リリースに向けた大規模な内部ファイルの整理(クリーンアップ)を実施しました。

✨ 機能・デザインの変更

  • お問い合わせ機能の強化:
  • お問い合わせトップ(contact.html)を新設し、目的別に分岐するUIを実装。
  • 「不具合・フィードバック報告フォーム(contact-feedback.html)」と「機能追加リクエストフォーム(contact-request.html)」に分割。
  • ダークモードの視認性向上:
  • サイト全体で使用されていた濃いグレーの文字(#666)が、ダークモード時に背景と同化する問題を修正。
  • HTML/JS内のインラインスタイルも含め、強制的に見やすい色(#cccccc)へ置換するパッチを適用。
  • UI/UXの改善:
  • PC表示時、サイドバーがスクロールに追従(Sticky)しない問題を修正。
  • Googleアナリティクス (GA4) および Search Console の計測タグを全ページに実装。

🧹 内部構造・ファイル整理(クリーンアップ)

データベース移行に伴い不要となった「旧式の静的ファイル」や「デバッグ用ファイル」を削除し、ディレクトリ構成を最適化しました。

  • 旧式ページの削除:
  • 個別手動管理していたHTMLファイルを格納していた creators/ フォルダ、members/ フォルダを削除。
  • バックアップ用の creator-data-old.html, profile-old.html を削除。
  • 不要アセットの削除:
  • 使用していない動画フォルダ videos/ を削除。
  • テスト用画像(test.jpg, redirect-check.jpeg 等)および作業用フォルダ(gallery/finalEdited, gallery/元画像)を削除。
  • 開発用ファイルの除外:
  • tree.txt, メモ.txt などの開発メモ類を削除。

📂 ディレクトリ構成の比較 (Before / After)

サイズ(.git除く) 33.2MB → 16.0MB 17.2MB削減!
主な変更箇所(削除されたもの)をハイライトしました。

階層・ファイル Ver.0.9.1 (Before) Ver.1.0.0 (After) 状態
ルート (Root) contact.html (単体) contact.html
contact-feedback.html
contact-request.html
機能拡張
*-old.html 系ファイル (なし) 削除
tree.txt, メモ.txt (なし) 削除
creators/ creator-profile-*.html (フォルダごと削除) 完全移行
members/ member-profile-*.html (フォルダごと削除) 完全移行
videos/ Kirby-Demo-keyvisual.mp4 (フォルダごと削除) 削除
image/ test.jpg, redirect-check (なし) 削除
image/gallery/ finalEdited/, 元画像/ desktop/, mobile/ のみ 整理

Ver.0.9.1-Beta+GhP (2025-12-21)

404エラーページの新規作成

  • GitHub Pagesの仕様(ルートに404.htmlを置くだけで自動認識)を利用
  • レスポンシブデザインの実装
  • スマホは縦並び(column)、PCは横並び(row)にFlexboxで切り替え
  • Retinaディスプレイ対応のため2000pxの高解像度画像を使用

Ver.0.9.0-Beta+GhP (2025-12-21)

Operation: NEXUS (データベース駆動型サイトへの完全移行)

静的サイトからデータベース(Supabase)連携型サイトへの移行を実施しました。

  • データベース連携 (Supabase)
    • 「管理部メンバー」および「クリエイター紹介」データを外部DBへ移行
    • fetch / async/await を用いた非同期データ取得の実装
  • クリエイター紹介ページの刷新
    • 一覧ページと詳細ページ (creator-data.html) の分離
    • 詳細ページへの「イラストギャラリー」と「功績リスト」の実装
    • 功績リストの種別 (YouTube, iframe, Link) 自動出し分け機能
  • 管理部メンバーページ
    • ページネーション機能の実装(12件/ページ)
  • リリースノートページ
    • 更新の詳細を外部サイト[Zenn]へ掲載しリンクカードを配置
    • ダークモードの修正[リンクカード]
  • 内部修正
    • ダークモード時のテキスト配色修正
    • CSS/JSのリファクタリング(統合と整理)

Ver.0.8.2-Beta+GhP (2025-11-30)

パス修正・追加

  • 修正: 各ページのヘッダー内のページパス・リンクを最新版に更新
  • 修正: ヘッダーのリンク修正
  • 追加: クリエイター情報の修正

Ver.0.8.1-Beta+GhP (2025-11-30)

緊急メンテナンス・パス修正

  • 修正: 各ページのヘッダー内メタ情報・リンクを最新版に更新
  • 修正: ファイルパスの記述ミスによるリンク切れを解消

Ver.0.8.0-Beta+GhP (2025-11-30)

Operation: ECLIPSE
クリエイターページ刷新とダークモード実装

  • クリエイター紹介
    • システム化とデザイン刷新
    • イラストギャラリー機能の追加
  • UI/UX改善
    • ダークモード切り替え機能の実装(配色最適化)
    • サイドバーのLINE誘導枠をカスタムデザインカードに変更
    • モバイル表示時のレイアウト修正
  • 管理
    • メンバー画像ファイルの命名規則変更とリネーム対応

Ver.0.7.0-Beta+GhP (2025-10-19)

Operation: MOMENTUM
トップページのデザイン刷新 (レスポンシブ強化)

  • ギャラリー/ヒーローセクション
    • PC版: 自動スクロール式スライダーに変更
    • モバイル版: スワイプ対応スライダーに変更
  • パフォーマンス改善
    • メインビジュアルを動画から静止画に変更し、表示速度を向上
    • レスポンシブ画像読み込み機能 (srcset相当の処理) を追加
  • バグ修正
    • 画像の表示比率とレイアウト崩れを修正
    • モバイル版でのリロードループバグを修正

Ver.0.6.3-Beta+GhP (2025-08-20)

  • 内部修正: レイアウトおよびGoogleタグの緊急修正
  • 改善: モバイル向けレイアウトの微調整

Ver.0.6.2-Beta+GhP (2025-08-14)

  • 修正: テキスト改行位置の改善と表示崩れの修正
  • 改善: 内部項目の順序コントロール簡易化

Ver.0.6.1-Beta+GhP (2025-08-13)

  • 変更: 「更新履歴」を独立ページへ移動
  • 変更: キービジュアル画像の変更

Ver.0.6.0-Beta+GhP (2025-08-08)

Operation: MATRIX

  • 改善: 「自己紹介ページ」および「サーバー情報ページ」の表示改善

Ver.0.5.0-Beta+GhP (2025-08-08)

Operation: PROTOCOL

  • 新機能: ボタン風リンク項目の実装
  • 改善: プロフィールデザインの最適化、注意事項(Notice Box)の追加

Ver.0.4.x シリーズ (2025-08-07 ~ 08)

Operation: VOYAGE

  • v0.4.4: 画像代替テキスト(alt)の変更
  • v0.4.3: 仮公開版の用意
  • v0.4.2: GitHub Pages運用への最適化
  • v0.4.1: CSS/JSファイルの独立化(外部ファイル化)
  • v0.4.0: ファビコンおよびPWA (Progressive Web Apps) の実装

Ver.0.3.x シリーズ (2025-07-16 ~ 17)

Operation: AEGIS

  • v0.3.3: HTTPS化・常時SSL化対応
  • v0.3.2: 各デバイス表示不具合の修正
  • v0.3.1: UI中規模アップデート
  • v0.3.0: UI刷新

Ver.0.2.x シリーズ (2025-07-09 ~ 14)

Operation: ARCHITECT

  • v0.2.3: 「製品ページ」追加
  • v0.2.2: 「このサイトについて」ページ追加
  • v0.2.0: Dev版初リリース、UI刷新

Ver.0.1.x シリーズ (2025-07-09)

Operation: GENESIS

  • Ver.0.1.1: 他のサイトへの誘導リンクを作成
  • Ver.0.1.0: サイトの土台を作成

Discussion