Submit Search
Upload
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
•
10 likes
•
3,759 views
Yusaku Kinoshita
Follow
2015年2月26日の【ヒカ☆ラボ】にご登壇された株式会社Goodpatchの右寺氏のプレゼン資料です。
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 73
Download now
Download to read offline
Recommended
綺麗なデザインの盛り付け方 -超小ネタ編-
綺麗なデザインの盛り付け方 -超小ネタ編-
wariemon
自分と向き合うセルフブランディング
自分と向き合うセルフブランディング
wariemon
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
FICC inc.
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
shinta rock
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Tatsuya_Yokoyama
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
Recommended
綺麗なデザインの盛り付け方 -超小ネタ編-
綺麗なデザインの盛り付け方 -超小ネタ編-
wariemon
自分と向き合うセルフブランディング
自分と向き合うセルフブランディング
wariemon
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
FICC inc.
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
shinta rock
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Tatsuya_Yokoyama
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
UXとブランド
UXとブランド
Takehisa Gokaichi
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
人と向き合うプロトタイピング
人と向き合うプロトタイピング
wariemon
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
WCK Meeting Vol.27「Webデザイナーの役目」
WCK Meeting Vol.27「Webデザイナーの役目」
玄 中野
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
Web design
Web design
kazuko kaneuchi
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
CREATIVE SURVEY
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
Nobuya Sato
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
AstroBlasterUI研修
AstroBlasterUI研修
Shinsuke Kubo
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
ちょっと待って!UXを考えるその前に! ~株式会社 schooの場合~
ちょっと待って!UXを考えるその前に! ~株式会社 schooの場合~
Tomofumi Ueba
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
Take Bo
More Related Content
What's hot
UXとブランド
UXとブランド
Takehisa Gokaichi
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
人と向き合うプロトタイピング
人と向き合うプロトタイピング
wariemon
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
WCK Meeting Vol.27「Webデザイナーの役目」
WCK Meeting Vol.27「Webデザイナーの役目」
玄 中野
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
Web design
Web design
kazuko kaneuchi
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
CREATIVE SURVEY
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
Nobuya Sato
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
AstroBlasterUI研修
AstroBlasterUI研修
Shinsuke Kubo
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
What's hot
(20)
UXとブランド
UXとブランド
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
人と向き合うプロトタイピング
人と向き合うプロトタイピング
デザイン提案の参考資料
デザイン提案の参考資料
WCK Meeting Vol.27「Webデザイナーの役目」
WCK Meeting Vol.27「Webデザイナーの役目」
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Web design
Web design
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
AstroBlasterUI研修
AstroBlasterUI研修
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Viewers also liked
ちょっと待って!UXを考えるその前に! ~株式会社 schooの場合~
ちょっと待って!UXを考えるその前に! ~株式会社 schooの場合~
Tomofumi Ueba
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
Take Bo
Prott 1st year Anniversary
Prott 1st year Anniversary
Naofumi Tsuchiya
Prott's design
Prott's design
Yukihiro Kobayashi
Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )
Naofumi Tsuchiya
All inclusive design - excluding no gender
All inclusive design - excluding no gender
Sara Lerén
Prott 1st Anniversary - user support and tips
Prott 1st Anniversary - user support and tips
Takafumi Haseda
【12月8日】本場スタンフォード大学に学ぶ!デザイン思考入門
【12月8日】本場スタンフォード大学に学ぶ!デザイン思考入門
Takanori Kashino
WebSig分科会2014 vol.2「日本のソーシャルネットワーク10年」
WebSig分科会2014 vol.2「日本のソーシャルネットワーク10年」
WebSig24/7
Goodpatch Workshop 6 Jun 2014
Goodpatch Workshop 6 Jun 2014
Naofumi Tsuchiya
松岡修造と学ぶ『誰のためのデザイン? 増補・改訂版』
松岡修造と学ぶ『誰のためのデザイン? 増補・改訂版』
Ryo Yoshitake
WebSig会議 ハートに響くUIを生み出すためのデザインプロセス
WebSig会議 ハートに響くUIを生み出すためのデザインプロセス
Naofumi Tsuchiya
UXデザイナーの生存確認と最新事情 | UXなまトーク
UXデザイナーの生存確認と最新事情 | UXなまトーク
Toshiaki Otsuka
The role of mindset in design thinking: Implications for capability developme...
The role of mindset in design thinking: Implications for capability developme...
Zaana Jaclyn
Student Work - DID
Student Work - DID
jeremyschriner
UX Design とは何か?
UX Design とは何か?
Hiroshi Obayashi
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料
Satoru MURAKOSHI
-入門- enchant.js でゲームを作ろう
-入門- enchant.js でゲームを作ろう
nico0927
Minimal design(ミニマル・デザイン)の考え方
Minimal design(ミニマル・デザイン)の考え方
KYOTA KONNO
Dissociative Identity Disorder
Dissociative Identity Disorder
Annika Smith
Viewers also liked
(20)
ちょっと待って!UXを考えるその前に! ~株式会社 schooの場合~
ちょっと待って!UXを考えるその前に! ~株式会社 schooの場合~
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
Prott 1st year Anniversary
Prott 1st year Anniversary
Prott's design
Prott's design
Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )
All inclusive design - excluding no gender
All inclusive design - excluding no gender
Prott 1st Anniversary - user support and tips
Prott 1st Anniversary - user support and tips
【12月8日】本場スタンフォード大学に学ぶ!デザイン思考入門
【12月8日】本場スタンフォード大学に学ぶ!デザイン思考入門
WebSig分科会2014 vol.2「日本のソーシャルネットワーク10年」
WebSig分科会2014 vol.2「日本のソーシャルネットワーク10年」
Goodpatch Workshop 6 Jun 2014
Goodpatch Workshop 6 Jun 2014
松岡修造と学ぶ『誰のためのデザイン? 増補・改訂版』
松岡修造と学ぶ『誰のためのデザイン? 増補・改訂版』
WebSig会議 ハートに響くUIを生み出すためのデザインプロセス
WebSig会議 ハートに響くUIを生み出すためのデザインプロセス
UXデザイナーの生存確認と最新事情 | UXなまトーク
UXデザイナーの生存確認と最新事情 | UXなまトーク
The role of mindset in design thinking: Implications for capability developme...
The role of mindset in design thinking: Implications for capability developme...
Student Work - DID
Student Work - DID
UX Design とは何か?
UX Design とは何か?
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料
-入門- enchant.js でゲームを作ろう
-入門- enchant.js でゲームを作ろう
Minimal design(ミニマル・デザイン)の考え方
Minimal design(ミニマル・デザイン)の考え方
Dissociative Identity Disorder
Dissociative Identity Disorder
Similar to 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
Satoru MURAKOSHI
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
事業企画
事業企画
teradonburi Terai
javascriptの基礎
javascriptの基礎
Masayuki Abe
ホームオートメーションにおけるIo t(機器とクラウド連携について)
ホームオートメーションにおけるIo t(機器とクラウド連携について)
iot_nifty
Pythonを始めよう
Pythonを始めよう
shouta yoshikai
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
Masayuki Abe
SORACOM Conference "Discovery" 2018 | E1. Wioで始めるIoTプロトタイプ開発 〜実践事例のご紹介〜
SORACOM Conference "Discovery" 2018 | E1. Wioで始めるIoTプロトタイプ開発 〜実践事例のご紹介〜
SORACOM,INC
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
Tomoko Nishina
UXデザインを活用した仮説立案から考えるデータ分析とは?
UXデザインを活用した仮説立案から考えるデータ分析とは?
Shigeyuki Kameda
No codecamp20200712
No codecamp20200712
翼 宮崎
ユーザーの時間軸を含めたプロダクトデザイン
ユーザーの時間軸を含めたプロダクトデザイン
Shin Semiya
CEDEC2021 プランナーもハックしよう 業務効率化、ローコード開発とテクニカルプランナー
CEDEC2021 プランナーもハックしよう 業務効率化、ローコード開発とテクニカルプランナー
SEGADevTech
Project 15 - Algyan May 2022.pdf
Project 15 - Algyan May 2022.pdf
YasuhiroHanda2
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
Yasushi Taki
広告制作会社がIoTデバイスを作るという事
広告制作会社がIoTデバイスを作るという事
Dan Imagineer
ホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のこと
Yasushi Taki
AI開発しくじり先生から学ぼう「失敗しないAI開発の秘訣となる仮説とは?」
AI開発しくじり先生から学ぼう「失敗しないAI開発の秘訣となる仮説とは?」
Shigeyuki Kameda
子供達と プログラミングをはじめよう
子供達と プログラミングをはじめよう
Masao Niizuma
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
Similar to 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
(20)
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
事業企画
事業企画
javascriptの基礎
javascriptの基礎
ホームオートメーションにおけるIo t(機器とクラウド連携について)
ホームオートメーションにおけるIo t(機器とクラウド連携について)
Pythonを始めよう
Pythonを始めよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
SORACOM Conference "Discovery" 2018 | E1. Wioで始めるIoTプロトタイプ開発 〜実践事例のご紹介〜
SORACOM Conference "Discovery" 2018 | E1. Wioで始めるIoTプロトタイプ開発 〜実践事例のご紹介〜
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
UXデザインを活用した仮説立案から考えるデータ分析とは?
UXデザインを活用した仮説立案から考えるデータ分析とは?
No codecamp20200712
No codecamp20200712
ユーザーの時間軸を含めたプロダクトデザイン
ユーザーの時間軸を含めたプロダクトデザイン
CEDEC2021 プランナーもハックしよう 業務効率化、ローコード開発とテクニカルプランナー
CEDEC2021 プランナーもハックしよう 業務効率化、ローコード開発とテクニカルプランナー
Project 15 - Algyan May 2022.pdf
Project 15 - Algyan May 2022.pdf
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
広告制作会社がIoTデバイスを作るという事
広告制作会社がIoTデバイスを作るという事
ホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のこと
AI開発しくじり先生から学ぼう「失敗しないAI開発の秘訣となる仮説とは?」
AI開発しくじり先生から学ぼう「失敗しないAI開発の秘訣となる仮説とは?」
子供達と プログラミングをはじめよう
子供達と プログラミングをはじめよう
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
More from Yusaku Kinoshita
集まっTail(集まっている)#8
集まっTail(集まっている)#8
Yusaku Kinoshita
Bridging the Gap for Beginners in Developer Communities@DevRelConTokyo_20170729
Bridging the Gap for Beginners in Developer Communities@DevRelConTokyo_20170729
Yusaku Kinoshita
集まっtail#7「teratailより」
集まっtail#7「teratailより」
Yusaku Kinoshita
データ分析-の波乗り遅れた気がしてる人のための Python×データ分析の超基礎の基礎 v1.0-20160831
データ分析-の波乗り遅れた気がしてる人のための Python×データ分析の超基礎の基礎 v1.0-20160831
Yusaku Kinoshita
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
Yusaku Kinoshita
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
Yusaku Kinoshita
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
Yusaku Kinoshita
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
Yusaku Kinoshita
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
Yusaku Kinoshita
「ゼロから構築するDev rel体制」20160316@devrelmeetup
「ゼロから構築するDev rel体制」20160316@devrelmeetup
Yusaku Kinoshita
77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】
77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】
Yusaku Kinoshita
Motohashi.#3
Motohashi.#3
Yusaku Kinoshita
個人開発アプリのご紹介とあり得ない不具合に対する掲示板の活用事例
個人開発アプリのご紹介とあり得ない不具合に対する掲示板の活用事例
Yusaku Kinoshita
G'sアカデミー2期入学式資料(投影資料版)
G'sアカデミー2期入学式資料(投影資料版)
Yusaku Kinoshita
5分でわかるphalcon php
5分でわかるphalcon php
Yusaku Kinoshita
効率的かつユニークな学習法
効率的かつユニークな学習法
Yusaku Kinoshita
150612 middleman(ikuwow)
150612 middleman(ikuwow)
Yusaku Kinoshita
Google先生との付き合い方(lightwill氏)
Google先生との付き合い方(lightwill氏)
Yusaku Kinoshita
More from Yusaku Kinoshita
(18)
集まっTail(集まっている)#8
集まっTail(集まっている)#8
Bridging the Gap for Beginners in Developer Communities@DevRelConTokyo_20170729
Bridging the Gap for Beginners in Developer Communities@DevRelConTokyo_20170729
集まっtail#7「teratailより」
集まっtail#7「teratailより」
データ分析-の波乗り遅れた気がしてる人のための Python×データ分析の超基礎の基礎 v1.0-20160831
データ分析-の波乗り遅れた気がしてる人のための Python×データ分析の超基礎の基礎 v1.0-20160831
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
WebVR空間の巨大スクリーンでteratailを見れるか試してみた話
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
【非エンジニアが 「明日からDevRelやってよ」って 突然言われて1年半やってきたこと ~teratailのDevRel担当、ゼロからの奮闘記~ @a...
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
エンジニアじゃなくても 3Dゲームが3時間できた話。 ~three.jsで3D糸通しをつくってみた~
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
エンジニアじゃなくてもAngularJS×milkcocoaでチャットアプリが1時間!? 非エンジニアから見たAngularJSの感動するポイント3つ
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
「ゼロから構築するDev rel体制」20160316@devrelmeetup
「ゼロから構築するDev rel体制」20160316@devrelmeetup
77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】
77枚の資料を5分で発表してみたやつ【G’s academy 卒業制作」発表資料(016.03.02) 】
Motohashi.#3
Motohashi.#3
個人開発アプリのご紹介とあり得ない不具合に対する掲示板の活用事例
個人開発アプリのご紹介とあり得ない不具合に対する掲示板の活用事例
G'sアカデミー2期入学式資料(投影資料版)
G'sアカデミー2期入学式資料(投影資料版)
5分でわかるphalcon php
5分でわかるphalcon php
効率的かつユニークな学習法
効率的かつユニークな学習法
150612 middleman(ikuwow)
150612 middleman(ikuwow)
Google先生との付き合い方(lightwill氏)
Google先生との付き合い方(lightwill氏)
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
1.
1 プロジェクトの炎上を防ぐために フロントエンドエンジニアとして できること 株式会社グッドパッチ フロントエンドエンジニア 右寺 隆信 @migi
2.
2 自己紹介
3.
3 右寺 隆信 (ミギテラ
タカノブ) 今まで、いろんな会社で いろんなことをやってきました。 ウェブサービス企画→法人営業→ウェブデザイナ→ ウェブディレクタ→フロントエンドエンジニア→ ソシャゲディレクタ→ゲームデザイナ→ フロントエンドエンジニア(←いまここ) 器用貧乏です。
4.
44 趣味は、ポーカー・人狼・ボドゲなど 去年、CodeIQさんで人狼の記事書いたので 興味がある方はどうぞ。 https://codeiq.jp/magazine/2014/03/6714/
5.
5 について
6.
1. Goodpatch :
会社概要 日本で数少ないUIデザイン専門の会社。デザインによって、企業の価値やブランドをあげることを目指している。 webサービスからスマートフォンアプリケーションまで、上流から下流までUX・UIの企画設計、実装を行う。 大手メーカー様から、新規スタートアップ企業様までクライアントは多岐に渡る。 http://goodpatch.com 6
7.
1. Goodpatch :
ビジョン 7 人々のハートを揺さぶる Design&Productを生み出し 世界をより良い方向に前進させる Move people s hearts with Great Design and Products to push the world forward. VISION
8.
1. Goodpatch :
実績 8
9.
1. Goodpatch :
実績 - Gunosy Gunosy App (iPhone Ver.2.0) ニュースレコメンドサービス「Gunosy」の初期からiPhone App (Ver.2.0)までのデザインを担当。 サービス開始直後GunosyにUIデザインを提供し、サービス成長に大きく貢献。 UI設計 / UIデザイン http://gunosy.com/iphone 9
10.
1. Goodpatch :
実績 - Money Forward Money Forward App (iPhone) アカウントアグリゲーションのサービス「Money Forward」App全面リニューアル。高機能かつ複雑なアプリケーショ ンの機能を整理し、ユーザーレビューで高評価を獲得。2014年度グッドデザイン賞 受賞(主催:公益財団法人日本デザイン振興会) https://moneyforward.com http://memo.goodpatch.co/2014/08/moneyforward_redesign/ UI設計 / UIデザイン 10
11.
1. Goodpatch :
実績 - Prott (自社サービス) prott UI設計 / UIデザイン / コーディング https://prottapp.com 11 モバイルアプリ向けのラピッドプロトタイピングツール。Goodpatchの自社サービスとして2014年4月にリリース。 利用ユーザー数は1万6000人を突破(2015年1月時点)。 大手ウェブサービス企業にてEnterpriseプランの採用実績多数(Yahoo! , DeNA , GREE , Recruit , Excite)。
12.
1. Goodpatch :
実績 - Prott (自社サービス) 12 コンセプトデザイン、サービスデザイン、ゲーム開発など幅広い分野で導入
13.
13 グッドパッチにおける フロントエンドエンジニア の立ち位置
14.
14 フロントエンドエンジニア コーダー デザイナー ディレクター フロントエンドエンジニアとコーダーは兼任 デザイナーはコードは書かない 専任ディレクターもいるがデザイナーやフロントエンドエンジニアがディレクターをすることもある 私はこのあたり
15.
15 本題
16.
16 この中で、 デスマーチ/案件の炎上を 経験したことのある方は いらっしゃいますか?
17.
17 この中で、 デスマーチが好きな方は いらっしゃいますか?
18.
18 まぁ、そうですよね、、、 (́・ω・`)
19.
19 案件が炎上して デスマーチに突入することで
20.
20 身体を壊す 家庭を壊す 人間関係を壊す 精神を壊す
21.
21 _人人 人人_ > 緩慢な死
<  ̄Y^Y^Y^Y ̄
22.
22 普段の仕事では 簡潔で わかりやすく 保守性が高く 堅牢で 効率が良く 無駄がない そんなコードを書きたい
23.
23 これがデスマーチに 突入すると
24.
24 とにかく時間が無い!!! ↓ とりあえず、最低限動くものを……… ↓ ウンコードの量産
25.
25 最低です
26.
26 精神衛生的にも悪いし なによりエンジニアとしての 成長の機会も失われています
27.
27 炎上させたくないですよね…
28.
28 全てだとは言えませんが 炎上のほとんどは PM/ディレクタの責任です
29.
29 しかし、 優秀なPM/ディレクタなんて そうそういるものではありません そもそも、優秀なPM/ディレクタって何さ?
30.
30 しかも、 プロジェクトが炎上して実際に苦しむのは エンジニアである自分です
31.
31 自分の身は自分で守りたい
32.
32 では、どうするか?
33.
33 フロントエンドエンジニアに できることは無いのか?
34.
34 少しでも炎上の可能性を減らすため フロントエンドエンジニアとして できること
35.
35 私は、あると思います
36.
36 具体的には、次の4点
37.
37 1. 契約内容を確認しておこう 2. 対応範囲を明確にしておこう 3.
技術選定は最初に合意を取ろう 4. スケジューリングには必ず関わろう
38.
38 1. 契約内容を確認しておこう 2. 対応範囲を明確にしておこう 3.
技術選定は最初に合意を取ろう 4. スケジューリングには必ず関わろう
39.
39 この案件は どういう契約形態なのか? 契約書/見積書/発注書を しっかり確認しましょう
40.
40 「成果物を期日までに納品すること」 「プロジェクトを進める上での人月」 クライアントが支払うお金は どちらに対するものでしょうか?
41.
41 「最高の成果物を追い求めすぎて 仕様が膨らんでしまって 結局納期に間に合わない!!」
42.
42 後者のような契約形態で スクラム方式でスプリントを 回していくような案件であれば 問題無いとも言えますが 前者のような契約形態だった場合は 確実に炎上に繋がります
43.
43 1. 契約内容を確認しておこう 2. 対応範囲を明確にしておこう 3.
技術選定は最初に合意を取ろう 4. スケジューリングには必ず関わろう
44.
44 最近、社内社外問わず たまに聞くお話
45.
45 デザインを起こして HTML/CSS/JSでモックを作る までのお仕事
46.
46 と思っていたら… サーバサイドはAPIで jsonを返すだけなので API繋ぎこんで ルーティングまでさせて 処理は全部フロントエンドで!
47.
47 個人的にはこれは、俗に言う フロントエンドエンジニア やること多すぎ問題 の一種だと思っています
48.
48 フロントエンドでできることが増えた ↓ フロントエンドエンジニアは必死にがんばる ↓ でもディレクタは完全には理解できていない ↓ クライアントの方で思っている 「ここまでやってくれるだろう」という 実装範囲の齟齬が発生してしまう
49.
49 もちろん、ディレクタに フロントエンド業務の全てを 理解してもらうのは無理です
50.
50 モダンなサイト構築において 「どのあたりを気をつければ良いか?」 ということを事前にディレクタと 共有するだけでも随分違うと思います
51.
51 可能であれば、クライアントとのMtgには ディレクタと一緒に出席しましょう 無理な場合も、Mtg後でも 「どの範囲をやるのか?」という点について しっかりと突っ込みましょう
52.
52 もはや、言わずもがなですが 対応ブラウザなんかも明確に…
53.
53 1. 契約内容を確認しておこう 2. 対応範囲を明確にしておこう 3.
技術選定は最初に合意を取ろう 4. スケジューリングには必ず関わろう
54.
54 ただでさえ忙しいフロントエンドまわり 最近は便利な フレームワーク/ツール/メタ言語 がたくさんありますね?
55.
55 http://www.slideshare.net/t32k/i-wanna-bea-frontendengineer
56.
56 使いこなして効率的に案件を進めるぜ!
57.
57 ちょっと待って!!
58.
58 それ使うこと、 クライアントに合意取れてる?
59.
59 悲劇:その1
60.
60 最近いつもJade使ってるし この案件でもJadeでさくさく作ったる! (`・ω・́)
61.
61 半月後、納品直前 「サーバーサイドはRuby on Railsで 実装するのでslimで やって欲しいんだけど…」
62.
62 えっ!?書きなおすの…… (́・ω・`)
63.
63 悲劇:その2
64.
64 最近流行ってるし便利そうだし AngularJSゴリゴリ使って進めるお! (`・ω・́)
65.
65 一ヶ月後、納品直前 「え?ウチの会社にAngularJS 分かる人いないし保守できなくなるから 止めてほしいなー」 「というか、SEO重要なサイトって 言ってあるけど、AngularJSで ちゃんと対策考えてるの?」
66.
66 どうしよ…これ…… (́・ω・`)
67.
67 案件が始まる際に クライアント側のエンジニアと どういうツールを使ってやるのか しっかりと合意を取りましょう
68.
68 1. 契約内容を確認しておこう 2. 対応範囲を明確にしておこう 3.
技術選定は最初に合意を取ろう 4. スケジューリングには必ず関わろう
69.
69 いつのまにかディレクタとクライアントの間で スケジュールが出来上がっている ↓ 工数的に絶対無理じゃん!!! ↓ 揉める ↓ もう決まったことだから ↓ デスマ突入
70.
70 作業に対しての工数はしっかり見積もりましょう スケジュール厳しいから とにかくもう進めちゃって! は後から苦しい状態しか生まないと思います
71.
71 というわけで
72.
72 社内のPM/ディレクタと上手く協力して 素敵なプロジェクトにしていきたいものですね
73.
73 以上、ありがとうございました。
Download now