How we built "Oyasumi Shower" in 24 Hours. おやすみシャワーができるまで

How We Built
“Oyasumi Shower”
in 24 Hours
͓΍͢Έγϟϫʔ͕Ͱ͖Δ·Ͱ
Yoji Shidara
Team OyasumiSupport#end_of_day
Enishi Tech Inc.

View Slide

Let me introduce
·ͣ͸͡Ίʹ

View Slide

the most important
Japanese word
ԿΑΓ΋େࣄͳ೔ຊޠΛ
͝঺հ͠·͢

View Slide

in my talk :)
͜ͷൃදͷதͰ
Ұ൪େࣄͳ೔ຊޠ͔΋

View Slide

“Oyasumi”
ʮ͓΍͢Έʯ

View Slide

Do you know
“Oyasumi”?
ޚଘ஌Ͱ͔͢ʁ

View Slide

Repeat after me :)
΋͏Ұ౓!

View Slide

“Oyasumi”
ʮ͓΍͢Έʯ

View Slide

“Oyasumi” means
ʮ͓΍͢Έʯͱ͍͏ͷ͸

View Slide

“Good night”
“Good night” ͷ͜ͱͰ͢

View Slide

So,
͔ͩΒ

View Slide

Tonight,
after you get drunk,
ࠓ໷͔ͬ͢Γਲͬ෷ͬͯ
ؼΔͱ͖ʹ͸ɺ

View Slide

Say “Oyasumi”
ʮ͓΍͢ΈʯΛ
࢖ͬͯΈ͍ͯͩ͘͞

View Slide

View Slide

Let me back to
the title...
λΠτϧʹ໭Γ·͢

View Slide

How We Built
in 24 Hours
͓΍͢Έγϟϫʔ͕Ͱ͖Δ·Ͱ
Yoji Shidara
Team OyasumiSupport#end_of_day
Enishi Tech Inc.

View Slide

Let me switch to
Japanese...
ͦΖͦΖ೔ຊޠͰ...

View Slide

We built
ࢲͨͪ͸
ʮ͓΍͢Έγϟϫʔʯͱ͍͏
ϓϩμΫτΛ

View Slide

for the 24-hour
Hackathon Competition.
24࣌ؒͰ։ൃ͠
ίϯςετʹԠื͠·ͨ͠

View Slide

We won
the “special prize”
ͦͯ͠
ಛผ৆Λड৆͠·ͨ͠

View Slide

CC-BY 2.0 http://www.ﬂickr.com/photos/sora_h/7326377068/

View Slide

During the process,
ͦͷͳ͔Ͱ

View Slide

we’ve found some “tips”
to enjoy the contest.
ίϯςετΛָ͠ΉίπΛ
͍͔ͭ͘ݟ͚ͭ·ͨ͠

View Slide

Today, I want to share
our tips with you.
ͦΕΛΈͳ͞Μͱ
ڞ༗͍ͨ͠ͱࢥ͍·͢

View Slide

You might say,
΋͔͢͠Δͱ

View Slide

Just a contest.
ͨͩͷίϯςετ͡Όͳ͍͔

View Slide

Just 24 hours.
ͨͬͨ24࣌ؒ͡Όͳ͍͔

View Slide

Right.
ͦ͏ࢥ͏͔΋͠Ε·ͤΜ

View Slide

Just a contest.
͔ͨ͠ʹίϯςετͩ͠

View Slide

Just 24 hours.
ͨͬͨ24࣌ؒͷ͜ͱͰ͢

View Slide

But...
͚ͩͲ...

View Slide

Our life
is just a series of
24 hours.
ࢲͨͪͷ೔ʑͱ͍͏ͷ͸
ͦͷ24࣌ؒͷ࿈ଓ͔ͩΒ

View Slide

Thinking about how to
enjoy the whole 24-hour
24࣌ؒͷָ͠ΈํΛ
ߟ͑Δ͜ͱ͸

View Slide

leads us to think about
how to enjoy our life.
Ͳ͏΍ͬͯ೔ʑΛָ͠Ή͔ʹ
ͭͳ͕͍ͬͯΔͱࢥ͏ͷͰ͢

