DevLog｜らくがき騎士団

2026年2月11日

ギャラリー機能の高度化（フィルタリングロジック刷新）：
- 複数タグ選択機能の実装：カテゴリボタンをトグル式に変更し、AND検索（複数条件）による絞り込みに対応。
- 矛盾タグの自動無効化：現在選択中のタグと組み合わせると結果が0件になるタグをリアルタイムで判定し、自動的にグレーアウト（選択不可）にするロジックを実装。
- UI/UX改善：「Tags menu」への名称変更、スマホ用ドロワーメニューの挙動修正、および選択解除時の不具合（CSS競合）を解消。
- リセット機能：「すべて」ボタンの横に、ワンクリックで全選択を解除するリセットボタンを追加。

2026年2月10日

管理用ツール「JSON Helper / Gallery Check」の開発：
- データ整合性チェック機能：本番環境のデザインを維持しつつ、作品ID昇順で全データを閲覧できる内部用ツールを構築。
- 入力支援機能：JSON編集を効率化するため、タグ名やコードスニペット（YouTube, Cinema, Layers等）をワンクリックでクリップボードにコピーする機能を実装。
- ステータス確認フィルタ：「動画あり」「ラフあり」「Cinema対応」などのプロパティ有無で即座に絞り込める管理用フィルタを搭載。

2026年2月1日

ページデザインの統一と刷新：
- 共通ボックスレイアウトの適用：Profile、Service、Contactページを、トップページのお知らせ等と同じ「白いカード型ボックス（最大幅800px）」デザインに統一。
- CSS設計の見直し：contents.css に共通クラス（.common-page-box）を定義し、各ページのレイアウト崩れを防ぐレスポンシブ設定（PC:固定幅 / SP:余白付き可変幅）を実装。
プロフィールページのUI/UX改善：
- 情報の整理：複雑だった2カラム構造を廃止し、スマホでもPCでも読みやすいシングルカラム構成に変更。
- コンバージョン導線の強化：「ご依頼募集中」のラベル化、およびお問い合わせ・ポートフォリオへの誘導ボタンを視認性の高いリッチなデザインに変更。
- 視認性向上：作業環境や使用ソフトを「タグ風デザイン」に変更し、一目で情報が入るように調整。SNSリンクにFacebookを追加し、Potofuボタンを強調。
サイトパフォーマンスと演出のチューニング：
- ページ遷移の高速化：下層ページ（Profile, Service, Contact等）からローディング画面（白い幕）を削除し、体感速度を大幅に向上。
- 背景アニメーションの軽量化：画像読み込み方式を廃止し、Canvasの描画コードのみで生成する「幾何学図形（三角形〜八角形）が浮遊するパーティクル」に変更。

2026年1月27日

ギャラリーIDの完全統合とファイル名規則の統一：
- 旧「TOP01」等の特殊IDを廃止し、全ての作品を共通の数字ID（例: 01, 167）へ統合。
- 画像パスを g_{id}.webp に一本化し、PHP/JSの両側で条件分岐を最小化。
ラフ・WIP比較機能のアップグレード：
- JSONデータに基づき、ボタンの表示・非表示、ラベルが自動で切り替わるロジックをJSで実装。
- 比較用画像パス（_rough.webp / _wip.webp）の動的生成に対応。

2026年1月21日

高解像度ビューワー「Cinema Mode」の実装：
OpenSeadragonライブラリを採用し、大画面・高画質でイラストを没入鑑賞できる専用ページを構築。
ギャラリー機能の拡張と連携：
- Cinemaボタンの実装：作品詳細モーダル内に、対応作品のみボタンを自動表示。
- JSONデータ連携：フラグ制御による表示切り替えを実装。
トップページ改修：
新機能を告知するためのシネマティックなバナーエリアを設置。

2026年1月12日

URL構造の最適化とSEO対策：
- パーマリンク変更：ブログ記事URLを数字ベース（/archives/ID）へ変更。
- 一括リダイレクト：正規表現を用いた301転送設定を構築。
- 正規URLのクリーンアップ：PHPによるパラメータ除外処理を実装。
- robots.txt設定：不要なパラメータ付きURLへのクロールを制御。

2026年1月11日

ブログシステム（WordPress）の本格実装：
オリジナルテーマを開発し、サイト全体との統一感を確保。
外部サービス連携機能の強化：
- Note連携：RSSを利用した最新記事ウィジェットの開発。
- YouTube連携：動画ID自動抽出ロジックの実装。
独自ウィジェット・サイドバー開発：
プロフィール、SNS、アーカイブ、タグクラウド等を網羅した多機能サイドバーを構築。

2026年1月9日

ギャラリー機能の大幅アップデート：
Before/After比較機能、YouTube再生機能、独自シェアメニューを実装。
スマホ版UI/UXの改善：
操作ボタンの下部固定、表示領域の最大化、作品情報の折りたたみ機能を実装。
PC版レイアウトの最適化：
オートフィットレイアウトによる閲覧性の向上。

2026年1月7日

ギャラリーページの高速化：遅延読み込み（Lazy Loading）の実装。
ローディングUIの実装：読み込み待機画面の導入。
スライドショー機能拡張：JSONデータに基づく動的生成へ移行。

2025年12月29日 (System Update)

システムページのデザイン刷新：404、完了、エラーページを統一デザインに変更。
ファイル最適化：不要なCSS/JSの削除と統合。
セクションデザイン統一：お知らせ・バナーエリアをカード型デザインに統一。

2025年12月29日

トップページメインビジュアル刷新（ヒーローヘッダー実装）。
Swiper.js導入によるスライドショー機能強化。
ギャラリーとトップページの連動機能実装。

2025年12月21日

お問い合わせフォーム（通常・個人・法人）の実装。
reCAPTCHA等のセキュリティ対策実装。

2025年12月3日

プロフィールページ作成。
サイト内画像のWebP化による高速化。

2025年11月23日

トップページデザイン概成。
iOS Safariでの表示崩れ修正。

2024年8月23日

ナビゲーションメニューのデザイン試作。
ギャラリー機能のプロトタイプ作成。