Submit Search
Upload
プロトタイピングでしあわせになろうよ
•
5 likes
•
1,918 views
Yoshiki Kojima
Follow
第一回html5minutesでお話しました。
Read less
Read more
Design
Report
Share
Report
Share
1 of 30
Download now
Download to read offline
Recommended
Bootstrap
Bootstrap
kenji goto
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
ディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Type
Yasufumi Nishiyama
ユーザーにやさしい管理画面をつくるために。テーマ制作者ができること 初級編【WordCamp Kansai 2014】
ユーザーにやさしい管理画面をつくるために。テーマ制作者ができること 初級編【WordCamp Kansai 2014】
Kojiro Fukazawa
非エンジニア向けHTML勉強会その1
非エンジニア向けHTML勉強会その1
Karino Kyohei
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Erina Takei
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
Recommended
Bootstrap
Bootstrap
kenji goto
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
ディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Type
Yasufumi Nishiyama
ユーザーにやさしい管理画面をつくるために。テーマ制作者ができること 初級編【WordCamp Kansai 2014】
ユーザーにやさしい管理画面をつくるために。テーマ制作者ができること 初級編【WordCamp Kansai 2014】
Kojiro Fukazawa
非エンジニア向けHTML勉強会その1
非エンジニア向けHTML勉強会その1
Karino Kyohei
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Erina Takei
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Makiko M
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
concrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリング
株式会社ND&I しかたこうき
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
Chieko Aihara
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Kazumich YAMAMOTO
ビジュアルエディタ用CSSで 快適なブログライフを!
ビジュアルエディタ用CSSで 快適なブログライフを!
Yuma Tahara
とある Perl Monger の働き方
とある Perl Monger の働き方
Yusuke Wada
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
Yasufumi Nishiyama
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
Horiguchi Seito
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
これからはフリーランスのエンジニアがもっと増える
これからはフリーランスのエンジニアがもっと増える
Atsushi Harada
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前に
Yuki Nakane
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Yasufumi Nishiyama
Webサービスを作るときの9の間違い
Webサービスを作るときの9の間違い
Yusuke Katsuki
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
モックアップ共有のススメ
モックアップ共有のススメ
Kazuyoshi Goto
More Related Content
What's hot
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Makiko M
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
concrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリング
株式会社ND&I しかたこうき
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
Chieko Aihara
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Kazumich YAMAMOTO
ビジュアルエディタ用CSSで 快適なブログライフを!
ビジュアルエディタ用CSSで 快適なブログライフを!
Yuma Tahara
とある Perl Monger の働き方
とある Perl Monger の働き方
Yusuke Wada
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
Yasufumi Nishiyama
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
Horiguchi Seito
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
これからはフリーランスのエンジニアがもっと増える
これからはフリーランスのエンジニアがもっと増える
Atsushi Harada
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前に
Yuki Nakane
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Yasufumi Nishiyama
Webサービスを作るときの9の間違い
Webサービスを作るときの9の間違い
Yusuke Katsuki
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
What's hot
(20)
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
concrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリング
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
ビジュアルエディタ用CSSで 快適なブログライフを!
ビジュアルエディタ用CSSで 快適なブログライフを!
とある Perl Monger の働き方
とある Perl Monger の働き方
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
これからはフリーランスのエンジニアがもっと増える
これからはフリーランスのエンジニアがもっと増える
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前に
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Webサービスを作るときの9の間違い
Webサービスを作るときの9の間違い
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Cssnite in sapporovol14
Cssnite in sapporovol14
Similar to プロトタイピングでしあわせになろうよ
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
モックアップ共有のススメ
モックアップ共有のススメ
Kazuyoshi Goto
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
Reactにflowtypeを組み合わせることで、我々は何を楽にできたか
Reactにflowtypeを組み合わせることで、我々は何を楽にできたか
LINE Corporation
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Masakazu Muraoka
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しよう
Masayuki Abe
Riot.jsを用いたweb開発 takusuta tech conf #1
Riot.jsを用いたweb開発 takusuta tech conf #1
Keisuke Imai
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
Yu Tanaka
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
javascriptの基礎
javascriptの基礎
Masayuki Abe
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
Masayuki Abe
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Taisuke Fukuno
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実 先生:菊池 崇
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実 先生:菊池 崇
schoowebcampus
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
schoowebcampus
フロントエンドというカオスな世界について
フロントエンドというカオスな世界について
mikakane
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
まべ☆てっく運営
ハイブリットソーシャルゲームの現場
ハイブリットソーシャルゲームの現場
Shota Suzuki
Similar to プロトタイピングでしあわせになろうよ
(20)
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
モックアップ共有のススメ
モックアップ共有のススメ
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
HTML5時代のWebデザイン
HTML5時代のWebデザイン
Reactにflowtypeを組み合わせることで、我々は何を楽にできたか
Reactにflowtypeを組み合わせることで、我々は何を楽にできたか
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しよう
Riot.jsを用いたweb開発 takusuta tech conf #1
Riot.jsを用いたweb開発 takusuta tech conf #1
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
javascriptの基礎
javascriptの基礎
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実 先生:菊池 崇
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実 先生:菊池 崇
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
フロントエンドというカオスな世界について
フロントエンドというカオスな世界について
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
ハイブリットソーシャルゲームの現場
ハイブリットソーシャルゲームの現場
プロトタイピングでしあわせになろうよ
1.
プロトタイピングで しあわせになろうよ 第1回 HTML5minutes!! Goodpatch Inc. Yoshiki
Kojima
2.
自己紹介 小島芳樹 @yoshikikoji ! グッドパッチというUIデザイン制作会社でディ レクター/フロントエンドエンジニアをやっ ています。
3.
4.
今日はJavaScriptじゃない話をします
5.
プロトタイピングで しあわせになろうよ 1. 複雑化するWebサイト・アプリケーション 2. 変化するWeb制作の現場 3.
プロトタイピングとは?
6.
プロトタイピングで しあわせになろうよ 1. 複雑化するWebサイト・アプリケーション 2. 変化するWeb制作の現場 3.プロトタイピングとは?
7.
WEB2.0以前 文書閲覧 広告媒体
8.
今 課題解決 自動化
9.
課題解決 自動化 文書閲覧 広告媒体 俺が支える!
10.
WEBの担う役割 進化・変化・複雑化
11.
プロトタイピングで しあわせになろうよ 1. 複雑化するWebサイト・アプリケーション 2. 変化するWeb制作の現場 3.プロトタイピングとは?
12.
グラフィックデザイナー インタラクティブデザイナー UIデザイナー UXデザイナー フロントエンドエンジニア マークアップエンジニア サーバサイドエンジニア インフラエンジニア インフォメーションアーキテクト アートディレクター クリエイティブディレクター 営業 プロデューサー プランナー マーケター データアナリスト コピーライター フォトグラファー
13.
進化・変化・複雑化 分業化 ! 職種の専門性が 高まる
14.
分かり合えない 人間たち
15.
仕様書で殴りあう 毎日
16.
ばらばらになる 開発現場
17.
プロジェクト 中 止
18.
ウォーターフォール型 最後まで 成果物は見えない 思ってたのと 違うね…
19.
プロトタイピングで 解決しましょう!
20.
プロトタイピングで しあわせになろうよ 1. 複雑化するWebサイト・アプリケーション 2. 変化するWeb制作の現場 3.プロトタイピングとは?
21.
プロトタイプとは? • 試作品 • ワイヤーと違うの? →機能やUI設計をちゃんと考える! →きちんと検証する! • 実装前に問題点を洗い出せる(手戻り防止) • 簡単だよ!だれでもできるよ!! →ノートやメモ帳にさらっと書いたり… →プロトタイピングツールの導入でより簡単に!
22.
だれでも簡単に作れる・触れる 完成のイメージがつかみやすい
23.
チームの距離が縮まる
24.
クライアントが 技術に関する知識を持っていない場合でも
25.
触って納得! これ、チョーやばくね? チョーやばい♥
26.
画面遷移やアニメーションを再現 プロトタイピングツール POP InVision Flinto
27.
日本発世界行き!プロトタイピングツール
28.
工程が増えるのはちょっと… 検証をフェーズに合わせてきちんと行うこと で手戻りを防止 工数削減・品質向上
29.
開発プロセス、見直してみませんか? よりよいプロジェクトを目指して ✕ プロトタイピング
30.
UIデザイナー/フロントエンドエンジニア iOS・Androidエンジニア/ディレクター 募集中 http://goodpatch.com/ Prott オープンβ公開中 https://prottapp.com/
Download now