更新履歴

Discordアバター装飾のすべてのアップデート、新機能、改善を追跡

v1.2.0

バージョン 1.2.0

🌍 多言語対応

  • フランス語、スペイン語、ドイツ語、イタリア語、日本語、韓国語、アラビア語の7言語を追加
  • すべての対応言語で5つの主要ページ（アバター、アバターデコレーション、FAQ、更新履歴）を翻訳
  • 各言語のSEOメタデータ、JSON-LD構造化データ、UIテキストを多言語化
  • 現地の検索意図に合わせて翻訳を最適化し、海外からの発見性を向上

🧭 RTL（右から左）対応

  • アラビア語向けに右から左へのレイアウト（RTL）に対応。htmlのdir属性で自動適用
  • テキストの配置やコンポーネントの流れを適切に保ち、アラビア語UIを正しく表示
v1.1.9

バージョン 1.1.9

⚡ パフォーマンス

  • デスクトップとモバイルで世界トップクラスのCore Web Vitals（LCP＆CLS）を達成
  • 安定したレイアウト、プリロード、フォントメトリクスの上書きでHeroセクションを最適化
  • 無限スクロールを実装し、DOMサイズを最適化してスタイル計算時間を短縮
  • preconnectヒントを追加し、フォント表示を最適化してリソースの読み込みを高速化

✨ UXの向上

  • 没入型のGeneratingOverlayで「アバターを保存」の待機体験を刷新
  • 動的プレビュー、キラキラエフェクト、多層アニメーションを追加
  • コンテキストに応じたステータス更新でインテリジェントな進捗追跡を実装
  • 生成中の冗長な要素を削除してUIを磨き上げ

🔧 インフラ

  • プライバシー重視の利用追跡のためUmamiアナリティクスを統合
v1.1.8

バージョン 1.1.8

🌑 ダークモードの強制

  • ナビゲーションバーからライト/ダーク切り替えボタンを削除
  • プロジェクト全体で専用のダークモードを適用
  • Navbarコンポーネントからテーマ関連の状態ロジックをすべて排除

🎨 UIの一貫性

  • gradientClassプロップによる動的グラデーションでSearchBarコンポーネントを強化
  • discord_avatarページで検索バーとHeroセクションの一貫性を最適化（青紫テーマ）
  • discord_avatar_decorationページで検索バーとHeroセクションの一貫性を最適化（紫ピンクテーマ）
  • 検索バーコンテナにガラス風（glassmorphism）デザインパターンを実装

🧹 コードのクリーンアップ

  • global.cssから未使用のライトモードテーマ変数をすべて削除

🏷️ 分類の更新

  • AvatarとDecorationの両ギャラリーから「その他」カテゴリを完全に排除するよう分類ロジックを改良
  • 以前未分類だったアイテムを細かいカテゴリ（例：キャラクター・マスコット、エステティック・雰囲気）に再配分
  • より正確な自動分類のためにキーワードマッチングを拡張
  • 重複を防ぐため、すべてのアイテムに厳密な単一カテゴリ割り当てを保証

🔗 ナビゲーション

  • ナビゲーションバーのロゴエリアのロゴとテキストを最適化
  • ナビゲーションバー全体のUIを磨き上げ
v1.1.7

バージョン 1.1.7

🎯 プレビューモーダルの操作

  • プレビューモーダルの操作ボタンを Discordアバターギャラリー と Discord装飾ギャラリー でより明確なレイアウトに移動
  • Discordアバターと装飾の両ギャラリーで操作ボタンの幅をw-72に統一
  • Discordアバターギャラリーのプレビューに「このアバターを使う → 装飾を選ぶ」を追加
  • Discord装飾ギャラリーのプレビューに「この装飾を使う → アバターを選ぶ」を追加
  • 両ギャラリーでCTAアイコンを統一
  • 両ギャラリーのプレビュー操作に「コーヒーをおごる」ボタンを追加
  • Discordアバターギャラリーから「アバター名をコピー」ボタンと関連コードを削除

