Retty (corporate website)

Skilled

JavaScript / Vue.js / Nuxt.js / TypeScript / Node.js / microCMS

主な業務内容
  • 採用情報の更新
  • 静的ページの追加
  • ライブラリのアップグレード
  • 今後Nuxt3へアップグレードするための施策とその洗い出し
  • microCMSの導入
    • 外部API(microCMS)を叩いて実装
    • ページング機能を既存の構成から置き換え
    • カテゴリ選択と年別選択の一覧機能を追加
    • 記事詳細ページの追加
    • Figmaを用いたコーディング
    • Webデザイナーと協力して施策や発案

microCMSを使用したニュースページの開発は一人で担当しました
https://corp.retty.me/news/


技術的なアプローチや工夫した点

Markdown形式のニュース一覧ページのコンテンツを追加するときにコーポレート担当部署が資料作成しそれを開発チームが追加しないといけないという手間のかかる工程であったためmicroCMSを導入することになりその開発担当を一人で請け負いました。
その中で工夫したこととして外部APIを取得するにあたり、よりデータが増えても負荷がかからないようにすることやmicroCMSの入稿者が自由にカテゴリなどを追加できるように値を固定値にせず、microCMS上の管理ページで追加した値を自動的にUIに表出するような工夫を施し、形として成果ができるだけでなく、その後の管理やユーザーの方の利用のし易さなどを意識した実装を心がけました。

取り組みの成果

私が入社する前まではマネージャーや開発チームのフロントエンドエンジニアが担当していましたが、入社後は私が開発者しか行えない編集業務をメインで担当しておりました。それ以外にMarkdown形式だったNewsページの投稿をコーポレート部門が追加・編集を行えるようmicroCMSの導入を行い効率化に取り組んでいました。

Link