View Slide

So, I want to share our
tips with you.
͔ͩΒ
ͦͷίπΛΈͳ͞Μͱ
ڞ༗͍ͨ͠ͱࢥ͍·͢

View Slide

How we code is
Ͳ͏͍͏;͏ʹͯ͠ίʔυΛ
ॻ͍͍ͯ͘ͷ͔ͱ͍͏ͷ͸

View Slide

how we live,
ͲͷΑ͏ʹੜ͖͍͔ͯ͘
ͱ͍͏͜ͱʹҧ͍ͳ͍

View Slide

for us, programmers.
ࢲͨͪ͸ϓϩάϥϚ͔ͩΒ

View Slide

Through the contest, I
want to think about that.
ίϯςετΛ௨ͯ͡
ͦͷ͜ͱʹ͍ͭͯߟ͑·͢

View Slide

View Slide

About
“Oyasumi Shower”.
͓΍͢Έγϟϫʔʹ͍ͭͯ
͓࿩͠·͠ΐ͏

View Slide

We built it for
COOKPAD 24-hour
Hackathon Competition.
ΫοΫύου
։ൃίϯςετ24ͷͨΊʹ
ࢲୡ͕ͭͬͨ͘ϓϩμΫτͰ͢

View Slide

The contest is to develop
applications
based on the theme.
ίϯςετͰ͸
՝୊Λղܾ͢Δ։ൃΛ
24࣌ؒͰߦ͍·͢

View Slide

The challenge
of this year was
ࠓ೥ͷ՝୊͸

View Slide

“Create a service that will
make the day end on a
fun note.”
“Ұ೔ͷऴΘΓΛ
ָ͘͢͠Δ΋ͷ”

View Slide

Our product was
an iPhone app to share
“Oyasumi”
ࢲୡ͕࡞ͬͨͷ͸
ʮ͓΍͢ΈʯΛڞ༗͢Δ
iPhone ΞϓϦέʔγϣϯͰ͢

View Slide

The traditional
“Oyasumi” was only for
the closest people.
ैདྷͷʮ͓΍͢Έʯ͸
͘͝਌͍ؒ͠ฑͷ
ͨΊͷ΋ͷͰͨ͠

View Slide

With “Oyasumi Shower”,
you can exchange
“Oyasumi”
across time and space.
͓΍͢ΈγϟϫʔΛ࢖͏ͱ
ʮ͓΍͢ΈʯମݧΛ
ۭ࣌Λ௒͑ͯ޿͘ڞ༗Ͱ͖·͢

View Slide

Demo movie
(I’ll try to translate...)
σϞಈըΛ͝ཡ͍ͩ͘͞

View Slide

View Slide

When you start
“Oyasumi Shower”,
ʮ͓΍͢ΈγϟϫʔʯΛ
ىಈ͢Δͱɺ

View Slide

A chorus of “Oyasumi”
comes from your iPhone.
ΈΜͳͷʮ͓΍͢Έʯ͕
iPhone͔Βฉ͖͑ͯ͜·͢

View Slide

Then, you record and
your “Oyasumi”
for the others.
͜ͷ͋ͱʹདྷΔਓͷͨΊʹ
͋ͳͨͷʮ͓΍͢ΈʯΛ
࿥Ի͠·͢

View Slide

Someone uses the app
after you will hear
your Oyasumi.
ͦͷ͋ͱʹདྷͨਓ͕
͋ͳͨͷʮ͓΍͢ΈʯΛ
ฉ͘͜ͱ͕Ͱ͖·͢

View Slide

View Slide

9 am
Start!
3 pm
9 pm
3 am

View Slide

How will you spend the
24 hours?
͋ͳͨͳΒͲ͏࢖͍·͔͢ʁ

View Slide

9 am
Start!
3 pm
9 pm
3 am

View Slide

Our 24 hours were like
this:
ࢲୡͷ24࣌ؒ͸
͜Μͳײ͡Ͱͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

How do you feel?
Ͳ͏ײ͡·ͨ͠?

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