🎞️ GIF生成

  • 「アニメGIFを保存」が両ページで遅延読み込みされたFFmpegを使ってプレビューウィンドウ内で直接生成するように
  • Discordアバターと装飾の両ギャラリーに生成進捗インジケーターと失敗フィードバックを追加
  • GIF生成はDiscordアバターと装飾の両ギャラリーで選択された装飾オーバーレイを尊重
  • 「静止画像を抽出」ワークフローと GIFフレーム抽出ツール へのルーティングを統合

🎨 オーバーレイ＆UX

  • 両ページでグラデーション＋軽いぼかしと光るヒントピルでホバーオーバーレイを強化
  • Discordアバターと装飾の両ギャラリーでモバイルのコピーを適応：タップでプレビュー（モバイル）、クリックでプレビュー（デスクトップ）
  • 両ギャラリーでオーバーレイのサイズと角丸をアバターコンテナに合わせて配置
  • Discordアバターギャラリーのプレビューにデフォルト装飾（treat_ghost）を適用し、Discord装飾ギャラリーからのページ間装飾転送をサポート

🏠 ホームページ

  • ホームページ で「Mask Face with Emoji」を「ワンクリックで顔を隠す」に rename し、アイコンを /emojiface-192x192.png に変更
  • 「Discordアバター装飾ギャラリー」を「Discord装飾ギャラリー」に rename
v1.1.6

バージョン 1.1.6

🔗 ナビゲーションの更新

  • ナビバーの「Discuss」項目を「その他のツール」に置き換え、/other-tools にリンク
  • 一貫したナビゲーションのためにモバイルメニューの変更を同期

📱 モバイルメニューの強化

  • モバイルメニューを右寄せの狭いフローティングパネルに変換
  • パネルにフェードインボックスとスライドインアップアニメーションを追加
  • 半透明オーバーレイ経由の外側クリックで閉じることを有効化
  • 視覚的フィードバックのためにパネル内のマウス追従ハイライトを追加
  • わずかなtranslate-xモーションでメニュー項目のホバーを強化

🛠 その他のツールページ

  • 「Mask Face with Emoji」を「EmojiFace - ワンクリックで顔を隠す」に更新
  • プライバシー重視の機能への説明を更新
  • アイコンを /emojiface-192x192.png（w-10 h-10、rounded-lg）に変更
  • tool.icon のレンダリングサポートを追加（絵文字へのフォールバック付き）

🖼 ホームページの更新

  • デフォルトのプロフィールプレビュー装飾を treat_ghost に変更
  • 「その他のツール」リンクのアイコンを lootbox に更新し、リンクの先頭に配置
v1.1.5

バージョン 1.1.5

✨ 機能の更新

v1.1.4

バージョン 1.1.4

📝 コンテンツの更新

  • 新しいブログ記事を追加：「新登場＆無料！30以上の新しい無料Discordアバター装飾を装飾ギャラリーに追加！」
  • The Final Peel、Warframe Clem、Dart Monkey、Infinite Swirlなど、新しいDiscordアバター装飾を紹介
  • 新しい装飾機能の詳細な説明でブログコンテンツを充実
  • 新しいブログ記事の包括的なSEO最適化を追加

🔧 技術的な改善

  • 新しいブログ記事URLのクライアント側ルーティング設定を修正
  • src/index.jsx で /blog/new-free-discord-avatar-decorations の適切なルートマッピングを追加
  • 新しいブログ記事のエントリで sitemap.xml を更新
  • 新しいブログ記事の注目装飾画像で sitemap-images.xml を充実

🎨 新しい装飾の展示

  • 詳細なプレビューで The Final Peel 装飾を紹介
  • ゲーム愛好家向けに Warframe Clem 装飾を紹介
  • ユニークなデザイン要素で Dart Monkey 装飾を強調
  • 動的な視覚エフェクトで Infinite Swirl 装飾を紹介
v1.1.3

