Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ディレクションについて〜制作フロー編〜
Search
じげん公式
October 31, 2014
Technology
330
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ディレクションについて〜制作フロー編〜
じげん制作勉強会での資料です。
じげん公式
October 31, 2014
More Decks by じげん公式
See All by じげん公式
JS/jQueryのはなし
zigexn_official
0
300
Other Decks in Technology
See All in Technology
大型犬好きによるPugの紹介
yamanoku
1
160
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
kworkdev
PRO
2
1.3k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
31
430k
アウトプット初心者、半年間のふりかえり
4o1sobblue
0
440
フロントエンドカンファレンス関西2026 - 速すぎるUIに、待ち時間を
teamlab
PRO
0
190
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
koukihosaka
1
360
WasmをRustにする
sansantech
PRO
0
280
AI導入は済んだ。次は統制を作り替える番だ_AI×開発組織 Summit 2026
techtekt
PRO
0
360
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
prog893
5
1.3k
その Valkey 使いこなしていますか?
onk
PRO
5
1.6k
Rustuna: Rustによる高速なOptuna実装
pfn
PRO
0
200
会社説明資料
persolserverworks
0
9.8k
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.4k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
550
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
570
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
520
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
710
Visualization
eitanlees
153
17k
Color Theory Basics | Prateek | Gurzu
gurzu
1
490
Faster Mobile Websites
deanohume
310
32k
Making Projects Easy
brettharned
120
6.8k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
So, you think you're a good person
axbom
PRO
2
2.2k
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݄ʹ࣮ࢪ༧ఆʂ ޤ͏͝ظʂ