In order to tell you
how we decided what to
make for the contest,
ԿΛͭ͘Δͷ͔Λ
Ͳ͏΍ܾͬͯΊ͔ͨΛ
঺հ͢ΔͨΊʹ

View Slide

I need to talk about
our team.
·ͣࢲୡʹ͍͓ͭͯ࿩͠·͢

View Slide

Team
OyasumiSupport#end_of_day

View Slide

I live in Sapporo.
The other members
live in Tokyo.
ࢲ͸ࡳຈʹ
ଞͷϝϯόʔ͸౦ژʹ
ॅΜͰ͍·͢

View Slide

Team
OyasumiSupport#end_of_day
Sapporo,
Hokkaido
Omori,
Tokyo
Kamata,
Tokyo

View Slide

We’ve used
PlayStation 3’s video chat
and Skype.
ओʹϓϨΠεςʔγϣϯ3ͷ
ϏσΦνϟοτͱ
Skype Λ࢖͍·ͨ͠

View Slide

A member had to
commute soon after the
contest started.
͋Δϝϯόʔ͕
ίϯςετ։࢝௚ޙʹిंʹ
৐Δඞཁ͕͋Γ·ͨ͠

View Slide

Unfortunately.
Fortunately.
࢒೦ͳ͕Β
͍͑ɺ޾ӡͳ͜ͱʹ

View Slide

He was on the train with
earphones. We talked
online and he heard.
൴͸ిं಺ͰΠϠϗϯΛ͚ͭͯ
ࢲୡͷձ࿩Λฉ͍͍ͯ·ͨ͠

View Slide

We heard
his surroundings.
We felt like really being
there.
ࢲୡʹ͸ࡶ౿͕ฉ͖͑ͯͯ͜
ྟ৔ײͨͬ΀ΓͰͨ͠

View Slide

As he couldn’t say
anything, we’ve tried to
make him laugh.
ిं಺Ͱ͸੠Λग़ͤͳ͍ͷΛ
͍͍͜ͱʹ ๻Β͸൴Λ
সΘͤΑ͏ͱͨ͠Γ͠·ͨ͠

View Slide

We enjoyed that time so
much and felt “sounds”
are so fun.
ͦ͏͜͏͍ͯ͠Δ͏ͪ
Իͬͯ໘ന͍ͳͱײ͡·ͨ͠

View Slide

Without it, we couldn’t
have reached to the key
concept of Oyasumi
Shower.
ͦΕ͕ͳ͔ͬͨΒ͓΍͢Έγϟ
ϫʔͷΩʔίϯηϓτʹ͸
౸ୡͰ͖ͳ͔ͬͨ͜ͱͰ͠ΐ͏

View Slide

In this way, we decided to
use “sounds”.
ͦΜͳ෩ʹͯ͠
ԻΛ࢖͏͜ͱʹͳΓ·ͨ͠

View Slide

The best word to
exchange at the end of
the day is
Ұ೔ʹ࠷ޙʹԻΛަ׵͢Δ
ͱ͍͑͹

View Slide

Oyasumi
ʮ͓΍͢ΈʯͰ͢ΑͶ

View Slide

What I am talking about?
Կͷ࿩Ͱ͚ͨͬ͠

View Slide

Tip:
Prank is the source of
ideas.
ѱϊϦ͸ΞΠσΟΞͷݯ

View Slide

We are “voting” ideas
while laughing.
๻Β͸স͍ͬͯΔؒʹ
໘ന͍ΞΠσΟΞΛ
બผ͍ͯ͠ΔͷͰ͢

View Slide

Interesting ideas keep us
funny long time.
(As we want to have fun!)
໘ന͍ΞΠσΟΞʹ͍ͭͯ
࿩͢ͱ͖
ϫΠϫΠ͸ࢭ·Βͳ͍

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

Then how to record and
playback the sound?
Ͳ͏΍ͬͯԻΛ
࿥Իͨ͠Γ࠶ੜͨ͠Γ
͢ΔͱΑ͍Ͱ͠ΐ͏

View Slide

We decided to make an
iPhone app
iPhone ΞϓϦΛͭ͘Ζ͏
ͱ͍͏͜ͱʹͳΓ·ͨ͠

View Slide

