ホテル・旅館宿泊予約サービスの新規画面開発や既存機能の改修・追加実装・多言語対応
(コーディング、制作ディレクション)
【業務内容】
・ホテル・旅館宿泊予約サービスの新規画面開発や既存機能の改修・追加実装・多言語対応
既存の画面や機能に対する改修や、新しい機能の実装を行いました。実装にあたり、Next.jsを用いてサイトの高速化やSEO対策を行いました。
・APIの非同期処理によるデータ取得と画面構築
REST API(axios)を使用してバックエンドとの通信を行い、getServerSidePropsを各ページで使用しました。API通信においては非同期処理を行い、API通信の速度によってレンダリングに時間がかかることがあったため、Skeleton Loadingなどの技術を使用してUXを改善しました。
・状態管理の設計
ReactフックであるuseReducerやuseContextを用いた状態管理の設計も行いました。複雑な状態を管理する場合はReduxを用いることもありましたが、状態が単純な場合にはReact標準のフックを使用しました。状態管理によって、開発効率や可読性、メンテナンス性の向上に貢献しました。
・テストは機能や要件を理解した上で、Googleスプレッドシートにシナリオを洗い出し、メンバー全員でマニュアルテストを実施しました。具体的なテストケースには、宿泊施設検索画面、検索機能、予約確認画面、マイページ画面などの確認が含まれています。
【成果】
・スムーズで直感的な操作が可能な画面を提供し、ユーザビリティの向上に貢献しました。また、コードの可読性とメンテナンス性が向上したことで、開発効率の向上とリリースまでのスピードアップにも貢献しました。
【まとめ】
Next.jsを使用した画面開発やAPI通信、状態管理などの業務を担当しました。成果として、スムーズで直感的な画面、コードの可読性とメンテナンス性の向上、UXの改善などを得ることができました。また、開発中に発生した問題に対して、Skeleton LoadingやAtomic Design、Redux Toolkitなどのベストプラクティスを導入し、解決策を導入しました。
6ヶ月
1,000,000 円
2023年7月3日
ディレクター兼フロントエンドエンジニアとして10年以上活動しております。
一連の開発フローにおいて対応可能なフロントエンドエンジニアとして、持っている知識と経験を駆使して、ユーザーフレンドリーで直感的なWebサイトの提供を目指しています。
また、受託制作における多くのプロジェクトを通じて、忍耐力とチームワークの重要性を深く認識しており、これらの価値を大切にすることを心掛けています。自身の成長だけでなく、その結果として優れたWebサイト開発に貢献することが、私の最終的な目標です。
【経験とスキル要約】
・フロントエンドエンジニアとしての経験、主にReact.jsなどのコーディング。
・大規模サイトの設計およびテクニカルディレクションの経験。
・大規模サイトの運用・更新、キャンペーン、バナー広告のデザインおよび実装。
・お客様との打ち合わせから納品までの制作工程全体の経験。
・チームメンバーの管理、窓口業務、実装、ディレクションの経験。
・コミュニケーション、スケジュール管理、品質管理のスキル獲得。
・UI設計、設計手法、レンダリング速度の最適化方法の知識。
・最新技術やフレームワークの採用、開発効率と品質向上への取り組み。
◆スキル
・テンプレートエンジン
EJS、Pug
・altCSS
Sass、LESS、Stylus
・フレームワーク
Vue.js(Nuxt.js)、React(Next.js)
状態管理はReduxtoolkitを使用
・サーバーサイド
PHP、Wordpress
・コミュニケーションツール
ChatWork、Slack
・モジュールバンドラー、タスクランナー
webpack、gulp、Grunt
・タスク管理
Backlog、Trello、Redmine、Asana
・エディタ
Visual Studio Code、Atom、Sublime Text
・オーサリングソフト
Photoshop、Illustrator、Dreamweaver、XD、Figma
・バージョン管理
Git(Source Tree)
・その他ライブラリ
Underscore.js