てぃばのBlog|CHIBA Reimi(rechiba3)

日常のことから育児のこと、Web系のことまでジャンル幅広く

デザイナー&エンジニア交流会 八ヶ岳でプライベートデスマしてきました!空気おいしい!ご飯美味しい!星が綺麗なお宿で1泊2日でWebサービス作りの開発合宿してきたよ!

f:id:rechiba3:20130212124425j:plain

実現できたよわーい!超うれしー!
5月11日、12日のGW明け最初の週末2日間に行ってきました開発合宿!
舞台は標高1,275mの八ヶ岳麓町…
今回はそんな合宿当日のレポート更新です。

デザイナー&エンジニア交流会 - 1泊2日山篭り開発合宿 -とは?

ものづくりはひとりじゃできない。
ひとりでいいものを作れる人もいるでしょう。しかし、チームなら、きっと、もっと、いいものが作れるはず!
見栄えは得意だけど動かせない、デザイナー。
仕組みは考えられるけど魅力を付加できないエンジニア。
お前らがチームになったらすっごいもの作れんじゃないの!?
よっしゃ!1泊2日でプロダクト1個作ったろうぜ!というほぼ思いつきと勢いと熱意で実行された企画です。

当日は朝8:30にJR新宿駅東口集合

参加メンバー3人(@rechiba3,@kkkyouhei,@skyguild)全員が時間通りに集まりました素晴らしい!

寝不足気味の参加者たち。

f:id:rechiba3:20130211062645j:plain

しかしここでいきなり問題発生!
メンバーのひとりが明け方まで酒盛りしてたことが判明!実質睡眠1時間!そんな状態で開発合宿に挑むとかデスマとかじゃなくてドMの境地!自分から火起してる!

トラブルあってこその旅…
トラブルあってこその開発プロジェクト…
会場最寄りの清里駅まで片道4時間3,260円
新宿駅改札口をくぐったらデスマスタートですよ!
「この改札通ったらもうスタートだから!」と言って切符を配ります。

f:id:rechiba3:20130211062521j:plain

全然改札をくぐって来ない2人の挑戦者たち。

f:id:rechiba3:20130211062653j:plain

先に改札通ったらぜんっっっっっっっぜん、後からついてこない。 おまいら今更尻ごんでんじゃねえよさっさと来いや

f:id:rechiba3:20130211062746j:plain

女性2名がスッピン&飲み明け疲れでひどいため、ほとんどの写真には@kkkyouhei が写ります。

f:id:rechiba3:20130211064512j:plain

週末です。週に5日間の社会人生活の疲れがどっと来る日です。 開発合宿始まる前から顔が死んでます。
ドナドナが聞こえるようだ…
本日利用したのはホリデー快速ビューやまなしという臨時特急電車。

f:id:rechiba3:20130211063939j:plain

ドナドナドーナードーナー

f:id:rechiba3:20130211063959j:plain

ドナドナドーナードーナー

f:id:rechiba3:20130211064121j:plain

眠気覚ましのお茶もばっちり!

f:id:rechiba3:20130211063917j:plain

電車に乗ったら企画会議の開始

眠気も覚めたところで企画会議の始まりです。

f:id:rechiba3:20130211082508j:plain

実は前日にキックオフとして顔合わせをしています。そこで、「身近な人通しが日常の生活で使えるものがいいねえ」とキーワードが出ました。電車ではそこから発想を広げるとこからスタートです。 ブレストではマインドマップ手法を用いりました。
企画出しはみんなでスケッチブック囲んでとりあえず思いついたこと上げていく。
「親しい人とのイベント」というテーマで企画出し
出たアイデアは、「しおり」。 旅のしおりとか遠足のしおりとかのアレです。予定を調整するツールはあるけれど、その後をサポートするものってなくね?なんか欲しくね?使いたくね?ってことでつくるものが決まりました。
旅の場面にかぎらずとも、誰かの誕生日パーティーやイベントの企画ごとに使えることを想定。

  • 計画のテーマ作成
  • メンバー
  • 担当
  • 持ち物

などが共有できてっていうイベントのサポートツール的な位置から機能の草案も話し合っていきます。
ツールの名前考え中のマインドマップ法。

f:id:rechiba3:20130211130444j:plain

f:id:rechiba3:20130211130458j:plain

f:id:rechiba3:20130211130503j:plain

初日はあいにくのお天気。

f:id:rechiba3:20130211082458j:plain

山梨市を過ぎたあたりから、車両内に誰も乗っていない。

f:id:rechiba3:20130211093217j:plain

新宿の時点で乗車率も少なかったです。 やっぱゴールデンウィークずらして正解!
ぶどうの季節じゃないけど、ほとんどの乗客がこの駅に連れてかれた。

f:id:rechiba3:20130211085317j:plain