バージョン 1.1.3

📱 モバイルナビゲーションの強化

  • モバイルデバイスで「Discord Avatar Decorations」ブランドテキストを表示するようモバイルナビゲーションを強化
  • 小さな画面でのブランドの視認性と認知度を向上
  • 最適なモバイル表示のためにフォントサイズを調整（モバイルはtext-lg、デスクトップはtext-xl）
  • よりクリーンなモバイルインターフェースのためにサブタイトルの表示をデスクトップのみに維持
  • ブランド認識の向上でモバイルユーザー体験を改善

🎯 ユーザーインタラクションの改善

  • アバター選択時にプロフィールプレビューエリアへの自動スクロールを実装
  • 装飾選択時にプロフィールプレビューへのスムーズなスクロールアニメーションを追加
  • 選択後に自動的にプレビューにフォーカスするようワークフローを改善
  • プレビューエリアへのシームレスなナビゲーションでユーザー体験を向上
  • スクロール前にDOM更新が完了するように100msの遅延を追加
  • 中央ブロック配置でスムーズなスクロール動作を設定

☕ Buy Me a Coffee連携

  • 元のデザイン仕様に合わせて「コーヒーをおごる」ボタンのフォントスタイルを更新
  • 一貫したブランドのために18pxのCookieフォントを適用
  • 視覚的バランスのために絵文字サイズを16pxに調整
  • 黄色の背景（#FFDD00）と黒いテキストを維持
  • ボタンのスタイルがBuy Me a Coffeeの公式デザインガイドラインに準拠することを保証

🎨 UI/UXの仕上げ

  • 「アニメGIFを保存」「静止画像を抽出」「コーヒーをおごる」ボタンの幅を統一
  • 視覚的階層のためにアクションボタン間の垂直間隔を改善
  • w-72幅標準でボタンレイアウトの一貫性を強化
  • 視覚的バランスのためにボタンコンテナの間隔をgap-2からgap-3に最適化
  • よりプロフェッショナルな見た目のためにボタンスタイルを簡素化
v1.1.2

バージョン 1.1.2

🔍 検索バーの改善

  • 検索ボックスからグラデーション枠の背景エフェクトを削除し、よりクリーンな外観に
  • 元のカラースキームを維持しつつ、ぼやけたグラデーション glow エフェクトを排除
  • 読みやすさのために実線の枠で検索ボックスのスタイルを簡素化
  • 検索インターフェースの視覚的明瞭さを向上させ、視覚的ノイズを低減
  • より良いインタラクションフィードバックのためにフォーカスとホバーの状態を強化

🎨 UI/UXの強化

  • よりプロフェッショナルな外観のために検索コンポーネントのデザインを簡素化
  • ぼかしエフェクトを削除しつつ、ピンク・紫・青のカラースキームを維持
  • より明確な視覚的境界で検索ボックスのアクセシビリティを向上
  • 検索インターフェース全体の視覚的一貫性を強化

🎞️ GIFフレーム抽出ツールの改善

  • 一貫したサイトナビゲーションのためにGIFフレーム抽出ツールページにNavbarコンポーネントを追加
  • 均一なページ構造を維持するためにFooterコンポーネントを統合
  • SEOメタキーワードを「無料アニメGIFフレーム抽出ツール、GIFフレーム抽出ツール、GIF画像をフレームに分割」に更新
  • すべての状態でナビゲーションとフッターが正しく表示されるようページ構造を再構成
  • 適切なコンポーネント統合で他のサイトページとのページ一貫性を向上

🔗 ナビゲーション＆ホームページの更新

  • 専用のGIFアイコン付きでホームページのリンクセクションに「GIFフレーム抽出ツール」リンクを追加
  • 視認性を高めるためにリンクセクションの最初の項目としてGIFフレーム抽出ツールリンクを配置
  • 他のホームページリンクと一貫したスタイルとホバーエフェクトを実装
  • ホームページからGIF抽出ツールへの直接アクセスを提供してサイトナビゲーションを改善
  • GIFフレーム抽出ツール機能の発見可能性を向上
