CINXE.COM

<!DOCTYPE html><html lang="ja" data-scope-path="layouts/application"><head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#"><link crossorigin="" href="https://www.google-analytics.com/analytics.js" rel="preconnect" /><link rel="preload" href="/fonts/noto-sans-jp-v24-japanese-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/fonts/noto-sans-jp-v24-japanese-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-25666851-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-25666851-3'); </script> <link rel="stylesheet" media="all" href="/assets/ress-d1ba3a251927ab1f2bcc841c9a810109355bcb4260a522a0f76452fdc2fe6095.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/application-dda4ec688c139c8f29c39a2a795bcf4af04c4326643549a37f5d8843fffaebab.css" /><link rel="stylesheet" media="all" href="/assets/scopes/articles/show-37905516c06229c8fde10714e660fc48bc7b6ce7881755707db8b0327ceb5bf1.css" /><link rel="stylesheet" media="all" href="/assets/scopes/partials/_viewer-3a78a10250bb498047a06b71271b62ea949e304d25b9781c4450cf998aa2640c.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/_header-db87b54171cc020758ab7d1494677f8f6c2e9c93b453e896af82e4814eaacc7c.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/_breadcrumbs-744a099ab0b9eb5c4bd45215617e267c7d7c404ddddce8810eead5335512e637.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/_footer-a06961717440c6d0183c582c7f21768011f334d368f51b614eabc87bb17b3bbf.css" /><script src="/packs/application-02365dbc4dc28919eee1.js" defer="defer"></script><link href="/icon.png" rel="icon" type="image/png" /><link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png" /><link href="/feed" rel="alternate" title="RSS2.0" type="application/rss+xml" /><title>PO・PM・SE 的プロダクトの「改善フロー」「設計推進方法」「PJT管理」備忘録📝 | Basicinc Enjoy Hacking!</title><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="Mfski/UVr22Wu0Vukyw/+KaHdAEMtSrcmtS5VOFdv0U/A1s/5C5vfZzt3fRnu5ziZKtwT5Qn2FNmhnxABnPKYg==" /><meta content="width=device-width,initial-scale=1" name="viewport" /><meta content="PO・PM・SE 的プロダクトの「改善フロー」「設計推進方法」「PJT管理」備忘録📝 | Basicinc Enjoy Hacking!" property="og:title" /><meta content="article" property="og:type" /><meta content="2019-12-24T00:45:59+09:00" property="article:published_time" /><meta content="2019-12-24T11:27:57+09:00" property="article:modified_time" /><meta content="hitomim" property="article:author" /><meta content="Technology" property="article:section" /><meta content="https://tech.basicinc.jp/articles/182" property="og:url" /><meta content="https://tech.basicinc.jp/assets/default_eyecatch-9e0d94e7defd5e124532d0b790a8f8cccfdffa0aed4581afa5f932cfec0b39a2.png" property="og:image" /><meta content="image/png" property="og:image:type" /><meta content="1200" property="og:image:width" /><meta content="630" property="og:image:height" /><meta content="この備忘録記事のゴール最近、後輩メンバーから「POになりたい、PJTリーダーやプロダクトよりのエンジニアになりたい、でも何したら？」というのを聞いたのでこういうやり方進め方もあるのだと1つでもヒントなったらプロダクト改善の企画〜開発PM までの流れの一例が知れるそれぞ..." property="og:description" /><meta content="ja_JP" property="og:locale" /><meta content="summary" name="twitter:card" /></head><body><header data-scope-path="layouts/_header"><div class="header-contents"><a class="root-link" href="/"><svg class="site-logo"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#logo"></use></svg><div class="site-title">Enjoy Hacking!</div></a><div class="site-desc">Basicinc エンジニアブログ</div></div></header><nav data-scope-path="layouts/_breadcrumbs"><ul class="breadcrumbs" itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"><span class="pretext">% cat </span> <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a itemprop="item" href="/"><span itemprop="name">~</span></a><meta itemprop="position" content="1" /></li>/<li class="current" itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><span itemprop="name">PO・PM・SE的プロダクトの「改善フロー」「設計推進方法」「PJT管理」備忘録📝.md</span><meta itemprop="item" content="https://tech.basicinc.jp/articles/182" /><meta itemprop="position" content="2" /></li></ul></nav><div data-scope-path="articles/show"><article class="article"><h1 class="article-title">PO・PM・SE 的プロダクトの「改善フロー」「設計推進方法」「PJT管理」備忘録📝</h1><div class="article-desc"><a class="article-author" href="/authors/8"><img class="article-author-avatar" src="https://tech.basicinc.jp/uploads/731c16a0bab5706812d64d875f23f667.jpeg" /><span class="article-author-name">hitomim</span></a><div class="article-date-info"><time class="article-posted-date with-separator">Posted 2019-12-24</time><time class="article-revised-date">Revised 2019-12-24</time></div></div><div class="article-body"><div data-scope-path="partials/_viewer"><h1>この備忘録記事のゴール</h1> <p>最近、後輩メンバーから「POになりたい、PJTリーダーやプロダクトよりのエンジニアになりたい、でも何したら？」というのを聞いたのでこういうやり方進め方もあるのだと1つでもヒントなったら<img draggable="false" title=":star2:" alt="🌟" src="https://twemoji.maxcdn.com/2/svg/1f31f.svg" class="emoji" loading="lazy"></p> <ul> <li>プロダクト改善の企画〜開発PM までの流れの一例が知れる</li> <li>それぞれのフローでのやり方Tips例が知れる</li> </ul> <p>※半分ポエムかもしれない。</p> <h1>目次大枠</h1> <ul> <li>前提</li> <li>[事前]-プロダクト改善を進める前の全体像</li> <li>[P]-プロダクト改善フロー全体像(企画〜開発)</li> <li>[T]-チーム・体制改善</li> <li>各詳細</li> <li>[S]-スケジュール管理タイミング・方法</li> <li>まとめ</li> <li>参考</li> </ul> <h1>前提</h1> <p>今まで、手探りで新規立ち上げやリニューアルなど10pjtほど、PGにはじまりSE・PM的な役割を兼務するような形で関わってきましたが、<br> 今年(2019年)は、さらに今までに経験したことがない多機能さ、多くの課題、複雑さに出会い^^;<br> 守備範囲を広げて取り組んできたので、プロダクト改善に必要なフローや必要なことを自分なりに整理して備忘録的な記事をまとめてみました。</p> <p>(10pjt中PM的な役割をしたのは7pjt、全部リリース予定をほぼ守ってこれたのは良かった＾＾)</p> <p>手探りで進めてきたところも多々あるので、やってはいるけどうまくはできてないところや認識違いをしているところもあるかと思います。<br> また、来年はエンジニア領域にもっと集中していく予定ではありますが、引き続きプロダクトよりのエンジニアとしてより知識と経験をためていきたいと思います。</p> <p><strong>今の担当プロダクト</strong></p> <ul> <li>多機能なツール系 Webサービス</li> <li>フェーズ:提供する機能(価値)の大枠は決まっていて改善フェーズ</li> </ul> <h1>[事前]-プロダクト改善を進める前の全体像</h1> <p>まずは把握しておきたいこと<br> 詳細はそれぞれ後述します</p> <ul> <li>[事前1]-事業の方向性・戦略確認 <ul> <li>1-1.ビジョン・ミッション</li> <li>1-2.コアバリュー</li> <li>1-3.ペルソナ</li> <li>1-4.理想のプロダクトの状態</li> <li>1-5.ポジショニング・競合定義</li> <li>1-6.現在の最優先課題定義</li> <li>1-7.優先判断軸の定義</li> </ul> </li> <li>[事前2]-ユーザーの利用シーン課題・用語の理解 <ul> <li>2-1.用語の理解</li> <li>2-2.利用シーン課題理解</li> </ul> </li> <li>[事前3]-ステークホルダーの確認 <ul> <li>3-1.責任範囲と意思決定者把握</li> <li>3-2.コミュニケーション設計</li> </ul> </li> </ul> <h1>[P]-プロダクト改善フロー全体像(企画〜開発)</h1> <p>プロダクト改善の企画〜開発のフロー全体を箇条書きでまとめてみました。<br> それぞれの詳細は、後述します。</p> <p>※基本はアジャイルがいいと思っていてただウォーターフォールで行われる各ステップはとてもいいと思うところがあるので小さく高速で回すスタイルをフェーズに合わせて適宜変えています。<br> ※基本設計や詳細設計のフェーズでの線引の考え方は曖昧な表現が多く色々あるようなで、今担当のPJTならで分けています。<br> ※まだ手探りで改善中のものやもっとできたらというフローもあります。</p> <ul> <li>▼[P1]-企画 <ul> <li>1-1.計画事前調査(収集・分析) <ul> <li>競合調査</li> <li>顧客調査 <ul> <li>利用状況確認</li> <li>要望確認</li> </ul> </li> <li>課題調査</li> </ul> </li> <li>1-2.計画 <ul> <li>暫定マイル計画</li> <li>優先度づけ整理</li> <li>関係者と実施候補の決定</li> </ul> </li> </ul> </li> <li>▼[P2]-要件定義 <ul> <li>2-1.曖昧・不明箇所の確認 <ul> <li>CJM</li> <li>関係者ヒアリング</li> </ul> </li> <li>2-2.目的ゴールの定義</li> <li>2-3.具体的な機能要件まとめ</li> <li>2-4.効果測定設計</li> <li>2-5.事前エンジニアヒアリング</li> <li>2-6.関係者とfix</li> </ul> </li> <li>▼[P3]-基本設計 <ul> <li>3-1.(ユーザーの)簡易業務フロー確認</li> <li>3-2.UI設計/仕様定義 <ul> <li>WF作成、仕様まとめ</li> <li>UIプロトタイプ作成・ヒアリング</li> <li>Webデザイン</li> <li>関係者とfix</li> </ul> </li> <li>3-3.機能一覧仕様定義</li> </ul> </li> <li>▼[P4]-詳細設計 <ul> <li>4-1.(ユーザーの)詳細業務フロー確認</li> <li>4-2.システムプロトタイプ作成・技術選定調査</li> <li>4-3.DB設計(テーブル定義/ER図)</li> <li>4-4.ルーティング設計</li> <li>4-5.コンポーネント設計</li> </ul> </li> <li>▼[P5]-開発 <ul> <li>5-1.テストケース設計</li> <li>5-2.実装</li> <li>5-3.レビュー</li> <li>5-4.動作テスト</li> <li>5-5.デプロイ</li> </ul> </li> <li>▼[P6]-関連資料への反映</li> <li>▼[p7]-リリース共有</li> <li>▼[P8]-運用</li> </ul> <h1>[T]-チーム・体制改善</h1> <ul> <li>T-1.人員調整</li> <li>T-2.ルール整備</li> <li>T-3.PDCA</li> </ul> <h1>[事前]-詳細</h1> <h2>[事前1]-事業の方向性・戦略確認</h2> <p>プロダクト改善は、色んな背景を持った人が色んなアイデアをもって改善に関わることがあるので、<br> 目線が合うように、共通の方向性を確認できるものはとても大事だと思います。</p> <h3>1-1.ビジョン・ミッション</h3> <p>ここは判断を迷わないための灯台のようなものなので、プロダクトの理想を想像するときに思い出せるように明確に理解しておきたいところです。<br> 事業リーダーには、今やっていることが本当にここにつながっているんだというのを適宜語ってくれる人の元で働けると幸せです。</p> <h3>1-2.コアバリュー</h3> <p>機能が1つでシンプルなプロダクトならここはあまり気にしなくてもいいかもですが、<br> 多機能なプロダクトの場合、何が大事だったのかぶれやすくなったり、<br> 優先度をつける判断がしづらくなることがあります。</p> <p>何を捨ててもこれは全体ゆずれないコアな機能、価値はこれだというのを明文化すると<br> チームでの優先づけの確認時に共通認識が生まれやすくなると思います。</p> <h3>1-4.ペルソナ</h3> <p>例えば、「どのリテラシーレベルに合わせて分かりやすさ、使いやすさを設計すればいいのか」、<br> 「どういう機能があれば助かるのか」がこのペルソナ(ターゲット)の設定によって変わってきます。<br> なので、改善の目線を合わせるために重要な設定だと思います。</p> <p>個人的には、趣味がなんでとか細かいプロフィール設定よりも<br> ユーザーが抱えている課題背景の設定や<br> ユーザーの置かれた立場などがわかるような内容だといいと思います。<br> またパワポ1枚にビジュアル的にまとまるくらいが覚えやすくておすすめです。</p> <h3>1-5.理想のプロダクトの状態</h3> <p>成長途中のプロダクトの場合、理想と描いている状態をまだ多くを実装しきれていない場合があります。<br> 人の出入りがあっても続けて足りないところを実装していけるように、<br> 機能ごとの理想の状態を明文化しておくといいと思います。</p> <h3>1-6.ポジショニング・競合定義</h3> <p>プロダクトの特徴、大事にするものはなにかの目線合わせのためにここは<br> 確認理解しておきたいところです。</p> <h3>1-7.現在の最優先課題定義</h3> <p>どんな事業にも課題はつきものですが、何が最優先事項なのかは、<br> 担当責任範囲によって判断がばらつくことがあるので、<br> 事業部の方針として明確にこれと決まっていたほうがいいと思います。</p> <p>難しいのはこの定義の判断ミスは<br> 事業改善スピードに関わる大事なところなので、<br> なぜ最優先なのかは関係者にしっかりヒアリングうえで決め、<br> 状況に応じては柔軟性も必要になってくる部分かと思います。</p> <p>なので、メンバーは上が決めたからといって暗黙的にはならず、<br> もっと大事なことを発見すればアラートを出すのは日頃からできる状態がいいと思っています。</p> <h3>1-8.優先判断軸の定義</h3> <p>沢山のやりたいことやるべきことの中から今やることはなぜそれなのか、<br> なぜこれにリソースを割くのかの判断をぶらさないため、<br> また共通理解をしやすいように定義があるとわかりやすいと思います。</p> <p>今の事業部に入って真っ先に確認して整理しましたが、<br> 反省は人の出入りのときに共有を細かくしきていない部分があったので、<br> 定期的にこういう定義があるよというのを発信し続ける工夫が必要と感じました。</p> <h2>[事前2]-ユーザーの利用シーン課題・用語の理解</h2> <h3>2-1.用語の理解</h3> <p>内容：<br> ユーザーが利用する用語、サービスの業界用語などを理解します。</p> <h3>2-2.利用シーン課題理解</h3> <p>内容：<br> ユーザーの利用シーンはどういうもので、その時の課題を理解します。<br> CJMやユースケース等を活用すると理解が整理されると思います。<br> 可能なら一番は実際にユーザーになって経験してみることですね＾＾</p> <h2>[事前3]-ステークホルダーの確認</h2> <h3>3-1.責任範囲と意思決定者把握</h3> <p>内容：</p> <p>当たり前のことですが、何を決めるときには誰に意見を聞いて決める必要があるのかを整理しておくと、<br> 意見がわかれたときの対処や、MTGの仕方も整理されやすくなります。</p> <p>例：</p> <ul> <li>事業責任者</li> <li>プロダクト責任者</li> <li>開発責任者</li> <li>CS</li> <li>ペルソナに近い社内メンバー</li> <li>エンジニア・デザイナー</li> <li>他パートナー</li> </ul> <h3>3-2.コミュニケーション設計</h3> <p>内容：</p> <p>関係者とどのタイミングで確認して、意思決定をするのがスムーズかを考えて次を設定します。</p> <ul> <li>チャットのチャンネルルール決め</li> <li>確認フロー決め</li> <li>定例MTGの設定</li> <li>ドキュメントや資料の共有場所決め</li> </ul> <h1>[P(プロダクト)]改善フロー別詳細</h1> <h2>▼[P1]-企画</h2> <h3>1-1.計画事前調査(収集・分析)</h3> <h4>競合調査</h4> <p>内容：</p> <p>ここでは事業推進者ではなくプロダクト改善の視点から競合の動きをキャッチアップします。</p> <ul> <li>類似サービスの提供機能は何か？</li> <li>同じ機能はどういうUIでUXはどうか</li> <li>デザイン性はどうか</li> </ul> <p>やり方Tips例：</p> <ul> <li>いいと思ったサービスのUIをfigmaにキャプチャーでまとめて取り込みコメント機能を使って社内で議論に活用します</li> </ul> <p>注意点：</p> <ul> <li>競合を意識しすぎて、自社プロダクトのオリジナル性や色を見失わないように、しっかり自社のプロダクトはどうするかの軸を持った上で確認します。</li> <li>競合に左右されてしまいやすい性分なのであれば、あえてそこまで見ないようにするのもありかもしれません^^;</li> </ul> <h4>顧客調査</h4> <p>内容：</p> <p>利用状況を定量と定性で合わせて知れるようになるといいです。</p> <ul> <li>定量：機能別訪問、PV、滞在時間、クリック数、データ数、アンケート数値など</li> <li>定性：顧客・ユーザーヒアリング、CSからの共有情報、アンケートテキスト内容など</li> </ul> <p>やり方Tips例：</p> <ul> <li>定量： <ul> <li>GTMとGA：を使って、buttonタグ、aタグは一括でクリックしたページ、遷移先、ボタンのテキスト情報を自動取得して送るようにしてしまうといざ調査したいときにおおよその利用状況の傾向が見えて便利です。細かくみたいところは、data属性のルールを決めてイベント設定するとわかりやすくなります。</li> <li>Redash：データ数の状況から利用状況の傾向をみるにはDBからしか確認がしづらいものもあります。Redashからなら一度クエリーを設定すれば非エンジニアも気軽にみれるので便利です。</li> </ul> </li> <li>定性：営業やCSがヒアリングしてきた内容をTrelloで整理していますが、画像もはりつけられたり、直感的に機能ごとの整理ができて便利です。</li> </ul> <h4>課題調査</h4> <p>内容：</p> <p>提供したい理想のプロダクトに対してのギャップを定期的に振り返り、どう埋めていくかを検討します。</p> <p>やり方Tips例：</p> <ul> <li>CJMを活用して具体的なギャップを洗い出し、その仮設が本当かそれをもとにヒアリングをして問題を確認します。</li> <li>理想の状態に対してのギャップをKJ方などをつかってブレストを数ヶ月から半年に1回などすると目の前の業務だけでは気が付かなかった視点が得られやすくなると思います。</li> <li>Trelloを活用して、どんな立場だれでも、プロダクトの改善要望をあげることができるので、企画者が気がついていなかった課題や改善アイデアのヒントになります。</li> </ul> <h3>1-2.計画</h3> <h4>暫定マイル計画</h4> <p>内容：</p> <p>半期から1年の単位での暫定の開発マイルを計画しておきます。<br> それによって必要なリソース配分のタイミングやどれくらいの改善が進みそうかの先読みがしやすくなります。</p> <p>やり方Tips例：</p> <p>スプレッドシートに1列1ヶ月のサイズの簡単なWBSをつくり、ざっくりと何月には何をするというのを書き込むようにしています。<br> 日々更新し、逆算して今やったほうがいいことはないかを定期的にチームメンバーと確認しています。<br> これによって、これぐらいの時期にはチーム再編成が必要だとか、これを詰めておかないととかが早めにキャッチアップしやすくなっているように思います。</p> <h4>優先度づけ整理</h4> <p>内容：</p> <p>リソースは限られているので、何からやるかの優先度づけをします。<br> ポイントは、同じリソースを割くなら(同じチームの中でやるなら)、複数のPJT、違うカテゴリのタスクでも同じテーブルにならべて、比較したときにどちらが優先度が高いかが分かる状態に。</p> <p>やり方Tips例：</p> <p>Githubのissueだと優先度順にならぶように整理、ソートなどがしづらいので、<br> APIでスプレッドシートに自動でおとせるようにして、ソート管理はシートで詳細はGithub issueでという工夫をしていたりします。</p> <p>少し昔の記事ですが、具体的な例：</p> <p>カンバンをGithub+GASにして進捗を自動計算化/GASをGit管理した話 - Qiita<br> <a href="https://qiita.com/hitomi_/items/6a619fb31470116fd595">https://qiita.com/hitomi_/items/6a619fb31470116fd595</a></p> <h4>関係者と実施候補の決定</h4> <p>内容：</p> <p>どこからプロダクト改善をするのか<br> 何から実装するのか、改修するのかを関係者と意思決定者と話し合って決めます。</p> <p>※個人的に思うこと：</p> <p>集めた要望や課題の中だけで優先度をつけて決めるだけでは多数決でプロダクト改善が進みがちです。<br> これはこれで、改善はある程度の進みますが、<br> プロダクトの良し悪しを決めるのは、時に、多数決では決められないプロダクトオーナーの強いセンスと意思によってしか生み出せないものもあるのではないでしょうか。<br> また、四六時中プロダクトを良くすることを考えている人のインプットと考察背景とそうでない人とでは頭の中が大きくちがったりもします。</p> <p>ユーザーや社内の声は大事ですが、ユーザーは答えを持っているわけではなく目の前に出されて初めて、「そう！これはいい！」と思うものなので、傾けるけど聞きすぎない強い意志も大事だと思います。</p> <p>例えばジョブスみたいな天才は稀かもしれませんが、そこまでいかなくてもセンスと強い意志をもったプロダクトオーナー像には憧れます。<br> (最近たまたま技術書本棚の間に入っていて読んだ「天才を殺す凡人」がよぎります。)</p> <h2>▼[P2]-要件定義</h2> <h3>2-1.曖昧・不明箇所の確認</h3> <p>内容：</p> <p>起案者の意図は何か、背景は何か曖昧に思うところを確認します。</p> <p>やり方Tips例：</p> <p>大きめの機能改善であれば、CJMを引いてユーザーの利用ステップごとの理想と問題を整理すると前後関係も理解しやすく起案者やユーザーの要望も具体化しやすくなります。<br> CJMの活用についてはまだ作成してヒアリングして理解が進んだというところの活用にとどまることが多いので、関係者との認識合わせにももっと活用できればと思っています。</p> <h3>2-2.目的ゴールの定義</h3> <p>内容：</p> <p>何を改善したかったのか、何をなしえたいのかを明確にします。<br> これを曖昧にすると、なぜその仕様が必要で、システムが複雑になっても本当に必要なのか、<br> 目的を変えずにもっといいやり方はないのかの議論がしにくくなったりします。</p> <p>やり方Tips例：</p> <p>Issueのテンプレートを作って書き漏らさないようにしています。</p> <h3>2-3.具体的な機能要件まとめ</h3> <p>内容：</p> <p>どうすれば目的が達成できる機能になるか<br> 具体的な機能の要件・仕様をまとめます。</p> <p>やり方Tips例：</p> <p>Issueのテンプレートを作って必要な情報を書き出せるようにしています。</p> <h3>2-4.効果測定設計</h3> <p>内容：</p> <p>改善したいことが実装リリースされたことによって<br> 叶えられているのかを振り返られるように何を確認するかを決めます。<br> 例えば、この機能の設定オプションは便利だが気づいているユーザーがいないのではないか →わかりやすい位置に配置<br> →オプション設定のクリック率がどうかを測定<br> →気づきさえすれば、利用されるのかを確認など</p> <p>やり方Tips例：</p> <p>目の前の実装をすることに追われて数値確認はなかなかなおざりになりがちです。<br> そこで、Issueのテンプレート内に実装前の数値を書いておき、<br> 施策一覧のシートなどでリリース後2週間〜1ヶ月後どう変化したのかをまとめられるようにすると振り返りやすくなるのではと思っています。<br> これはまだできたりできなかったりしているので、改善していけたらと思います。</p> <h3>2-5.事前エンジニアヒアリング</h3> <p>内容：</p> <p>やりたいことが、今のシステム仕様だととても工数がかかりすぎるものなのか<br> 技術的な課題がないか、思ったよりすぐできるものなのか、<br> 開発に取り組むにはもっとどういう仕様をつめておかないといけないのか<br> エンジニアチームや詳しい人に先にラフに確認しておけるといいでしょう。</p> <h3>2-6.関係者とfix</h3> <p>内容：</p> <p>どういう問題や課題を<br> どんな要件で解決しようとしているかを関係者、意思決定者とfixさせます。</p> <p>やり方Tips例：</p> <p>UIの詳細がないとイメージしきれなくて、確認不足になる可能性もあるので、<br> 個々の段階ではあまり深い議論はせず方向性の確認に留めるといいかと思います。</p> <h2>▼[P3]-基本設計</h2> <h3>3-1.ユースケースを確認</h3> <p>内容：</p> <p>ユースケースを整理します。<br> 考慮漏れを防ぐことができます。</p> <p>やり方Tips例：</p> <p>UMLユースケース図という図解方式がありますが、シンプルな機能の場合は、厳密には<br> きれいにまとめなくても箇条書きレベルでもいいと思います。</p> <p>参考：</p> <p>初心者が押さえておくべきのUML入門知識<br> <a href="https://www.edrawsoft.com/jp/uml-introduction.php">https://www.edrawsoft.com/jp/uml-introduction.php</a></p> <h3>3-2.UI設計/仕様定義</h3> <p>内容：</p> <p>要件、目的、ペルソナ、CJM、ユースケースなどを確認してユーザーが目的をスムーズに実現できるUXを意識してUIを設計していきます。<br> また、UIと一緒にそれぞれどういう挙動をする仕様なのかも細かく定義をまとめていきます。</p> <ul> <li>WF作成、仕様まとめ</li> <li>UIプロトタイプ作成・ヒアリング <ul> <li>※やや大きな改修に関わらずこのステップをスキップするPJTを見かけますが、開発コストをかけずに先に確認しておけるので徹底していきたいところです。</li> </ul> </li> <li>Webデザイン</li> <li>関係者とfix</li> </ul> <p>やり方Tips例：</p> <p>WF作成に最近 figma を活用していておすすめです。<br> figmaはコメント、閲覧できるユーザー数は無制限でインストールなしでWeb上で完結します。<br> 多機能なのに非デザイナーでもWFレベルなら直感的に操作・作成ができて気に入っています。<br> 近い将来はコンポーネント管理などもできたらっと思っています。</p> <p>参考：</p> <p>figma<br> <a href="https://www.figma.com/">https://www.figma.com/</a></p> <p>Figmaの使い方、全力でまとめました。｜hikaru-takase / Retty｜note<br> <a href="https://note.com/99997373/n/n77573dfb8797">https://note.com/99997373/n/n77573dfb8797</a></p> <h3>3-3.機能一覧仕様定義</h3> <p>内容：</p> <p>上段ステップでUI定義ファイルと一緒に近くに仕様をまとめますが、何を実装すべきなのかを<br> リスト式で機能一覧を細かく定義します。</p> <p>やり方Tips例：</p> <p>UI定義ファイルを上から舐め回すように箇条書きで実装しないといけないものを洗い出していきます。<br> シンプルですが、これをやらずにUI定義ファイルだけバッと雑にエンジニアに渡すともしくは頭の中で描いてすぐ実装に入ってしまうと<br> 細かい実装漏れが発生しやすいので、チェックリスト式に使える機能一覧を定義しておくのは大事だと思います。</p> <h2>▼[P4]-詳細設計</h2> <h3>4-1.(ユーザーの)詳細業務フロー確認</h3> <p>内容：</p> <p>要件を叶えるための細かい業務フローを確認します。<br> 大きめでやや複雑の改修のときにはアクティビティ図やシーケンス図などを活用したりします。</p> <p>やり方Tips例：</p> <p>ここは同じチームのエンジニアがまとめてくれてissueに貼り<br> 設計レビュー会をひらいて認識違いがないか、問題ないかを確認しました。</p> <p>参考：</p> <p>初心者が押さえておくべきのUML入門知識<br> <a href="https://www.edrawsoft.com/jp/uml-introduction.php">https://www.edrawsoft.com/jp/uml-introduction.php</a></p> <h3>4-2.システムプロトタイプ作成・技術選定調査</h3> <p>内容：</p> <p>仕様が複雑または技術課題が大きいとき<br> 初めて取り組むものの場合、実装方針、技術選定が問題ないか<br> 簡単なミニマムなシステムを実装して確認します。</p> <h3>4-3.DB設計(テーブル定義/ER図)</h3> <p>内容：</p> <p>要件仕様を叶えるために必要なテーブル構造はどうするとよいかを整理し定義します。</p> <p>やり方Tips例：</p> <p>フィールド名だけでなく説明もきちんと一緒に残すようにします。<br> 大きめの改修をするときは変更する箇所だけでなく関連するER図を俯瞰して<br> 問題ないかチームでレビューします。</p> <h3>4-4.ルーティング設計</h3> <p>内容：</p> <p>どんなURL構造にするとシステム的にもビジネス的にも扱いやすくシンプルかを定義・確認します。</p> <h3>4-5.コンポーネント設計</h3> <p>内容：</p> <p>Reactなどを使っている場合はどの粒度で分けて管理するかなど設計します。</p> <p>やり方Tips例：</p> <p>この機会に最新のバージョンの書き方を新しいコンポーネントからできないかもチームで相談するといいかなと思います。</p> <h2>▼[P5]-開発</h2> <h3>5-1.テストケース設計</h3> <p>内容：</p> <p>機能一覧や仕様に沿って期待するテストケースを見出しだけでいいので書き出しておきます。</p> <p>やり方Tips：</p> <p>可能であれば、要件仕様定義をした人に実装予定のものが認識があっているかレビューしてもらいます。</p> <h3>5-2.実装</h3> <p>※割愛</p> <h3>5-3.レビュー</h3> <p>※割愛</p> <h3>5-4.動作テスト</h3> <p>やり方Tips例：</p> <p>不具合はないかは、<br> 大きめの場合はQAチームに依頼して細かい動作テストを行います。<br> 小さい場合は、エンジニア2名で一緒に仕様を確認しながら動作テストを行います。<br> 一部selenium等でのE2E自動テストも活用します。</p> <p>要件漏れをしていないかは、<br> プロダクトオーナー、起案者に確認してもらいます。</p> <h3>5-5.デプロイ</h3> <p>※割愛</p> <h2>▼[P6]-関連資料への反映</h2> <p>内容：</p> <ul> <li> <p>ヘルプページ</p> <ul> <li>CSとリリース内容・時期を共有してスケジュールを確認しながら更新を依頼します。</li> </ul> </li> <li> <p>開発ドキュメント</p> <ul> <li>やり方Tips：　実装PRと一緒にドキュメントファイルも合わせてあげるルールにしておくと書き忘れが少なくなります。</li> </ul> </li> <li> <p>営業資料</p> <ul> <li>機能改修によって営業資料にも影響することもあるかもしれないので、営業への共有にも気を配ります。</li> </ul> </li> <li> <p>UI管理デザインファイル</p> <ul> <li>リリースするまでは途中議論が発生し修正が発生しがちです。本番に反映されたものか、fixしたもかが分かるようにUIデザインファイルを最新に更新します。</li> </ul> </li> </ul> <h2>▼[P7]-リリース共有</h2> <p>内容：</p> <ul> <li>ユーザーへの共有</li> <li>社内共有</li> </ul> <p>やり方Tips:</p> <p>月1−2回、プロダクト共有会という社内勉強会みたいなものを開き、<br> CSや営業さんがユーザーや見込みクライアントに案内する内容を確認できるようにしています。</p> <h2>[P8]-運用</h2> <p>※割愛</p> <h1>[T]-チーム・体制改善</h1> <p>上記フローには入らないけれどもプロクト改善をすすめていくために必要な体制について軽く触れます。</p> <h2>T-1.人員調整</h2> <p>内容：</p> <p>上記にあげた、中期マイル計画を確認しながら、<br> チーム編成を柔軟に行います。<br> 社内の編成だけで足りないときは、外部委託やオフショアを検討、予算相談をします。</p> <h2>T-2.ルール整備</h2> <p>内容：</p> <p>上記のフローがスムーズに行くようにルール決め、<br> 定期的な確認の場所を持つようにします。</p> <h2>T-3.PDCA</h2> <p>やり方Tips例：</p> <p>アジャイル開発手法に出てくる KPT を行い<br> 開発フローの改善を定期的に議論改善をはかります</p> <h1>[S]-スケジュール管理タイミング・方法</h1> <p>上記ステップの間に入れそびれたスケジュール管理タイミングを別枠でまとめておこうと思います。</p> <p><strong>▼[P1]-企画の段階</strong></p> <p>・暫定マイル計画表</p> <p>半期〜1年単位でざっくりとWBSぽいのをひいておき、都度逆算していつまでに何をしないといけないかを書き込んで更新できるようにします。</p> <p><strong>▼[P2]-要件定義の段階</strong></p> <p>・基本設計をいつまでにするのか逆算して見積もり、スケジュールを決めます。<br> ・直近1-2ヶ月の基本設計〜開発の大枠目処のスケジュールをマイル計画表に書き込みチームで認識を合わせます。</p> <p><strong>▼[P3]-基本設計の段階</strong></p> <p>・基本設計をfixさせるための必要なmtgを先におさえておきます。</p> <p><strong>▼[P4]-詳細設計の段階</strong></p> <p>最初に：</p> <ul> <li>スクラム開発単位でいうと、計画会議が最初にあり、見積もります。</li> <li>暫定でも時間単位におとし、開発可能なチームの稼働時間を計算し、スプリント単位でどこまで進めるのが現実的か計画します。</li> <li>合わせてスプリントに収まらない中期的なものは、PJT単位のWBSをつくり、暫定のマイルを設計・開発・テスト・リリースの予定を設定します。</li> <li>テスト、ドキュメントをまとめる時間見積もりも計画にいれておきます。</li> </ul> <p>設計できたら：</p> <p>・見積もりの精度があがっているので、再度WBSを更新し、スケジュールや優先度の調整が必要なものは関係者と相談調整します。</p> <p><strong>デイリー</strong></p> <ul> <li>毎朝15-30分で進捗を確認調整します。</li> </ul> <p><strong>やり方Tips：</strong></p> <p>チームメンバーの開発スピードや考え方はバラバラなので<br> 見積もり計画を曖昧にしないで現実的なスケジュール管理をするためのやり方を昔記事にあげました。<br> こちらもよかったら。</p> <p>カンバンをGithub+GASにして進捗を自動計算化/GASをGit管理した話 - Qiita<br> <a href="https://qiita.com/hitomi_/items/6a619fb31470116fd595">https://qiita.com/hitomi_/items/6a619fb31470116fd595</a></p> <h1>まとめ</h1> <p>1つ1つ丁寧にやっていこうとすると膨大な時間がかかりすぎたり、やってられないよというところもありますが、総合的な負債がたまらず、より磨かれたプロダクトになっていくには、なるべく踏むべきステップはちゃんと踏んだほうが、長い目で見るとよいプロダクト改善がされていくのかなと思います。<br> まだまだ課題も多いですが、コツコツ着実に早く改善していきたいと思います。</p> <h1>つぶやき</h1> <p>技術を知るのも使うのも好き、プロダクトを企画して作っていく非エンジニアな過程も好き<img draggable="false" title=":dog:" alt="🐶" src="https://twemoji.maxcdn.com/2/svg/1f436.svg" class="emoji" loading="lazy"></p> <h1>参考</h1> <p>初心者が押さえておくべきのUML入門知識<br> <a href="https://www.edrawsoft.com/jp/uml-introduction.php">https://www.edrawsoft.com/jp/uml-introduction.php</a></p> <p>プロジェクトマネージャの仕事とは (1/5) | IT業界職種研究 | IT転職エージェントリーベル<br> <a href="https://www.liber.co.jp/knowhow/careerlab/pm/">https://www.liber.co.jp/knowhow/careerlab/pm/</a></p> <p>要望・要求・要件・仕様・制約・前提の違いは？ - Qiita<br> <a href="https://qiita.com/digdagdag/items/2808205d89344ab8a3a1">https://qiita.com/digdagdag/items/2808205d89344ab8a3a1</a></p> <p>要件定義に関わる言葉の整理と進め方のコツ（要求、要件、仕様、業務要件、システム要件）<br> <a href="https://mhisaeda.com/archives/658">https://mhisaeda.com/archives/658</a></p> <p>カンバンをGithub+GASにして進捗を自動計算化/GASをGit管理した話 - Qiita<br> <a href="https://qiita.com/hitomi_/items/6a619fb31470116fd595">https://qiita.com/hitomi_/items/6a619fb31470116fd595</a></p></div></div><div class="article-sns-share-buttons"><a rel="nofollow" target="_blank" class="pocket-share sns-share-button" href="http://getpocket.com/edit?title=PO%E3%83%BBPM%E3%83%BBSE+%E7%9A%84+%E3%83%97%E3%83%AD%E3%83%80%E3%82%AF%E3%83%88%E3%81%AE%E3%80%8C%E6%94%B9%E5%96%84%E3%83%95%E3%83%AD%E3%83%BC%E3%80%8D%E3%80%8C%E8%A8%AD%E8%A8%88%E6%8E%A8%E9%80%B2%E6%96%B9%E6%B3%95%E3%80%8D%E3%80%8CPJT%E7%AE%A1%E7%90%86%E3%80%8D%E5%82%99%E5%BF%98%E9%8C%B2%F0%9F%93%9D+by+hitomim+%7C+Basicinc+Enjoy+Hacking%21&url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F182"><svg class="sns-icon pocket-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#pocket"></use></svg></a><a rel="nofollow" target="_blank" class="hatena-share sns-share-button" href="http://b.hatena.ne.jp/add?mode=confirm&title=PO%E3%83%BBPM%E3%83%BBSE+%E7%9A%84+%E3%83%97%E3%83%AD%E3%83%80%E3%82%AF%E3%83%88%E3%81%AE%E3%80%8C%E6%94%B9%E5%96%84%E3%83%95%E3%83%AD%E3%83%BC%E3%80%8D%E3%80%8C%E8%A8%AD%E8%A8%88%E6%8E%A8%E9%80%B2%E6%96%B9%E6%B3%95%E3%80%8D%E3%80%8CPJT%E7%AE%A1%E7%90%86%E3%80%8D%E5%82%99%E5%BF%98%E9%8C%B2%F0%9F%93%9D+by+hitomim+%7C+Basicinc+Enjoy+Hacking%21&url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F182"><svg class="sns-icon hatena-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#hatena"></use></svg></a><a rel="nofollow" target="_blank" class="twitter-share sns-share-button" href="https://twitter.com/share?text=PO%E3%83%BBPM%E3%83%BBSE+%E7%9A%84+%E3%83%97%E3%83%AD%E3%83%80%E3%82%AF%E3%83%88%E3%81%AE%E3%80%8C%E6%94%B9%E5%96%84%E3%83%95%E3%83%AD%E3%83%BC%E3%80%8D%E3%80%8C%E8%A8%AD%E8%A8%88%E6%8E%A8%E9%80%B2%E6%96%B9%E6%B3%95%E3%80%8D%E3%80%8CPJT%E7%AE%A1%E7%90%86%E3%80%8D%E5%82%99%E5%BF%98%E9%8C%B2%F0%9F%93%9D+by+hitomim+%7C+Basicinc+Enjoy+Hacking%21&url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F182"><svg class="sns-icon twitter-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#twitter"></use></svg></a><a rel="nofollow" target="_blank" class="facebook-share sns-share-button" href="http://www.facebook.com/share.php?u=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F182"><svg class="sns-icon facebook-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#facebook"></use></svg></a></div></article></div><footer data-scope-path="layouts/_footer"><div class="footer-contents"><a class="root-link" href="/"><svg class="site-logo"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#logo"></use></svg><div class="site-title">Enjoy Hacking!</div></a><ul class="link-list"><li class="link-list-item"><a class="link" href="https://basicinc.jp/" rel="noopener" target="_blank">株式会社ベーシック</a></li><li class="link-list-item"><a class="link" href="https://basicinc.jp/enjoy-hacking" rel="noopener" target="_blank">エンジニア募集</a></li><li class="link-list-item"><a class="link" href="https://qiita.com/organizations/basicinc" rel="noopener" target="_blank">Qiita</a></li><li class="link-list-item"><a class="link" href="https://www.wantedly.com/companies/basicinc/projects" rel="noopener" target="_blank">Wantedly</a></li></ul></div></footer></body></html>

CINXE.COM

PO・PM・SE 的 プロダクトの「改善フロー」「設計推進方法」「PJT管理」備忘録📝 | Basicinc Enjoy Hacking!

PO・PM・SE 的プロダクトの「改善フロー」「設計推進方法」「PJT管理」備忘録📝 | Basicinc Enjoy Hacking!