Where to exchange
“Oyasumi”?
ʮ͓΍͢Έʯͬͯݴ͏ͷ͸
Ͳ͜Ͱ͠ΐ͏ʁ

View Slide

Bedrooms in common.
৸͕͓͓͍ࣨͷͰ͸

View Slide

Few people use laptops
in their bedroom
(except us)
৸ࣨͰPCΛ࢖͏ਓ͸
ͦ͏ଟ͘ͳ͍͸ͣ

View Slide

But no one had
experience
to treat audio on iPhone
νʔϜͷ୭΋
iPhoneͰԻ੠Λѻͬͨ
ܦݧ͸͋Γ·ͤΜͰͨ͠

View Slide

We challenged!
͚ΕͲ
௅ઓͯ͠Έ·ͨ͠

View Slide

As we had Rails
experience,
Rails ͷܦݧ͸͋ͬͨͷͰ

View Slide

we could build a web
service to exchange
“Oyasumi”
text messages.
ςΩετϝοηʔδͰ
͓΍͢ΈΛަ׵͢Δ
αΠτͳΒ͙͢࡞Εͦ͏Ͱͨ͠

View Slide

But that idea didn’t
attract us.
Ͱ΋͋Μ·Γָͦ͠͏ʹ͸
ࢥ͑ͳ͔ͬͨ

View Slide

So we tried to build
iPhone app
͔ͩΒ iPhone ΞϓϦΛ
ͭͬͯ͘ΈΔ͜ͱʹ͠·ͨ͠

View Slide

As building native apps
in 24 hours seemed to be
too diﬃcult for us,
ωΠςΟϒΞϓϦέʔγϣϯ͸
24࣌ؒͰ͸खʹ༨ΔͷͰ

View Slide

Cordova (PhonGap)
was chosen
Cordova (PhoneGap) Λ
࢖͍·ͨ͠

View Slide

We did timeboxed survey
for feasibility evaluation.
࣮ݱՄೳੑΛௐ΂ΔͨΊʹ
࣌ؒΛ۠੾ͬͯௐࠪ͠·ͨ͠

View Slide

And we thought
we could go!
ͦͷ··ਐΊͦ͏ͩͱ͍͏
ײ৮Λಘ·ͨ͠

View Slide

Doing things that seem
easy is not exciting.
؆୯ͦ͏ʹࢥ͑Δ͜ͱ͸
ϫΫϫΫ͠ͳ͍

View Slide

Tip:
Do the right-level
challenge
ͪΐ͏Ͳ͍͍௅ઓΛ͢Δ

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

We used Sinatra
for the backend.
Sinatra ΛόοΫΤϯυʹ
࢖͍·ͨ͠

View Slide

Just receive the audio,
mixup them and return
back to the client.
Ի੠Λड৴͠ɺ߹੒ͯ͠
ΫϥΠΞϯτʹฦ͠·͢

View Slide

This didn’t take so long.
Thanks to ruby :)
͜ͷ෦෼͸ൺֱత୹͍࣌ؒͰ
Ͱ͖·ͨ͠

View Slide

I was familiar with it.
׳Ε͍ͯͨͱ͍͏ͷ΋େࣄͰ͢

View Slide

We had no time to learn
the deployment for the
rack apps.
Rack ΞϓϦέʔγϣϯͷ
σϓϩΠํ๏Λௐ΂͍ͯͨΒ
ؒʹ߹Θͳ͔ͬͨ͜ͱͰ͠ΐ͏

View Slide

We did challenge in some
part, and did not in the
other part.
௅ઓͨ͠ͱ͜Ζ΋͋Δ͠
͠ͳ͔ͬͨͱ͜Ζ΋͋Γ·͢

View Slide

In order to have a good
challenge, we need to
complete the other part.
Α͍௅ઓ͢ΔͨΊʹ͸
ͦ͏Ͱͳ͍෦෼Λ͖ͪΜͱ
ࡁ·ͤΔඞཁ͕͋Γ·͢

View Slide

To do so,
͔ͩΒେࣄͳͷ͸

View Slide

