Your SlideShare is downloading. ×
インブラウザ勉強会 Vol.1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

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

1,744
views

Published on

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

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


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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. IN-BROWSER DESIGN こけむさず
  • 2. 7,000
  • 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. “ 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. よくあるウェブ制作のワークフロー
  • 6. デザインラフを作って、それをHTML+CSSにする
  • 7. いまの制作ワークフローでやっていけんの?
  • 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. “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. “ 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. “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. 時間の無駄。時間は上手に使いましょう
  • 13. だから、もうインブラウザでやっちゃえ