ようやく乗り換え駅。JR小梅線 小淵沢駅f:id:rechiba3:20130211100933j:plain
景色がぜんぜん違うっっ! あと、車両が2つしかない!テンションあがりましたわ

f:id:rechiba3:20130211100702j:plain

この趣ある感じにドキドキした。
田園風景も増えていく…

f:id:rechiba3:20130211102733j:plain

コテージっぽい建物が増えていく…

f:id:rechiba3:20130211103040j:plain

乗り換え成功したところで、PCを広げて開発環境を整えます。 今回はルビニストが参加していることからサーバサイドはRubyです。
二両編成の電車内にて、Rubyの環境構築。

f:id:rechiba3:20130211102233j:plain

乗り換えして3駅目、目的地に到着です。
ここが俺らの地獄、清里駅だ。

f:id:rechiba3:20130211105520j:plain

なんかカントリーな雰囲気漂うおしゃれな町。

f:id:rechiba3:20130211105806j:plain

山の麓で牧場がいっぱいあることは把握した。

f:id:rechiba3:20130211105640j:plain

俺たち標高1,275mにいるんだぜ…

f:id:rechiba3:20130211105514j:plain

あいにくのお天気で残念(´・ω・`) SLが飾ってあったり、古い線路がそのままだったりで完全に観光気分でした。このときまでは…
おそらく貨物時代、国鉄時代の線路。

f:id:rechiba3:20130211105013j:plain

良い味出してますのう…

f:id:rechiba3:20130211105019j:plain

うっひょー!線路だ線路だーーー!

f:id:rechiba3:20130211105124j:plain

かなり浮かれてます。 浮かれポンチです。
それにしても線路見ると、思春期のバイブル、スタンド・バイ・ミー的ななりきりとかやりたくなりません?

f:id:rechiba3:20170413151528j:plain

ここまでデスマ感、ゼロ!

宿に到着

iyo-lodge.travel.coocan.jp

お世話になったのは伊予ロッヂというところです。 駅から徒歩15~20分ほど。大きい道路に沿ってれば迷うこともないんですけど、 行きはちょっと迷って森の中をさまよってました。
「本日舞台となるお部屋はこちらです!」

f:id:rechiba3:20130211121515j:plain


\ジャン!/

f:id:rechiba3:20130211123605j:plain

10畳のお部屋に3人。 電源の集中する場所を求めてテーブルを動かしたらすっごい小じんまりとしてしまいました。

f:id:rechiba3:20130211123622j:plain

電源確保しましたァ!無線セッティングできましたァ!
環境整えたらさっそく開発はじまりです。 まずは担当範囲と役目の確認。

各自担当

@rechiba3:デザイン/コーディング

@kkkyouhei:エンジニア(ユーザ情報編集機能実装)、db設計

@skyguild:エンジニア(SNSサインインアウト/しおり基本機能実装)

企画内容、仕様落し込み

紙1枚から機能の仕様を構想していきます。

  • ログインしてない状態の画面の見せ方は?
  • これはソート機能入れるってこと?
  • 画面はけっきょくいくつあるの?
  • 権限別の表示は?

などなど、随時確認しながら&クロッキー帳の走り書きを頼りに構想を練っていきます。
開発スタート!

f:id:rechiba3:20130211181819j:plain

設計書なんぞありません。お互いのコードと会話から仕様が決まります。開発開始と同時に、乾杯もしました。 もちろん。超大事。
ビール駆動開発!(BDD)

f:id:rechiba3:20130211141254j:plain

開発合宿でご飯が超美味しいことはとても大切です。野球サークルの合宿や親戚みんなで旅行など団体さんと一緒で賑やかだった。 わいわいしてるとこでの食事大好きなのでホッとした。
夜ご飯はバイキング形式。超美味しかった。

f:id:rechiba3:20130211161413j:plain

この場所の良いところは徒歩10分圏内にコンビニがあること

コンビニがある合宿に適した宿って最高じゃないですかー! これは調査しきれてなくて、最悪近くの酒屋に早い時間から買いに行こうとか思ってたので すっごいポイント高かったですね!
安定のコンビニ買い出し!

f:id:rechiba3:20130211183847j:plain

その他お宿の詳しいことはNAVERまとめでまとめました

matome.naver.jp

また酒を開けて開発再開。
この頃に、HTMLマークアップしたものを取り急ぎエンジニアに渡し、組み込みを開始してもらいました。
その間、デザイナーの私はCSS調整しながらレイアウトを組み、画像が必要なときはPhotoshop立ち上げてました。
ブラウザデザイン!ひぃひぃ!
お布団駆動開発(ODD)

f:id:rechiba3:20130211231213j:plain

どんどん疲れてきて布団だしちゃったりしました。
あと少し寝た。寝れるときは寝よう。起きた時のパフォーマンス向上になればよいよい!
くっ!朝のやつ、もう来やがったか!!

f:id:rechiba3:20130212034324j:plain

昨日の天気が嘘のよう。 とても良い天気です。晴れです。 こんな日はお外に遊びにいきたいです。でもデスマ合宿がキーボードから手を話すことを許してくれません。

f:id:rechiba3:20130212034329j:plain

朝日が徹夜にしみます。
山の天気は変わりやすい。2日目は晴れてくれた!

おはもうもう(^0_0^)♪

f:id:rechiba3:20130212061759j:plain

引き続きお布団駆動開発(ODD)

f:id:rechiba3:20130212034633j:plain

宿の隣が牧場なため、朝ごはん会場には直販されてる牛乳が置いてありました。最高。
チェックアウトは10:00。朝御飯のあとはそれまで全員死んでました。 その後は食堂の一角をお借りして再開。

f:id:rechiba3:20130212080437j:plain

ラストスパートは食堂の端っこをお借りして。

良い風のおかげでものづくりがはかどります。 仕事も今後ここでやりたい。移転しましょう。それか八ヶ岳オフィス作りましょう。
2日間お世話になりました伊予ロッヂさん!f:id:rechiba3:20130212034856j:plain
14:00も過ぎた頃撤収! 外に出るとほんとに、天候に恵まれた日だったんだなあと目に沁みて感じました。
観光名所、萌木の村が徒歩4分でした。

f:id:rechiba3:20130212123628j:plain

ひつじが1匹だけおる!

f:id:rechiba3:20130212123351j:plain

アニマルセラピーにテンション上がるギーク女子。

f:id:rechiba3:20130212123355j:plain

タイミングよければ牛の放牧が見れたかも。

f:id:rechiba3:20130212122616j:plain

思わず駆け登っちゃうううう

f:id:rechiba3:20130212124437j:plain

この丘の向こうは駐車場です。
思わず駆け下りちゃううううう

f:id:rechiba3:20130212124442j:plain

デスマ合宿要素ゼロの青空。

f:id:rechiba3:20130212124957j:plain

最後は旅っぽいの食べたりしましょうよ!ってことでソフトクリーム食べました。
清里名物は、Bee-ingっていうお店のはちみつソフトクリーム!

f:id:rechiba3:20130212125433j:plain

濃厚牧場味に特濃はちみつたら~~んって!
超うまかった!また清里の来たときには食べに行きたい。

(2017年4月13日更新: 閉店してしまったとのことです(´・ω・`)

