市田 圭司

[プロジェクト概要] Vue2系からNext.js13への移行 [チーム情報] ・チームメンバー: 2名 ・業務委託: 2 [実績] 画面数60画面の内20画面を開発 [使用技術] ・useSWR ・Redux(Redux toolkit) ・Next.js13 ・app router ・openAPIgenerater 開発・実装内容 ・アトミックデザインを採用してコンポーネント開発 ・フォーム画面の実装 ・閲覧順やいいね順でならべかえるためのソート機能実装 ・ログイン情報を保持する機能を実装 ・app routerを使って、ルーティングを実装 ・パフォーマンス改善 問題点/苦労した点 Next.js 13の情報収集に苦労しました。このバージョンでは、新たに導入されたapp routerを使用して開発を行いましたが、関連記事がまだ充実しておらず、学習に時間を要しました。公式ドキュメントの熟読と、海外の情報を辛抱強く探し読み込むことで、アプリの実装を進めることができました。 今後、身につけなければいけないと思っている技術 将来的に身につけていきたい技術の中で、セキュリティに焦点を当てることが不可欠だと感じています。デジタル環境がますます複雑化し、情報の価値が高まる中で、セキュリティの確保は極めて重要な要素です。したがって、これについての知識を深め、スキルを磨いていくことが将来的な成長につながると確信しています。 特に、アプリケーション開発の過程で脆弱性に対する理解を深める必要があると考えています。システムやアプリケーションに潜む潜在的な脆弱性を見つけ、定期的なセキュリティオーディットを通じて予防的な対策を講じることが大切です。これにより、開発したアプリケーションが安全で信頼性の高いものとなり、ユーザーにとって安心感を提供できるようになるからです。 また、Next.jsの標準機能ではカバーできない課題が発生しましたが、DOMを直接操作することで実装を実現しました。