Tip:
Have tools
lie comfortably with your
hand in your toolbox.
खʹೃછΜͩಓ۩Λ
ಓ۩ശʹೖΕ͓ͯ͘

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

In the ﬁrst 6 hours, we
made a prototype
։͔࢝Β6࣌ؒܦաͯ͠
ϓϩτλΠϓ͕ग़དྷ͖ͯ·ͨ͠

View Slide

that could record
“Oyasumi”, send it to the
server, receive and
playback.
࿥Իɺαʔόʹૹ৴ɺ
αʔό͔Βड৴ͨ͠Ի੠Λ࠶ੜ
͢Δͱ͜Ζ·Ͱ͖·ͨ͠

View Slide

View Slide

We could experience the
app by hitting buttons in
the right order.
ॱংྑ͘ϘλϯΛԡ͢͜ͱͰ
ΞϓϦΛମݧͰ͖Δͱ͜Ζ·Ͱ
͖·ͨ͠

View Slide

We felt we can go
as it was fun enough
for us.
ͦΕ͸ָ͍͠ମݧͩͬͨͷͰ
͜Ε͸͍͚Δͱ͍͏ؾ࣋ͪʹ
ͳ͖ͬͯ·ͨ͠

View Slide

With the prototype, we
proceeded discussion
about the Oyasumi UX.
ϓϩτλΠϓΛ࢖͍ͳ͕Β
͋Δ΂͖Ϣʔβମݧͷݕ౼Λ
͢͢Ί͍͖ͯ·ͨ͠

View Slide

Tip:
A working prototype is
worth a thousand words
ಈ͘΋ͷΛ৮ͬͯΈΔͷ͕େࣄ

View Slide

Next, we tried to ﬁnish
chores for release.
࣍ʹϦϦʔεͷ४උΛ
ࡁ·ͤΔ͜ͱʹ͠·ͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

Don’t you feel too early?
ૣ͗͢ͳ͍ʁͬͯࢥ͍·ͨ͠ʁ

View Slide

iPhone apps seemed to
be diﬃcult to deploy.
iPhoneΞϓϦΛ
ϦϦʔε͢Δͷ͸େมͦ͏ͩ
ͱ͍͏ෆ͕҆͋Γ·ͨ͠

View Slide

If we couldn’t submit the
app, we were far from the
start line of the contest.
ΞϓϦΛެ։Ͱ͖ͳ͍Α͏Ͱ͸
ελʔτϥΠϯʹ͢Βཱͯͳ͍

View Slide

We reduced that risk.
͔ͩΒ
ϦεΫΛݮΒ͢͜ͱʹ͠·ͨ͠

View Slide

Also, capistrano was
conﬁgured for the
backend. As usual :)
όοΫΤϯυ͸ capistrano Ͱ
σϓϩΠ͢ΔΑ͏ʹ͠·ͨ͠
׳Εͨ΋ͷͰ͢:)

View Slide

Tip:
Can’t be done before
shipping
ϦϦʔεͰ͖ͳ͍ͱ
ελʔτϥΠϯʹ΋ཱͯͳ͍

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

What we had at that time
was just a mock.
͜ͷ࣌఺Ͱखݩʹ͋ͬͨͷ͸
ͨͩͷϞοΫͰͨ͠

View Slide

Playing with the
prototype, we designed
the user experience.
ϓϩτλΠϓͰ༡ͼͳ͕Β
͋Δ΂͖ϢʔβମݧΛ
ߟ͍͖͑ͯ·ͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

At this time,
We had a kaigi
to name the product.
͜ͷλΠϛϯάͰ
ϓϩμΫτ໊ܾఆձٞ΋
࣮ࢪ͠·ͨ͠

View Slide

Of course, the meeting
was so prankish :)
ѱϊϦձٞͰ͢

View Slide

For example,
“OyaaS :
Oyasumi as a Service”
͓΍ʔ͢ͱ͔

View Slide

We found the name
ʮ͓΍͢Έγϟϫʔʯ
ͱ͍͏໊લΛݟ͚ͭ·ͨ͠

View Slide

