hafuture
Back to Blog

ブログ機能アップデート:多言語対応と新しい体験

hafutureブログに追加された多言語対応、言語切り替えスイッチなどの新機能を紹介します。

Next.jsi18nFeature

こんにちは!hafutureブログが新しい機能と共にアップデートされました。今回のアップデートは、世界中のユーザーにより良い体験を提供するための多言語対応に重点を置いています。どのような機能が追加されたのか、詳しく見てみましょう!

1. 完全な多言語対応 (i18n)

hafutureブログは現在、日本語 (JP)英語 (EN)韓国語 (KO) の3ヶ国語に対応しています。 単にUIが翻訳されただけでなく、すべてのブログ記事が各言語に合わせて個別に作成されています。

2. かわいい言語切り替えスイッチ (Language Switcher)

記事を読んでいて、他の言語で読みたいと思いましたか?記事タイトルのすぐ横にある、かわいい言語切り替えボタンをチェックしてください!

  • 直感的なデザイン: 'JP', 'EN', 'KR' と表示された、すっきりとした丸いボタンです。
  • 即時切り替え: ボタンをクリックすると、現在読んでいる記事の該当する言語バージョンにすぐに移動します。

3. SEO最適化 (Hreflang Tags)

検索エンジンがユーザーの言語設定に合ったページを見つけられるように、すべてのページに Strict Hreflang Tags が適用されました。 これにより、Googleなどの検索エンジンでhafutureのコンテンツが適切な言語ユーザーに表示されるようになります。

4. 技術スタックのアップグレード

このブログは最新のWeb技術に基づいて構築されています。

  • Next.js 16 (App Router): 高速で最適化されたパフォーマンスを提供します。
  • MDX: Markdown内にReactコンポーネントを自由に埋め込むことができます。
  • Tailwind CSS v4: 洗練されたレスポンシブなスタイリングを実現します。

これからも、より有益なコンテンツと便利な機能をお届けします。ありがとうございます!