Movatterモバイル変換


[0]ホーム

URL:


masaaki komori, profile picture
Uploaded bymasaaki komori
2,525 views

インブラウザ勉強会 Vol.1

こけむさずの会。第一回目の引用しまくりスライドw

Embed presentation

IN-BROWSER DESIGN       こけむさず
7,000
“   7,000 different device types are used to access                     Facebook each day.VP Mike Schroepfer: 7,000 Different Types Of Mobile Devices Access Facebook Every Dayhttp://techcrunch.com/2012/08/03/vp-mike-schroepfer-7000-different-mobile-devices-access-facebook-every-day/
“  More people are logging into Facebook                   daily on mobile than on desktopFacebook's Daily Mobile Users Exceed Daily Desktop Users For The First Timehttp://www.fastcompany.com/3005269/facebooks-daily-mobile-users-exceed-daily-desktop-users-first-time
よくあるウェブ制作のワークフロー
デザインラフを作って、それをHTML+CSSにする
いまの制作ワークフローでやっていけんの?
“     You can’t click a Photoshop mockup. This is    probably the number one reason we skip static   mockups. They aren’t real. Paper isn’t real either,       but paper doesn’t have that expectation. A  Photoshop mockup is on your screen. If it’s on your  screen it should work. You can’t pull down menus  in a Photoshop mockup, you can’t enter text into a  field in a Photoshop mockup, you can’t click a link   in a Photoshop mockup. HTML/CSS, on the other              hand, is the real experience.Why we skip Photoshop by Jason Fried of 37signalshttp://37signals.com/svn/posts/1061-why-we-skip-photoshop
“Photoshopはクリックできないよね。 たぶんこれがうちらがPhotoshopで静的なモックアップ を作らない一番の理由。それは本物じゃない。紙もまた本 物じゃないし、そこには期待できるものなんかない。 Photoshopのモックアップってのはあなたのスクリーン にある。もしそこにあるなら動かないと。でも、あなたは Photoshopの中のメニューを引き出すこともできなけれ ば、テキストフィールドに文字を入力することもできない し、リンクをクリックすることもできない。HTML/CSSの 場合は、リアルな体験ができるよね。Why we skip Photoshop by Jason Fried of 37signalshttp://37signals.com/svn/posts/1061-why-we-skip-photoshop
“  Photoshop is repeating yourself. Ok, so you’ve spent 3 days on a mockup in Photoshop. Now what?  Now I have to make it all over again in HTML/CSS.  Wasted time. Just build it in HTML/CSS and spend  that extra time iterating, not rebuilding. If you’re not fast enough in HTML/CSS, then spend the time    learning how to create in HTML/CSS faster.                 It’s time well spent.Why we skip Photoshop by Jason Fried of 37signalshttp://37signals.com/svn/posts/1061-why-we-skip-photoshop
“Photoshopを使うのは、自身の作業を繰り返すだけ。 Photoshopでモックアップを作るのに3日かかったとしよ う。いま何て? これからまたHTML/CSSにして全てを作 り直す?時間の無駄。HTML/CSSで作ってれば、余った時 間はイテレーションに使える、再構築じゃない。 もし、そんなに早くHTML/CSSで作れないのなら、それは いかにしてHTML/CSSで早く作れるようにするかを学ぶ時 間にした方がいい。 時間は上手に使いましょう。Why we skip Photoshop by Jason Fried of 37signalshttp://37signals.com/svn/posts/1061-why-we-skip-photoshop
時間の無駄。時間は上手に使いましょう
だから、もうインブラウザでやっちゃえ

Recommended

PDF
最近知ったBootstrapの注意点
PPTX
Bootstrapを使ってみよう
PDF
Bootstrap
PDF
concrete5バージョン8リリースパーティ「テーマを作ろう」
KEY
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
PDF
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
PDF
Word camposaka imaigo_slideshare
PDF
マークアップエンジニアと情報アーキテクチャ
PDF
プロトタイプ時代の
WordPressテーマの作り方・考え方
PDF
Xamarin.Forms概要
PPTX
Bootstrap
PDF
Xamarin の概要と活用事例
PDF
Xamarin 基礎講座 2016年7月版
PDF
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
PPTX
20分でできる!Xamarin.Forms入門
PDF
WordPressで作るポートフォリオサイト
PDF
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
PDF
Osc nagoya 2013
PDF
小川流!わかりやすいテーマの作り方
PDF
Xamarin の特徴と開発手法概要
PDF
JXUGC 13 東京 はじめに
PDF
Sakenomyの開発経緯と内容をできるだけ公開しちゃいます
PDF
Xamarin バッドノウハウ大全
PDF
120225 bootstrap
PDF
concrete5で実践するリードナーチャリング
PPTX
Developers.io.札幌 xamarinってどうよ
PPTX
Xamarin.forms実践投入してみて
PDF
レスポンシブWebデザイン ワークフロー
PDF
UXのリバースエンジニアリング
PDF
DeNA Creative Seminar #2 に行ってきた

More Related Content

PDF
最近知ったBootstrapの注意点
PPTX
Bootstrapを使ってみよう
PDF
Bootstrap
PDF
concrete5バージョン8リリースパーティ「テーマを作ろう」
KEY
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
PDF
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
PDF
Word camposaka imaigo_slideshare
PDF
マークアップエンジニアと情報アーキテクチャ
最近知ったBootstrapの注意点
Bootstrapを使ってみよう
Bootstrap
concrete5バージョン8リリースパーティ「テーマを作ろう」
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Word camposaka imaigo_slideshare
マークアップエンジニアと情報アーキテクチャ

