多言語サイト制作
- 実績内容
- 多言語サイト制作
- 種別
- 人材紹介・派遣
- 目的
- 信頼感 / ブランドイメージ向上
- 期間
- 短期（1〜3カ月）
どんなことをしたのか
多言語サイト制作に携わりました。
✅ 担当した業務
実装〜運用保守までを担当しています。 多言語でのサイト制作をする上で、誰もが保守しやすいように、あらかじめ設計を考えることを大事にしていました。 ここでの保守は、
- 多言語話者のサイト更新者
- ユーザー（マイページも作成しました）
- サイトの実装者
✍ 企画
📐 設計
UI設計
🧩 制作実装
コーディング・実装 , SEO対策 , フォーム・メール関係
🔧 保守・運用
SSL発行 , サーバー移行 , CMSアップデート , 脆弱性対応
設計で工夫した点
ニュースのカテゴリーでタブごとにカテゴリー分けしたニュースを見られるようにしました。
更新者も更新しやすいよう、カテゴリーを選択するだけで、タグ分けできるようにしています。
多言語実装について
各言語は、以下のように、ディレクトリで言語を分けています。
英語 hoge.jp/en/
インドネシア語 hoge.jp/id/
ベトナム語 hoge.jp/vi/
同一テンプレート上での、各言語での出しわけは、
IFで切り替える
ディレクトリで切り替える
方法をとっていました。
ブログ全体やフォームなど、広範囲に影響があるもの、言語が増えるなどで複製されうるものなどは、ディレクトリで切り替えをしていました。
IFで切り替える場合は、例えば、以下のボタンで、テキストを切り替えるのみなど影響が少ない場合はIFで切り替えました。
<!-- BEGIN_IF [%{BCD}/eq/en] -->Applications
<!-- ELSE_IF [%{BCD}/eq/id] -->Berbagai Pendaftaran
<!-- ELSE_IF [%{BCD}/eq/vi] --> Các loại đăng ký
<!-- ELSE -->各種申し込み
<!-- END_IF -->多言語マイページ実装について
ユーザーがそれぞれログインIDを所有し、特定のカテゴリー（http://hoge.jp/en/mypage/login）へログインして情報を閲覧できるように設計しました。赤字を該当の言語IDで言語ごとにマイページを分けています。
各言語の管理画面から、それぞれ各言語の更新者が、ユーザ向けに情報を発信できるように、掲示板の中身も言語毎に分けられる仕様にしています。
英語版マイページ一例
日本語版マイページ一例
英語版 NEWS実装
インドネシア版 NEWS実装
ベトナム版 NEWS実装
英語版 PC全体
（※クライアントワークのため、詳細なリンク先は記載しておりません。また、スクリーンショットには塗り重ねをしております。）
