Soumettre la recherche
Mettre en ligne
0からのウェブディレクション講座:制作・開発編 ver 2.02
•
4 j'aime
•
861 vues
Yusuke Kojima
Suivre
Signaler
Partager
Signaler
Partager
1 sur 50
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
エンジニア集団によるゼロからの新規事業開発
エンジニア集団によるゼロからの新規事業開発
Manabu Yamamoto
個人作業を生かした発想系ワークショップの型
個人作業を生かした発想系ワークショップの型
Takehisa Gokaichi
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
sizucca
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
20160423【qpstudy201604】グループディスカッション
20160423【qpstudy201604】グループディスカッション
Yukitaka Ohmura
チームで開発を行う上の心構え
チームで開発を行う上の心構え
Hirotaka Osaki
バスケ複業エンジニアのたのしみ
バスケ複業エンジニアのたのしみ
Taku Watanabe
分散開発チームによるAgile開発実践 ~いろいろハマった!よかった
分散開発チームによるAgile開発実践 ~いろいろハマった!よかった
Makoto Iguchi
Recommandé
エンジニア集団によるゼロからの新規事業開発
エンジニア集団によるゼロからの新規事業開発
Manabu Yamamoto
個人作業を生かした発想系ワークショップの型
個人作業を生かした発想系ワークショップの型
Takehisa Gokaichi
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
sizucca
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
20160423【qpstudy201604】グループディスカッション
20160423【qpstudy201604】グループディスカッション
Yukitaka Ohmura
チームで開発を行う上の心構え
チームで開発を行う上の心構え
Hirotaka Osaki
バスケ複業エンジニアのたのしみ
バスケ複業エンジニアのたのしみ
Taku Watanabe
分散開発チームによるAgile開発実践 ~いろいろハマった!よかった
分散開発チームによるAgile開発実践 ~いろいろハマった!よかった
Makoto Iguchi
デザインスプリントを採用した方が良い5つの理由
デザインスプリントを採用した方が良い5つの理由
tomo tsubota
リードデザイナーってどんな人か考えてみた
リードデザイナーってどんな人か考えてみた
辰徳 井上
アジャイル出来ません 〜ビギナー向けアジャイルコミュニティを約2年間運営してみた〜
アジャイル出来ません 〜ビギナー向けアジャイルコミュニティを約2年間運営してみた〜
Atsushi Harada
「個」から「集」のデザイン
「個」から「集」のデザイン
Mari Kimura
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
Aimi Shinohara
「Agileごっこ」で終わらせないために(仮)
「Agileごっこ」で終わらせないために(仮)
Taku Yajima
Tagbar 2018-02-23
Tagbar 2018-02-23
Dai Yamasaki
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Ryo Yoshitake
20130216 講演資料
20130216 講演資料
Kenta Nakamura
自動化ワークショップ
自動化ワークショップ
Yoshihiro Furukawa
これまでの開発から、これからの開発へのチェンジ
これまでの開発から、これからの開発へのチェンジ
Dai FUJIHARA
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
Aimi Shinohara
アジャイルプラクティス「ふりかえり」でチーム力アップ!
アジャイルプラクティス「ふりかえり」でチーム力アップ!
lolipopjp
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
Yasui Tsutomu
CybozuDays大阪ワークショップ公開資料2017-12-05
CybozuDays大阪ワークショップ公開資料2017-12-05
Cybozucommunity
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
CybozuDays東京ワークショップ公開資料2017-11-08
CybozuDays東京ワークショップ公開資料2017-11-08
Cybozucommunity
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
Daichi Aoki
スクラムナイト#1 デイリースクラムやってます?
スクラムナイト#1 デイリースクラムやってます?
Takahiro Kaihara
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
Yusuke Kojima
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
Contenu connexe
Tendances
デザインスプリントを採用した方が良い5つの理由
デザインスプリントを採用した方が良い5つの理由
tomo tsubota
リードデザイナーってどんな人か考えてみた
リードデザイナーってどんな人か考えてみた
辰徳 井上
アジャイル出来ません 〜ビギナー向けアジャイルコミュニティを約2年間運営してみた〜
アジャイル出来ません 〜ビギナー向けアジャイルコミュニティを約2年間運営してみた〜
Atsushi Harada
「個」から「集」のデザイン
「個」から「集」のデザイン
Mari Kimura
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
Aimi Shinohara
「Agileごっこ」で終わらせないために(仮)
「Agileごっこ」で終わらせないために(仮)
Taku Yajima
Tagbar 2018-02-23
Tagbar 2018-02-23
Dai Yamasaki
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Ryo Yoshitake
20130216 講演資料
20130216 講演資料
Kenta Nakamura
自動化ワークショップ
自動化ワークショップ
Yoshihiro Furukawa
これまでの開発から、これからの開発へのチェンジ
これまでの開発から、これからの開発へのチェンジ
Dai FUJIHARA
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
Aimi Shinohara
アジャイルプラクティス「ふりかえり」でチーム力アップ!
アジャイルプラクティス「ふりかえり」でチーム力アップ!
lolipopjp
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
Yasui Tsutomu
CybozuDays大阪ワークショップ公開資料2017-12-05
CybozuDays大阪ワークショップ公開資料2017-12-05
Cybozucommunity
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
CybozuDays東京ワークショップ公開資料2017-11-08
CybozuDays東京ワークショップ公開資料2017-11-08
Cybozucommunity
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
Daichi Aoki
スクラムナイト#1 デイリースクラムやってます?
スクラムナイト#1 デイリースクラムやってます?
Takahiro Kaihara
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
Tendances
(20)
デザインスプリントを採用した方が良い5つの理由
デザインスプリントを採用した方が良い5つの理由
リードデザイナーってどんな人か考えてみた
リードデザイナーってどんな人か考えてみた
アジャイル出来ません 〜ビギナー向けアジャイルコミュニティを約2年間運営してみた〜
アジャイル出来ません 〜ビギナー向けアジャイルコミュニティを約2年間運営してみた〜
「個」から「集」のデザイン
「個」から「集」のデザイン
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
「Agileごっこ」で終わらせないために(仮)
「Agileごっこ」で終わらせないために(仮)
Tagbar 2018-02-23
Tagbar 2018-02-23
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
20130216 講演資料
20130216 講演資料
自動化ワークショップ
自動化ワークショップ
これまでの開発から、これからの開発へのチェンジ
これまでの開発から、これからの開発へのチェンジ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
アジャイルプラクティス「ふりかえり」でチーム力アップ!
アジャイルプラクティス「ふりかえり」でチーム力アップ!
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
CybozuDays大阪ワークショップ公開資料2017-12-05
CybozuDays大阪ワークショップ公開資料2017-12-05
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
CybozuDays東京ワークショップ公開資料2017-11-08
CybozuDays東京ワークショップ公開資料2017-11-08
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
スクラムナイト#1 デイリースクラムやってます?
スクラムナイト#1 デイリースクラムやってます?
デザインのためのデザイン
デザインのためのデザイン
En vedette
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
Yusuke Kojima
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
0からのウェブディレクション講座:制作・開発編 V02.01
0からのウェブディレクション講座:制作・開発編 V02.01
Yusuke Kojima
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
現場のプロが教えるディレクターのための見積作成 v.1.01
現場のプロが教えるディレクターのための見積作成 v.1.01
Yusuke Kojima
ゼロディレ運用編 20170325
ゼロディレ運用編 20170325
Yusuke Kojima
En vedette
(6)
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
0からのウェブディレクション講座:制作・開発編 V02.01
0からのウェブディレクション講座:制作・開発編 V02.01
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
現場のプロが教えるディレクターのための見積作成 v.1.01
現場のプロが教えるディレクターのための見積作成 v.1.01
ゼロディレ運用編 20170325
ゼロディレ運用編 20170325
Similaire à 0からのウェブディレクション講座:制作・開発編 ver 2.02
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)
Motoho Jitsukawa
20130920 講演資料
20130920 講演資料
masaki sukeda
【中村】サイト運用編スライドVer.3.0
【中村】サイト運用編スライドVer.3.0
Kenta Nakamura
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
masaki sukeda
0からのwebディレクション講座 制作編5.1
0からのwebディレクション講座 制作編5.1
Kazuki Iwai
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
じょいとも
20130928 ゼロディレ運用編スライド
20130928 ゼロディレ運用編スライド
Kenta Nakamura
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
「あったらいいな」を考える Roppongi designers community
「あったらいいな」を考える Roppongi designers community
Tomoko Nishina
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
Yusuke Tamukai
0からのwebディレクション講座 製作・開発編5.0
0からのwebディレクション講座 製作・開発編5.0
Kazuki Iwai
アイデアがどんどん湧いてくる!企画力トレーニング抜粋
アイデアがどんどん湧いてくる!企画力トレーニング抜粋
Masato Maekawa
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Mari Takahashi
ウェブディレクションの基礎(第3回:運用編) 先生:中村 健太
ウェブディレクションの基礎(第3回:運用編) 先生:中村 健太
schoowebcampus
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
Design Thinking Workshop
Design Thinking Workshop
Tomoshige Nakamura
DL-D_ver1.pdf
DL-D_ver1.pdf
Cybozu, Inc.
CodeGrid2周年記念パーティ_ライトニングトーク_アジャイル開発
CodeGrid2周年記念パーティ_ライトニングトーク_アジャイル開発
Yasuyuki Fujikawa
Similaire à 0からのウェブディレクション講座:制作・開発編 ver 2.02
(20)
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)
20130920 講演資料
20130920 講演資料
【中村】サイト運用編スライドVer.3.0
【中村】サイト運用編スライドVer.3.0
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
0からのwebディレクション講座 制作編5.1
0からのwebディレクション講座 制作編5.1
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
「なぜクリエイティブ制作は自動化できないのか? 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
20130928 ゼロディレ運用編スライド
20130928 ゼロディレ運用編スライド
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
「あったらいいな」を考える Roppongi designers community
「あったらいいな」を考える Roppongi designers community
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
0からのwebディレクション講座 製作・開発編5.0
0からのwebディレクション講座 製作・開発編5.0
アイデアがどんどん湧いてくる!企画力トレーニング抜粋
アイデアがどんどん湧いてくる!企画力トレーニング抜粋
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
ウェブディレクションの基礎(第3回:運用編) 先生:中村 健太
ウェブディレクションの基礎(第3回:運用編) 先生:中村 健太
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Design Thinking Workshop
Design Thinking Workshop
DL-D_ver1.pdf
DL-D_ver1.pdf
CodeGrid2周年記念パーティ_ライトニングトーク_アジャイル開発
CodeGrid2周年記念パーティ_ライトニングトーク_アジャイル開発
0からのウェブディレクション講座:制作・開発編 ver 2.02
1.
0からのウェブディレクション講座 制作・開発編 日本ディレクション協会 小嶋 裕亮
2.
おしながき • 講義:13:10∼(30分) • ワークショップ1:13:40∼(1時間) •
休憩:14:40∼(15分) • ワークショップ2:14:55∼(1.5時間) • 講評・質疑応答:16:25∼(35分)
3.
自己紹介 小嶋 裕亮 企業向けのクライアントワークを中心に制 作を行ってきた。 オペレータ、デザイナー、エンジニアを経 て、ディレクターに。 現在株式会社リンケイジアジャパンでディ レクションチームを率いる。 所属: 日本ディレクション協会 株式会社リンケイジアジャパン
4.
0からのウェブディレクション講座 制作・開発編
5.
扱う範囲 設計→開発→運用
6.
扱う範囲 設計→開発→運用
7.
今日やることについて WBSのやり方、ガントチャートの使い方、 スケジューリングのコツ、QAなどなど…
8.
今日話すことについて WBSのやり方、ガントチャートの使い方、 スケジューリングのコツ、QAなどなど… 今日は話しません。
9.
Tipsを覚えても プロジェクトは回らない。
10.
ディレクションとは プロジェクト全体を 把握すること。
11.
そのためにやることは コミュニケーションの構築。
12.
やっていること • 電話連絡 • メール書く •
ワイヤーを切る • 小言を言う
13.
やっていること • 電話連絡がディレクション? • メール書くのがディレクション? •
ワイヤーを切るのがディレクション? • 小言を言うのはディレクション?
14.
果たす役割で考えてみよう
15.
ディレクターの役割 • 計画に基づいて • 工程を管理する
16.
ディレクターの役割 • 計画に基づいて →それぞれの目標を明確にして • 工程を管理する →誰が、いつ、何を作るかを決め、 その通りに進めること
17.
ディレクションの役割 • 計画に基づいて →それぞれの目標を明確にして • 工程を管理する →誰が、いつ、何を作るかを決め、 その通りに進めること コミュニケーションで実現
18.
タスク意味 • ワイヤーを切る・小言を言う • メールのやり取り・電話応対
19.
タスク意味 • ワイヤーを切る・小言を言う →目的・目標の共有・管理 • メールのやり取り・電話応対 →やりとりの交通整理
20.
人と人をつなげる
21.
関わる人 クライアント フォトグラ ファー ライター イラスト レーター アート ディレクター デザイナー SE マークアップ エンジニア プログラマー
22.
関わる人 クライアント フォトグラ ファー ライター イラスト レーター アート ディレクター デザイナー SE マークアップ エンジニア プログラマー
23.
目標 ディレクション クライアント みんな∼、 フォトグラ あっちいくよ∼ ファー ライター イラスト レーター アート ディレクター デザイナー SE マークアップ エンジニア プログラマー
24.
工程と工程をつなげる
25.
開発フロー WBS スケジュール 画面仕様書の作成 素材手配 ライティング デザイン マークアップ プログラミング
26.
ディレクション WBS スケジュール 画面仕様書の作成 素材手配 ライティング デザイン マークアップ プログラミング
27.
ディレクション WBS スケジュール 画面仕様書の作成 素材手配 ライティング デザイン マークアップ 進捗管理 クオリティマネジメント プログラミング
28.
ディレクションの考え方 • なにをするのか • どんなツールを 使うのか • • • • 誰に対して 何を いつ どう伝えるのか
29.
組織の形によってやるべきこと は変わる
30.
一人での制作の特徴 クライアント デザイナー
31.
小規模チームの特徴 デザイナー クライアント デザイナーで賄いきれない、 顧客対応やプログラミング をプロが補うように。 ディレクター プログラマー
32.
中規模チームの特徴 クライアント 広告代理店 各工程の分業が進み、専門技術 の質が上がり、各工程内での作 業効率があがるはずだが…
33.
実例1
34.
実例1 コミュニケーション量は増えるが、 まだ単純。
35.
実例2
36.
実例2 専門性は高くなり、各工程の作業効率は あがるが、コミュニケーションが複雑化
37.
実例2 複雑すぎるコミュニケーションを裁く ので手一杯に。。。
38.
共通する役割 • 不要なやり取りをなくすこと。 • 技術者が無駄な判断をしなくてよいよう にすること。
39.
コミュニケーションを加速させ るツール
40.
チャート
41.
画面仕様書と修正指示書 • • 指示内容指示内容指示内容 指示内容指示内容 • • 指示内容指示内容指示 指示内容指示内容指示内容指示内容 • • 指示内容指示内容指示内容 指示内容指示内容 • • 指示内容指示内容指示 指示内容指示内容指示内容指示内容
42.
クオリティチェックリスト デザインチェック コーディングチェック コードチェック • ファイルのエンコードと改行コード • バリデータでの文法チェック • リンクの指定方法のチェック • JavaScriptのエラーの有無のチェック ブラウザチェック • デザインを再現できているかのチェック • 対応ブラウザでの表示チェック • ブラウザで拡大縮小した場合の表示チェック コンテンツチェック • 文字校正 画像 • 画像の表示漏れチェック • 画像のサイズ指定のチェック • ALT指定のチェック リンク • ハイパーリンクのチェック
43.
工程自体も設計しよう
44.
ウォーターフォルモデルとは 過去は振り返ら ない主義なんだ。 時系列 ワイヤー ライティング 開発工程 デザイン 構築 デバック 一度工程が完了したら、変更は起こらない前提。
45.
現実の工程 過去は振り返ら ない主義… さっさと作って ワイヤー 時系列 動かないと わからないよ ライティング 開発工程 細かい事いいから、 いいから、 早く作ってよ。 デザイン 構築 えっ… 構成よくないね。 デバック 変えて。 お客さんはある程度形になるまで判断できないので、ブレやすい。
46.
外部委託による分断 時系列 ワイヤー ライティング 開発工程 デザイン 構築 デバック
47.
やることそのものを疑え • 何をやるべきかではなく、どうあるべき かをまず考えること。 • やっていることが本当に最適なのかを考 えること。
48.
コミュニケーションで 仕組みをつくろう
49.
ありがとうございました
50.
日本ディレクション協会 https://www.facebook.com/direkyo.org
Télécharger maintenant