What's hot

PDF
プロトタイプ時代の
WordPressテーマの作り方・考え方
PDF
Xamarin.Forms概要
PPTX
Bootstrap
PDF
Xamarin の概要と活用事例
PDF
Xamarin 基礎講座 2016年7月版
PDF
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
PPTX
20分でできる!Xamarin.Forms入門
PDF
WordPressで作るポートフォリオサイト
PDF
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
PDF
Osc nagoya 2013
PDF
小川流!わかりやすいテーマの作り方
PDF
Xamarin の特徴と開発手法概要
PDF
JXUGC 13 東京 はじめに
PDF
Sakenomyの開発経緯と内容をできるだけ公開しちゃいます
PDF
Xamarin バッドノウハウ大全
PDF
120225 bootstrap
PDF
concrete5で実践するリードナーチャリング
PPTX
Developers.io.札幌 xamarinってどうよ
PPTX
Xamarin.forms実践投入してみて
PDF
レスポンシブWebデザイン ワークフロー
プロトタイプ時代の
WordPressテーマの作り方・考え方
Xamarin.Forms概要
Bootstrap
Xamarin の概要と活用事例
Xamarin 基礎講座 2016年7月版
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
20分でできる!Xamarin.Forms入門
WordPressで作るポートフォリオサイト
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
Osc nagoya 2013
小川流!わかりやすいテーマの作り方
Xamarin の特徴と開発手法概要
JXUGC 13 東京 はじめに
Sakenomyの開発経緯と内容をできるだけ公開しちゃいます
Xamarin バッドノウハウ大全
120225 bootstrap
concrete5で実践するリードナーチャリング
Developers.io.札幌 xamarinってどうよ
Xamarin.forms実践投入してみて
レスポンシブWebデザイン ワークフロー

Similar to インブラウザ勉強会 Vol.1

PDF
UXのリバースエンジニアリング
PDF
DeNA Creative Seminar #2 に行ってきた
PDF
Web Design Process for The Future
PDF
Web Design Process for The Future
PDF
Re:Cre Vol.14 | Web design process for the future
PDF
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
PDF
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
PDF
Browser oh browser browser
PDF
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
PDF
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
PDF
終わりなきWebの旅
PDF
未来をプロトタイプしよう
PDF
MTセミナー2011/2/21 アイデアマンズ株式会社
PDF
Mtddc hokkaido-2010-ideamans-session
PPTX
Mobile SEO (Japanese Version)
PDF
Sacss WordPress Special with Fireworks
PDF
Webデザイン入門1-HTML5・CSSについて-
PDF
Trend and use point augment reality 2013-01-31
PPTX
Adobe セッション for Enterprise x HTML5 Web Application Conference 2014
PDF
Html5超入門
 
UXのリバースエンジニアリング
DeNA Creative Seminar #2 に行ってきた
Web Design Process for The Future
Web Design Process for The Future
Re:Cre Vol.14 | Web design process for the future
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Browser oh browser browser
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
終わりなきWebの旅
未来をプロトタイプしよう
MTセミナー2011/2/21 アイデアマンズ株式会社
Mtddc hokkaido-2010-ideamans-session
Mobile SEO (Japanese Version)
Sacss WordPress Special with Fireworks
Webデザイン入門1-HTML5・CSSについて-
Trend and use point augment reality 2013-01-31
Adobe セッション for Enterprise x HTML5 Web Application Conference 2014
Html5超入門
 

More from masaaki komori

PDF
Framerで動くモックアップを簡単作成
PDF
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
PDF
HTML5 Web Design Workflow
PDF
groundwork-pasona-tech
PDF
2015年のWebサイトの作り方 at 67ws
PDF
Prototyping with Sketch
PDF
Web制作者は変化についていけるか? 変化についていくべきか?
PDF
Sketch 3 Basics at kkmsz
PDF
設計から実装まで、今すぐ始める高速化
PDF
Framerで始めるプロトタイプコーディング
PDF
Mastering Sublime Text 2
PDF
Getting Started with Sublime Text 2
PDF
デバイス多様化の時代のWeb制作
PDF
Sublime Text 2 Basics
PDF
Webデザインと開発の未来
PDF
Bootstrapはこう使う
PDF
プロトタイピングツール戦国時代
PDF
InstaVR使ってみた
PDF
レスポンシブEメールを作ろう
PDF
コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3
Framerで動くモックアップを簡単作成
Bootstrapではじめる、
Webサイト設計のモダンアプローチ
HTML5 Web Design Workflow
groundwork-pasona-tech
2015年のWebサイトの作り方 at 67ws
Prototyping with Sketch
Web制作者は変化についていけるか? 変化についていくべきか?
Sketch 3 Basics at kkmsz
設計から実装まで、今すぐ始める高速化
Framerで始めるプロトタイプコーディング
Mastering Sublime Text 2
Getting Started with Sublime Text 2
デバイス多様化の時代のWeb制作
Sublime Text 2 Basics
Webデザインと開発の未来
Bootstrapはこう使う
プロトタイピングツール戦国時代
InstaVR使ってみた
レスポンシブEメールを作ろう
コアなエンジニアじゃなくてもできるよ #JP_Stripes Vol.3

インブラウザ勉強会 Vol.1


[8]ページ先頭

©2009-2025 Movatter.jp