IN-BROWSER DESIGN       こけむさず
7,000
“   7,000 different device types are used to access                     Facebook each day.VP Mike Schroepfer: 7,000 Differ...
“  More people are logging into Facebook                   daily on mobile than on desktopFacebooks Daily Mobile Users Exc...
よくあるウェブ制作のワークフロー
デザインラフを作って、それをHTML+CSSにする
いまの制作ワークフローでやっていけんの?
“     You can’t click a Photoshop mockup. This is    probably the number one reason we skip static   mockups. They aren’t ...
“Photoshopはクリックできないよね。 たぶんこれがうちらがPhotoshopで静的なモックアップ を作らない一番の理由。それは本物じゃない。紙もまた本 物じゃないし、そこには期待できるものなんかない。 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 ...
“Photoshopを使うのは、自身の作業を繰り返すだけ。 Photoshopでモックアップを作るのに3日かかったとしよ う。いま何て? これからまたHTML/CSSにして全てを作 り直す?時間の無駄。HTML/CSSで作ってれば、余った時 間...
時間の無駄。時間は上手に使いましょう
だから、もうインブラウザでやっちゃえ
Upcoming SlideShare
Loading in...5
×

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

1,849

Published on

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

0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,849
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

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

  1. 1. IN-BROWSER DESIGN こけむさず
  2. 2. 7,000
  3. 3. “ 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/
  4. 4. “ More people are logging into Facebook daily on mobile than on desktopFacebooks 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
  5. 5. よくあるウェブ制作のワークフロー
  6. 6. デザインラフを作って、それをHTML+CSSにする
  7. 7. いまの制作ワークフローでやっていけんの?
  8. 8. “ 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
  9. 9. “Photoshopはクリックできないよね。 たぶんこれがうちらがPhotoshopで静的なモックアップ を作らない一番の理由。それは本物じゃない。紙もまた本 物じゃないし、そこには期待できるものなんかない。 Photoshopのモックアップってのはあなたのスクリーン にある。もしそこにあるなら動かないと。でも、あなたは Photoshopの中のメニューを引き出すこともできなけれ ば、テキストフィールドに文字を入力することもできない し、リンクをクリックすることもできない。HTML/CSSの 場合は、リアルな体験ができるよね。Why we skip Photoshop by Jason Fried of 37signalshttp://37signals.com/svn/posts/1061-why-we-skip-photoshop
  10. 10. “ 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
  11. 11. “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
  12. 12. 時間の無駄。時間は上手に使いましょう
  13. 13. だから、もうインブラウザでやっちゃえ

×