f:id:rechiba3:20130212125439j:plain

晴天のおかげで、帰りはナイスロケーションを楽しめました。
さらば南アルプスf:id:rechiba3:20130212135327j:plain

ローカル電車の先頭ってめちゃくちゃ気持ち良い!

f:id:rechiba3:20130212135321j:plain

またお世話になりますホリデーやまなしさん。
そこでは駅弁を食べながら残タスクの処理と確認です。
元気甲斐っていう駅弁屋さん。この駅だけのお弁当屋さんらしい。

f:id:rechiba3:20130212140718j:plain

元気、かい?

f:id:rechiba3:20130212140733j:plain

お昼ごはんは駅弁。牛肉すき焼きチャーハンをチョイス。

f:id:rechiba3:20130212141750j:plain

しかしこの後全員寝落ちました。
つまり、東京に戻ってきたのに開発が終わっていない!
各自帰宅後に残りの実装を無事コミットしました。

プロダクトはgithubに上がっています

rechiba3.github.io

お披露目

atnd.org

5月25日(土)の15:00~18:00、第4回 Creators MeetUpのセッション枠を使わせていただき、成果物発表を行います。
そのときにより詳細なプロダクトの紹介が明らかになる予定です。

開発合宿やってよかった

仕事としてものづくりに関わる以上、それが開発者/制作者に関わらず実際に作ってみる環境に飛び込むことってめちゃくちゃ大事だろと思いました。
わたし自身は普段、コードを書いたりデザインする職種ではありません。
でも、それらの手段を使って表現するモノを提案したり設計したり付加価値をつけたりするお仕事をしています。
やっぱ作ってみなきゃ全貌のフローも想像できないし、形になったときの想像もできない。
自分の書いたHTMLデザインがRuby on Railsで組み込まれたのは初めてだったので すっごい面白かった。
というか何か感動した。ちょっと勉強しよっかなって思ってしまった。
PHPと全然ちげーや!なんかノペッてしますな。
ものづくり楽しい!の感覚に再開できたことがとっても嬉しい。
実現できた環境と参加者のファーストリリースメンバーには本当に感謝感謝でござる。
純粋にものづくり楽しい!を体験できたことが一番の成果です。ありがとうございました。