ID:78164さん

ご提示いただいた内容を、指定されたフォーマットに沿って3つのフェーズ・テーマに整理してまとめました。 #### チーム構成: 営業 2名, デザイナー 1名, エンジニア 9名 (計12名) --- ### プロジェクト概要 経営者向けSNSの既存Web APIを活用し、Flutterを用いたクロスプラットフォームのスマートフォンアプリ（iOS/Android）を新規開発。 --- ### 要件定義・API設計と顧客折衝 #### 【概要】 * 既存WebのAPIを活用したスマホアプリ新規開発における、要件定義およびAPI設計 #### 【開発・実装内容】 * 業務整理および業務フローを作成し、スマホアプリで必要なAPIの洗い出しと精査を実施 * お客様が提供するAPI資料と実際のAPIレスポンスの相違点を確認し、Swagger仕様書を作成 * 追加開発において保守性を高めるためのAPIレスポンスの変更依頼を自ら提案し、実装 #### 【課題】 * 既存のWebで使用されていないAPIの精査が必要だった * お客様から提供されたAPI資料と実際のAPIレスポンス内容が相違しており、1つのAPIに対して平均3回以上の修正依頼が発生するなど、要件定義の工数が膨大だった * 開発責任者が不在の際、プロジェクトを停滞させずにお客様との認識合わせを進める必要があった #### 【工夫】 * アプリで使用するAPI一覧を作成し、実際のレスポンスと資料の差異を明示的に貼り付けて具体性を高めることで、修正依頼の回数を削減 * 顧客との連携を密にとり、API設計段階で相違点を早期に発見して共通認識を形成 * 開発責任者不在時や社外MTGの際、自ら反映内容の資料作成や説明・折衝を行い、主体的に顧客対応を実施 #### 【成果】 * API資料の具体化により修正依頼回数が減少し、API改修のスピードアップと要件定義フェーズの効率化を実現 * 顧客と共通認識を形成したことで手戻りを削減し、保守性の高いAPIへの改善に成功 --- ### フロントエンド実装と生産性向上 #### 【概要】 * Flutterを用いたクロスプラットフォーム開発における、AIツールを活用したスピーディーな実装とバグ対応 #### 【開発・実装内容】 * FlutterおよびDartを用いたUI実装およびコンポーネント作成 * テストを含めた大規模なライブラリアップデート対応 * 既存バグのバックエンド修正や、特定のデザインバグなどの改修対応 #### 【課題】 * アジャイル開発において、スプリントごとのスピーディーな機能リリースが求められていた * 大規模なライブラリアップデート（想定工数2ヶ月）の対応が必要だった * 類似するバグが複数存在し、個別に対応していくと非効率だった #### 【工夫】 * CursorやGitHub CopilotなどのAIツールを積極的に活用し、コーディングを効率化 * 特定のバグ改修時に根本原因を特定し、共通する類似チケットを能動的に巻き取って一括で解消 * ライブラリアップデートにおいて、影響範囲の特定とテストを計画的に実施 #### 【成果】 * 工数2人日想定のUI実装作業をそれぞれ約6時間程度で完了させるなど、開発の生産性を大幅に向上 * 想定2ヶ月の大規模ライブラリアップデートを、計画よりも約2週間早く完遂 * 横断的なバグ改修により、アプリの品質を底上げし迅速な保守対応を実現 --- ### チーム連携・UX改善と運用保守 #### 【概要】 * デザイナー連携によるUI/UX改善と、アプリ公開を含めた安定的な運用保守体制の構築 #### 【開発・実装内容】 * デザイナーと密に連携したアジャイル開発の推進 * アプリ配信に関わる公開処理作業の実務 * 顧客からの問い合わせ対応や運用保守業務 #### 【課題】 * 実装上の制約とデザイン意図の間にギャップが生じることがあった * 既存のWeb SNSをスマホアプリ化するにあたり、ユーザーエクスペリエンス（UX）の最適化が必要だった #### 【工夫】 * エンジニアとデザイナーの橋渡し役として、実装上の制約とデザイン意図の調整を実施 * スプラッシュページのプッシュ通知設定モーダルの配置変更など、具体例を挙げてUI/UXの改善を自ら提案 * 安定したリリースに向け、公開作業の運用フローを構築 #### 【成果】 * エンジニアとデザイナー間で効果的なコミュニケーションを実現し、プロダクトのユーザー体験を最適化 * 安定的なリリース運用体制の構築と、バグに対する迅速な対応により顧客満足度の向上に貢献

https://masudarina.netlify.app/ ## プロジェクト概要 自身のデザインポートフォリオサイトを企画・設計し、シンプルで作品が映えるデザインを実装、公開まで一貫して担当しました。 ## 役割・体制 ### 自身のポジションと役割 - デザイナー兼フロントエンド・バックエンドエンジニアとして、サイトのデザイン考案からコーディング、デプロイ、運用保守まで全工程を単独で実施しました。 - UX視点を取り入れ、ユーザビリティと作品の魅せ方に重点を置いた設計・実装を行いました。 ### チーム規模と構成 - 単独での開発プロジェクトとして、企画から運用まで全てを担当しました。 ## 背景・課題 - ポートフォリオサイトの制作にあたり、作品が際立つシンプルかつ魅力的なデザインを実現することが最大の課題でした。 - 外部の参考サイトを幅広く調査し、トレンドやUI/UXのベストプラクティスを取り入れる必要がありました。 - 自身のスキルを的確に表現するため、デザインと機能のバランスを慎重に検討しました。 ## 実際の取り組み ### 開発環境 - TypeScriptを用いて、フロントエンドとバックエンドの両方を実装し、モダンなフレームワークやツールを活用しながら開発を行いました。 - アジャイル開発手法を採用し、短いサイクルで設計・実装・検証を繰り返し、改善を重ねました。 ### 設計・改善内容 - 複数のポートフォリオサイトを分析し、作品の魅力を最大化するためにミニマルなデザインと直感的なナビゲーションを設計しました。 - レスポンシブデザインを意識し、多様なデバイスでの閲覧に対応できるように設計と実装を行いました。 - ユーザー視点での使いやすさを重視し、ページ遷移のスムーズさや視認性の高いレイアウトを工夫しました。 - デプロイ環境は静的ホスティングサービスを利用し、リポジトリと直接接続させ、安定的かつ高速な公開を実現しました。 ### その他アピールポイント - 制作したポートフォリオサイトが実際のWeb制作依頼を獲得する営業ツールとして機能し、自身のブランディングとビジネス拡大に貢献しました。 ## 成果・価値 - シンプルで作品が映えるデザインにより、閲覧者からの評価が向上し、Webサイト制作の依頼を獲得しました。 - 一人で企画から運用まで担当したことで、開発スピードと柔軟性を確保し、短期間でのリリースを実現しました。 - UXを意識した設計により、ユーザーの閲覧体験が向上しました