And we got the phrase
“sleep after taking
Oyasumi Shower”
ʮ͓΍͢ΈͷγϟϫʔΛ
ཋͼͯ৸Δʯ
ͱ͍͏ϑϨʔζ΋ݟ͚ͭ·ͨ͠

View Slide

After that, the product
goal was concreted.
ͦΕ͔Βํ޲ੑ͕
͖ͪΜͱݻ·Γ·ͨ͠

View Slide

As you know,
naming is important!
໊લॏཁͰ͢Ͷ

View Slide

Tip:
The right name leads the
product to the right way
Α໊͍લ͕ݟ͔ͭΔͱ
໊લ͕ϓϩμΫτΛಋ͍ͯ͘ΕΔ

View Slide

Then we coded.
ͲΜͲΜ࡞͍͖ͬͯ·͢

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

Transitions of screens
were implemented.
Artworks were
integrated.
ը໘ભҠͷ࡞Γ͜Έͱ
ΞʔτϫʔΫ΋
૊Έࠐ·Ε·ͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

We prepared to ﬁll the
application form.
ฒߦͯ͠Ԡืͷ४උΛ͠·͢

View Slide

It’s super important
because we couldn’t
ﬁnish without it.
Ԡื͠ͳ͍͜ͱʹ͸
࿩ʹͳΒͳ͍ͷͰ͜Ε͸
ͱͯ΋ॏཁͰ͢

View Slide

After the form is
completed, we ﬁnally
became able to release it
anytime we want.
ԠืϑΥʔϜͷ४උ͕Ͱ͖ͯ
͍ͭͰ΋ϦϦʔεͰ͖Δ
ঢ়ଶʹ౸ୡ͠·ͨ͠

View Slide

Done!
Ͱ͖ͨ!

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am
Done!

View Slide

We chose one feature
to add
as we have injury time :)
͕࣌ؒ·ͩ͋ͬͨͷͰ
࣍ʹ௥Ճ͢ΔϑΟʔνϟΛ
Ұͭબͼ·ͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

The feature was
implemented keeping
the product shippable.
ϓϩμΫτΛग़ՙՄೳʹ
อͪͭͭ
ͦͷ࣮૷΋׬ྃ͠·ͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

We made the movie
just you saw
as we still have the time.
·͕ͩ࣌ؒ͋ͬͨͷͰ
঺հͷϏσΦ΋࡞੒͠·ͨ͠

View Slide

It was so funny to make a
movie saying “Oyasumi”
in the morning.
΋͏ேͩͬͨͷͰ
͓΍͢ΈͷϜʔϏʔΛͭ͘Δͷ͸
͔ͳΓস͑·ͨ͠

View Slide

Tip:
Make it shippable,
then keep it shippable.
͍ͭͰ΋ϦϦʔεՄೳͳঢ়ଶ
ʹ΋͍͖ͬͯ
ͦͷঢ়ଶΛอͭ

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

Think
Prototype
Make it Shippable!
Keep it Shippable!
Done!
Our “Process”
Shippable!
Time is up!
Good concept!

View Slide

View Slide

To be honest,
we jumped the gun.
࣮͸ࢲͨͪ͸
ϑϥΠϯά͍ͯ͠·ͨ͠

View Slide

Concept making
Tech survey
Distribution
& Deployment
Chores
Submit!
Preparation
for application
Naming discussion
Adding
one-more
feature
Movie making
9 am
Prototyping
Making it shippable
Packaging
Start!
3 pm
9 pm
3 am

View Slide

Server setup
9 am
Start!
3 pm
9 pm
3 am
Strategy meeting
The day before!

View Slide

We held a strategy
meeting the day before.
VPS is conﬁgured before
the contest.
࡞ઓձٞ΋͍ͯ͠·ͨ͠͠
ίϯςετલʹ
VPSΛηοτΞοϓ͠·ͨ͠

View Slide

Not only that!
ͦΕ͚ͩͰ͸ͳ͍͚Ͳ!

View Slide

View Slide

We are old friends.
ݹ͔͘Βͷ༑ਓͰ

View Slide

Three of us won the
special prize at the
contest of the last year.
νʔϜͷ͏ͪ3ਓ͸
ڈ೥΋ίϯςετʹࢀՃ͍ͯͯ͠
ಛผ৆Λड৆͍ͯ͠·͢

