Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ディレクションについて〜制作フロー編〜
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
じげん公式
October 31, 2014
Technology
0
330
ディレクションについて〜制作フロー編〜
じげん制作勉強会での資料です。
じげん公式
October 31, 2014
Tweet
Share
More Decks by じげん公式
See All by じげん公式
JS/jQueryのはなし
zigexn_official
0
300
Other Decks in Technology
See All in Technology
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
soudai
PRO
12
5.7k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
480
AWS Network Firewall Proxyを触ってみた
nagisa53
1
250
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
2
190
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.7k
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
560
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
230
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
390
Agile Leadership Summit Keynote 2026
m_seki
1
680
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
710
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
bicstone
3
140
(技術的には)社内システムもOKなブラウザエージェントを作ってみた!
har1101
0
370
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
How STYLIGHT went responsive
nonsquared
100
6k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
110
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
81
Designing for humans not robots
tammielis
254
26k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
180
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
190
Raft: Consensus for Rubyists
vanstee
141
7.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Transcript
ディレクションについて 〜~制作フロー編〜~
今⽇日のゴール • ディレクションに必要な事を理理解する • 開発・制作フローとその意味を知る • じげんで実際に起きた事例例から、どうすれ ば問題を防げるか考える
第⼀一部 ディレクション
サイト制作・システム開発って何?
サイト制作・システム開発って何? • ある⽬目的・⽬目標を解決・達成するために、 サイトやシステムを作ること • サイト制作やシステム開発は⼀一つの⼿手段に すぎない o 解決・達成できればそれ以外の選択肢もあるかも
じゃあ、 ディレクションって何?
ディレクションって何? • サイト制作・システム開発をうまくハンド リングすること
• スケジュール通りに⽬目的を満たしたサイ ト、システムが作れればどうやってもいい • でも、なんとなく、適当にやってると失敗 する だから必要なプロセス(フロー)を知って、失 敗しにくいディレクションをしよう。
ディレクションに求められるもの • ⽬目的・⽬目標を正しく解決・達成すること o ⽬目的・⽬目標の定義 o 解決・達成⽅方法の定義 • プロジェクトを管理理すること o
スケジュールの管理理・調整 o 品質の担保
あるある その1 ここに、新着だということを表⽰示することはできますか? できます。 翌⽇日 表⽰示できますか?と聞かれましたが、依頼はされていません。 あれ?実装してくれないのかな? ∑(゚д゚lll)ガーン
あるある その1について できますか?は指⽰示ではなく、確認です。 依頼する側は、実装をお願いしますと はっきりと依頼をすることが⼤大切切です(・∀・) →プロジェクトで依頼の⽅方法を決めておくと間違いない。 エビデンスの残る形にできるとベター。
なぜディレクションが失敗するか • ディレクターと製作陣やそれ以外の⼈人間と の間で適切切なコミュニケーションが⾏行行えて ない o やりたいことが適切切に伝わってない o 現状が適切切に把握できていない
失敗を防ぐために • 認識識の齟齬が⽣生まれないようにする • みんなで共通した認識識を持つ • コミュニケーションの道具としてフローや ドキュメントを活⽤用しよう • それぞれがプロフェッショナルとして⾃自分
の果たすべき責任を果たす • 状況をみんなで確認し合あう
第⼆二部 制作・開発フロー
ϦϦʔεʂ ※運⽤用フェーズは今回は対象外です 制作・開発フロー
1.企画フェーズ
あるある その2 リリース予定⽇日3⽇日前 ふむふむ 分かりました! (^o^)/ こんな感じで、これをやりたいと思っています! 仕様書に記載しておきますね!
あるある その2(続き) あれ?このページも対応して欲しいのですが。。。。 できました! 仕様書に書いてあるのに(´́;ω;`) そこは想定してなかった そういう意味だったのか・・・
1.企画フェーズ
あるある その2について 仕様や意識識のすり合わせはとても⼤大切切! 内容にもよりますが、⾔言葉葉の捉え⽅方は⼈人それぞ れです。 ベストは、メンバーがみな同じ最終形態を思い 描きながら進めることが⼤大切切です。 想定できていなかったことや、よりいい実装⽅方 法などがでるかもしれません(・∀・)
1e.要件定義(=どうしたいか) • ⽬目的と⽬目標を明確にする(企画、要求の内 容) • ⽬目的・⽬目標を解決・達成するために、「何 が」必要なのかを定義する 要件定義があいまいだと、ブレが⽣生じる。 プロジェクト参加メンバーの意識識を統⼀一させて、みんなで ゴールに向かって⾛走るためのベースを作る。
1g.仕様(基本設計)(=どうするか) • 要件を「どうやって」実現するのかを定義 する。 • どんな画⾯面が必要か、どんな機能が必要 か、どんなデータをどんな⾵風に表⽰示する か、など • 誤解の起きないような仕様書を作ろう。
• 作っただけではなく、擦り合わせも!
仕様書テンプレの紹介 《要件定義シート》 《画⾯面設計シート》
あるある その3 この機能の実装をお願いしたいんですが、どのくらい時間がかかりますか? 半⽇日かな? リリース前⽇日 お願いします! 今作業している件、明⽇日がリリースですが、進捗いかがですか? D1から差し込みがあったから、明⽇日リリースは難しいよ ∑(゚д゚lll)ガーン なぜ差し込みが勝⼿手に⼊入ってしまっているんだ
1.企画フェーズ
あるある その3について スケジュール管理理はチーム全体で! 差し込みがあれば、必ず当初使おうとしていた 何かの時間が削られるもしくは、後回しになり ます。 「他の今持っているタスクは⼤大丈夫ですか?」 気遣いの1⾔言が、⾊色々なことを円滑滑にします。
1f.スケジュール • チーム全体でどう進めていくかをスケジューリングす る。 • マイルストーンを設けて、進捗がチェックできるよう にする。 • 特に◦◦がないと××が進められない、等の関連・依存 タスクは要確認する。
• ⻑⾧長期間に渡るプロジェクトでは、ガントチャートを作 ることも検討する。
ガントチャートの例例
ϦϦʔεʂ ※運⽤用フェーズは今回は対象外です 制作・開発フロー
2.制作・開発フェーズ
2c/2d.テスト(単体・結合テスト) • 単体テスト o ロジックは正しいか • 結合テスト o 表⽰示されるべき内容が表⽰示されているか(正常系の テスト)
o 表⽰示してはいけない内容が表⽰示されていないか(異異 常系のテスト) o 複数のロジックの組み合わせが問題ないか
あるある その4 制作は順調に進んでいるかな?まあでも、⼤大丈夫だろう 実装完了了しました! リリース予定⽇日3⽇日前 (今⽇日はみれない・・・まあ来週⾒見見よう) あれ?仕様が違う・・・ 間に合わないから、この機能を削ってリリースするしかない! ・・・え? 確認とかテストしてなかったの??
2.制作・開発フェーズ
あるある その4について リリースから逆算して⾃自分の今すべきことを考 えよう! この⽇日までにレビュー(テスト)をしないとリ リースが間に合わないと想定できるはずです。 →スケジュールにはあらかじめマイルストーンを設ける。 →レビュー(テスト)はしっかり⾏行行い、問題を早く発⾒見見
2e.レビュー • ⽬目的・⽬目標を解決・達成できるか • 仕様通りに実装されているか
まとめ
ディレクションに⼤大切切なこと • ディレクションとは、サイト制作・システ ム開発をうまくハンドリングすること • コミュニケーション重要 • 重要なことはエビデンスを残そう • ⾃自分の責任を100%果たそう
• 状況を伝え合おう
より良良い制作・開発のために • マイルストーンを設けてスケジュールをコ ントロールしよう • ドキュメントを積極的に活⽤用しよう o コミュニケーションのツールとして o ⾔言った、⾔言わないにならないために
o 未来にそのプロジェクトに関わる⼈人のために
まとめ • ⾃自分のやるべき事に責任を持とう(コミッ トメント) o ただの発注者、作業者にならない • 思いやりと助け合いの精神を持とう • ⾃自分⾃自⾝身のことにとらわれずに、全体を俯
瞰して進めていこう
最後に みんなで協⼒力力しあって よりよいサービスを作り上げよう!
࣍ճσΟϨΫγϣϯษڧձ εέδϡʔϧฤ 10݄ʹ࣮ࢪ༧ఆʂ ޤ͏͝ظʂ