v1.1.1

バージョン 1.1.1

📄 新しいページ

  • 会社情報とミッションを含む包括的な「私たちについて」ページを追加
  • 完全なCookie使用情報を持つ詳細な「Cookieポリシー」ページを作成
  • 複数のサポートチャネルと対応時間を持つ「サポートに連絡」ページを実装
  • すべての新しいページは一貫したデザイン言語とSEO最適化を備えています

🎨 フッターの強化

  • バランスを取るためにフッターのレイアウトを3列から4列に再構成
  • 既存のセクションと共にフッターに新しい「私たちについて」セクションを作成
  • 「私たちについて」と「サポートに連絡」リンクを「法的事項」から新しい「私たちについて」セクションに移動
  • フッターの視覚的階層とリンク構成を改善
  • より良いモバイル体験のためにレスポンシブデザインを強化

🔗 ナビゲーション＆ルーティング

  • すべての新しいページの適切なルーティング設定を追加
  • より良いSEOのために新しいページを含めるようプリレンダールートを更新
  • 新しく作成されたページの404エラーを修正
  • すべてのフッターリンクが正しく機能することを保証

🎯 ユーザーエクスペリエンス

  • 明確なサポートと法的事項情報でサイトナビゲーションを改善
  • 詳細なCookieとプライバシー情報で透明性を向上
  • 専用のお問い合わせページでサポートプロセスを簡素化
  • 情報を見つけやすくするためにフッターセクションをより良く構成
v1.1.0

バージョン 1.1.0

🎨 ビジュアルの強化

  • お客様の声セクションの背景グラデーションシステムを完全に再設計
  • 深宇宙の美学を持つ多層の宇宙的グラデーションを追加
  • 暖かいと涼しいトーンの移行を持つ動的な色のオーバーレイを実装
  • 放射状グラデーションのスポットライトで中央フォーカス効果を向上
  • 微妙な幾何学模様を持つアニメーショングリッドの背景を追加
  • より深い視覚的奥行きのためにきらめく星のエフェクトを導入

✨ ダイナミックエフェクト

  • 複数の光源を持つ動的ライトエフェクトシステムを再設計
  • スムーズな移行を持つ流れるようなライトアニメーションを追加
  • より豊かな雰囲気のためにパーティクルライトエフェクトを実装
  • 異なる強度を持つ新しいアニメーションライト要素を作成
  • 異なるセクション間のスムーズなグラデーション移行を追加
  • より良い照明分布で視覚的フォーカスを向上

🎭 アバターシステム

  • 新しいカラフルなデザインでユーザーのお客様の声アバターを更新
  • 明るくエネルギッシュなテーマの黄色のアバターを追加
  • クラシックで情熱的なデザインの赤のアバターを追加
  • 動的な虹のエフェクトを持つColor Waveアバターを追加
  • 驚くべき光の屈折を持つPrismatic Wavesアバターを追加
  • 神秘的な暗いエレガンスを持つMidnight Prismアバターを追加
  • 柔らかく繊細なカラーパレットを持つPastelアバターを追加

🚀 パフォーマンスの向上

  • より良いパフォーマンスのために背景レンダリングを最適化
  • 冗長なグラデーション移行コードを削除
  • よりスムーズなアニメーションのために動的ライトエフェクトを簡素化
  • コード構造と保守性を改善
  • 異なるコンポーネント間の視覚的一貫性を強化

🎯 ユーザーエクスペリエンス

  • お客様の声セクションの視覚的階層を改善
  • より良いコントラスト比で読みやすさを向上
  • ユーザー維持のためにより魅力的な視覚要素を追加
  • より没入感がありモダンなデザイン美学を作成
  • 全体的な視覚的魅力とプロフェッショナルな外観を改善

さらに多くのアップデート予定

私たちは常に新機能と改善に取り組んでいます。さらに楽しみなアップデートをお楽しみに！