View Slide

View Slide

We have shared so long
time and we know well
each other.
͓ޓ͍ͷ͜ͱΛ
Α͘஌͍ͬͯ·͢

View Slide

We know
what he is good at,
or not.
Կ͕ಘҙͰԿ͕ۤख͔΋
Α͘Θ͔͍ͬͯ·͢

View Slide

We know what we like,
or not.
Կ͕޷͖ͰԿ͕޷͖Ͱͳ͍͔΋
͓ޓ͍ʹΘ͔͍ͬͯ·͢

View Slide

This should be one
reason why we could
make good decisions.
͔ͩΒνʔϜ͕Α͍൑அΛ
͠΍͔ͬͨ͢ͷͰ͸

View Slide

Of course, our decisions
are not always good :)
͍ͭ΋Α͍ܾఆ͕Ͱ͖Δͱ͸
ݶΒͳ͍͚ΕͲ

View Slide

At least, we don’t need
much time
to reach an agreement.
গͳ͘ͱ΋
ͳ͔ͳ͔߹ҙͰ͖ͳ͍
ͱ͍͏͜ͱ͸গͳ͍

View Slide

We don’t need to start
probing the intentions
of others.
ෲͷ͙͞Γ͍͔͋Β
෺ࣄΛ࢝ΊΔඞཁ͸ͳ͍

View Slide

Because we know each
other well.
͓ޓ͍ͷ͜ͱΛ
Α͘஌͍ͬͯΔ͔Β

View Slide

Tasks were taken by the
best person without
much discussion.
ؾ͕ͭ͘ͱҰ൪ద੾ͳਓ͕
ࣗવͱͦͷ࡞ۀΛ΍͍ͬͯΔ

View Slide

It seems quite natural.
ͱͯ΋ࣗવͳײ͕͡͠·͢

View Slide

Tip:
Just know each other.
Tasks will ﬁt into
the best place.
͓ޓ͍ΛΑ͘஌Δͱ
λεΫ͕ͪΐ͏Ͳྑ͍ॴʹ
Ҡಈ͢ΔΑ͏ʹͳΔ

View Slide

One more thing.
΋͏ͻͱͭ

View Slide

We use same tools such
as Ruby, Rails, IRC, PS3,
Dropbox, FaceBook, ...
ࢲͨͪ͸ಉ͡ಓ۩Λ
ଟ͘࢖͍ͬͯ·͢

View Slide

This dramatically reduces
the setup cost.
ηοτΞοϓίετΛ
௿͘཈͑Δ͜ͱ͕Ͱ͖·͢

View Slide

Especially about
communication tool,
ͱ͘ʹίϛϡχέʔγϣϯʹ
͍ͭͯ͸

View Slide

We always try new tools.
We like to try.
৽͍͠πʔϧ͕͋Δͱ
ͻͱ௨Γࢼ͢Α͏ʹ͍ͯ͠·͢
(ͦΕָ͕͠Έ)

View Slide

But some behaviors do
not appear while using
with only 2 persons.
2ਓͩͱମݧͰ͖ͳ͍͜ͱ͕
͚ͬ͜͏͋ΔͷͰ͢

View Slide

Tip:
Try communication tools
with at least 3 person.
ίϛϡχέʔγϣϯπʔϧ͸
3ਓҎ্Ͱࢼ͢ͱΑ͍

View Slide

Conclusion
·ͱΊ

View Slide

The most important:
େࣄͳ͜ͱΛ΋͏Ұ౓

View Slide

“Oyasumi” means
“Good night”
͓΍͢Έ͸ “Good Night” ͷ͜ͱ

View Slide

How to decide
what to do?
ͳʹΛ͢Δ͔Λ
Ͳ͏΍ܾͬͯΊΔ͔

View Slide

Prank is the source
of ideas.
ѱϊϦ͸ΞΠσΟΞͷݯ

View Slide

The right name leads the
product to the right way
Α໊͍લ͕ݟ͔ͭΔͱ
໊લ͕ϓϩμΫτΛಋ͍ͯ͘ΕΔ

View Slide

A working prototype is
worth a thousand words
ಈ͘΋ͷΛ৮ͬͯΈΔͷ͕େࣄ

View Slide

Do the right-level
challenge
ͪΐ͏Ͳ͍͍௅ઓΛ͢Δ

View Slide

How things get done?
Ͳ͏΍ͬͯ׬ྃͤ͞Δ͔

View Slide

Can’t be done before
shipping
ϦϦʔεͰ͖ͳ͍ͱ
ελʔτϥΠϯʹ΋ཱͯͳ͍

View Slide

Make it shippable,
then keep it shippable.
͍ͭͰ΋ϦϦʔεՄೳͳঢ়ଶ
ʹ΋͍͖ͬͯ
ͦͷঢ়ଶΛอͭ

View Slide

How we spend days?
Ͳ͏΍ͬͯ೔ʑΛա͔͢͝

View Slide

Have tools
lie comfortably with your
hand in your toolbox
खʹೃછΜͩಓ۩Λ
ಓ۩ശʹ

View Slide

Just know each other.
Tasks will ﬁt into
the best place.
͓ޓ͍ΛΑ͘஌Δͱ
λεΫ͕ͪΐ͏Ͳྑ͍ॴʹ
Ҡಈ͢ΔΑ͏ʹͳΔ

View Slide

Try communication tools
with at least 3 person.
ίϛϡχέʔγϣϯπʔϧ͸
3ਓҎ্Ͱࢼ͢ͱΑ͍

View Slide

View Slide

While working
with this team,
͜ͷ։ൃΛ
;Γ͔͑ͬͯΈΔͱ

View Slide

I feel
everything was “natural”.
ͱͯ΋ࣗવͩͱײ͡·͢

View Slide

What are behind this?
͜ͷޙΖʹ͸
Կ͕͋ΔΜͩΖ͏?

View Slide

View Slide

Taken after we submitted
our product.
͜ͷࣸਅ͸
࡞඼Λ౤ߘͨ͋͠ͱʹ
օͰࡱͬͨ΋ͷͰ͢

View Slide

The end of the contest
for us.
ίϯςετͷऴΘΓ

View Slide

After the festival,
our days resumed.
͓ࡇΓͷ͋ͱ͸
͍ͭ΋ͷ೔ʑ͕଴͍ͬͯ·͢

View Slide

View Slide

The boundary.
͜Ε͕ڥ໨

View Slide

How happy we’d be if the
our days are like this!?
͜Μͳ೔ʑΛૹΕͨΒ
޾ͤ!?

View Slide

Maybe I love the feelings
because
it was not everyday.
೔ৗ͡Όͳ͍͔Β
͍͍ͳ͋ͱࢥ͏͚ͩͳͷ͔΋

View Slide

Am I just seeking things
I cannot reach?
ແ͍΋ͷͶͩΓΛ
͍ͯ͠Δ͚ͩͳͷ͔΋

View Slide

Our life seems not
so simple as we can do
only what we want to do.
΍Γ͍ͨ͜ͱ͚ͩ
΍͍ͬͯΒΕΔ΄Ͳ
୯७Ͱ͸ͳͦ͞͏

View Slide

But I want to bridge
the boundary.
Ͱ΋ͦͷڥ໨ΛຒΊ͍ͨ

View Slide

Anyhow, our life is the
series of 24 hours.
͍ͣΕʹͤΑ
೔ʑ͸24࣌ؒͷ࿈ͳΓͰͨ͠

View Slide

Thinking about how to
enjoy whole the 24 hours
ͦͷ24࣌ؒͷָ͠ΈํΛ
ߟ͑Δ͜ͱ͸

View Slide

leads us to think about
how to enjoy our life.
Ͳ͏΍ͬͯ೔ʑΛָ͠Ή͔ʹ
ͭͳ͕͍ͬͯΔ

View Slide

How we built "Oyasumi Shower" in 24 Hours. おやすみシャワーができるまで

How we built "Oyasumi Shower" in 24 Hours. おやすみシャワーができるまで

Yoji Shidara

More Decks by Yoji Shidara

Other Decks in Technology

Featured

Transcript