tag:crieit.net,2005:https://crieit.net/tags/%E3%83%A2%E3%83%81%E3%83%99%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/feed Crieitでタグ「モチベーション」に投稿された最近の記事 2018-12-28T19:15:32+09:00 https://crieit.net/tags/%E3%83%A2%E3%83%81%E3%83%99%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/feed tag:crieit.net,2005:PublicArticle/14673 2018-12-18T00:03:29+09:00 2018-12-28T19:15:32+09:00 https://crieit.net/posts/ea250a7a9a973687d32b329eebbc8132 <p>こちらは<a href="https://crieit.net/">Crieit</a>で開催されている「<a href="https://crieit.net/advent-calendars/2018/crieit">アドベントカレンダー</a>」18日目の記事です。<br /> 何書いてもいいそうなんでちょっとポエミーな記事かきます。</p> <p>昨日は<a href="https://crieit.net/users/33hata33">Hata</a>さんの<a href="https://crieit.net/posts/40">今年スマホアプリを作ってプログラマーになった40代女性の話。</a>でした。<br /> ちょっと感動しました。何を始めるにも遅すぎるなんてことはないですね。</p> <h3 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h3> <p>まずはこちらの記事をご覧ください。<br /> 個人でサービスを作りきるために必要なことが分かりやすくまとめられています。とても有益〜。</p> <p><a target="_blank" rel="nofollow noopener" href="https://blog.nabettu.com/entry/single-develop" target="_blank" rel="noopener">個人開発のモチベーションが続かない、作り終わらない。原因と対策を考えてみた。 - フロントエンドの地獄</a></p> <p>さて、そこに書かれているような「小さめ」「短期間」「未経験技術は使わない」といったコツを思いっきり無視したらどうなるでしょうか？</p> <p>今振り返ると笑い話ですが、私の作ったゲーム投稿サイト「<a target="_blank" rel="nofollow noopener" href="https://unityroom.com">unityroom</a>」の開発がまさにそういうアンチパターンの塊でした。</p> <p>思い立ってから初期リリースまで１年半もかかりました。<br /> なぜそんなにかかったのか、どうやってモチベーションを維持したのか、そのあたりを思い出しながら書いてみたいと思います。</p> <blockquote> <p>今日の記事は初期リリースまでの思い出話です。初期リリースから２年経過した現在の構成について興味があれば下記記事もどうぞ。<br /> <a target="_blank" rel="nofollow noopener" href="https://blog.naichilab.com/entry/tech-of-unityroom" target="_blank" rel="noopener">ゲーム投稿サイト「unityroom」に使われている技術 - naichi&#39;s lab</a></p> </blockquote> <h3 id="実際どれくらいかかったのか"><a href="#%E5%AE%9F%E9%9A%9B%E3%81%A9%E3%82%8C%E3%81%8F%E3%82%89%E3%81%84%E3%81%8B%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%8B">実際どれくらいかかったのか</a></h3> <p>リポジトリや過去ブログを漁ってみました。</p> <ul> <li>2014年 <ul> <li>12月 Rails Tutorial開始した（Railsの勉強）</li> </ul></li> <li>2015年 <ul> <li>4月 ConoHa VPSにChefでRails環境構築を自動化した（サーバー構築自動化の勉強）</li> <li>6月 ConoHa ObjectStorageを使う方法調べる（ファイルアップロード方法の模索）</li> <li>8月 テスト認定技術者試験(JTSQB)合格（テスト手法に興味を持ち勉強）</li> <li>10月 SASS(CSS)ちょっと学んだ（Webデザインも覚えたくて勉強）</li> <li>11月 ActionMailerと格闘する(このころがたぶんRailsTutorial3周目)</li> <li>12月 Capistrano3でデプロイを自動化した（デプロイ自動化の練習）</li> </ul></li> <li>2016年 <ul> <li>1月 本格的にunityroomのプロダクトコードを書き始める（やっと開発）</li> <li>2月 RSpec勉強しながらテストコード書く（開発）</li> <li>4月 最低限の機能完成（開発）</li> <li>4月末 一般公開！</li> </ul></li> </ul> <p>日付が分かるものだけを書き出してみたらこんな感じでした。</p> <p>全部で16ヶ月も...かかっている...</p> <p>前半1年は勉強しかしてないし本腰入れたのはラスト4ヶ月みたいですね。</p> <h3 id="どうしてこんなことになってしまったのか..."><a href="#%E3%81%A9%E3%81%86%E3%81%97%E3%81%A6%E3%81%93%E3%82%93%E3%81%AA%E3%81%93%E3%81%A8%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%8B...">どうしてこんなことになってしまったのか...</a></h3> <h4 id="やりたいことが多過ぎた！"><a href="#%E3%82%84%E3%82%8A%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8%E3%81%8C%E5%A4%9A%E9%81%8E%E3%81%8E%E3%81%9F%EF%BC%81">やりたいことが多過ぎた！</a></h4> <p><a target="_blank" rel="nofollow noopener" href="https://blog.naichilab.com/entry/tech-of-unityroom">こちらの技術説明記事</a>にも書いたんですが、unityroomを作る前に似たようなサイトを運用していました。<br /> （アップロードするファイル形式が違うだけで、どちらも同じゲーム投稿サイトです）</p> <p>前身となるサイトがあったからこそ、ああしたい・こうしたいという夢が広がっていました。</p> <p>イケてるデザイン、超使いやすいアップローダ、ユーザー間の交流もしたい。<br /> ランキングもつけたいしスマホでも遊びたい、とか。</p> <p>運用面でも、FTPで更新するのもう嫌だからデプロイ自動化しよう。<br /> 開発者としてテストとか書けるようになりたいなやってみよう。とか出てくる出てくる。</p> <p>ここまで盛り込むとどう考えてもWeb開発初心者(PHPちょっとやっただけ、Rails未経験、CSSわからん)が1ヶ月で作れるボリュームではありません。</p> <p>まぁ初心者が作りたいって思ったらボリュームなんて気にしないですよねw</p> <h4 id="Rails舐めてた！"><a href="#Rails%E8%88%90%E3%82%81%E3%81%A6%E3%81%9F%EF%BC%81">Rails舐めてた！</a></h4> <p>Rails楽しそう！で勉強を始めましたが正直なめてました。<br /> Railsチュートリアル３周、入門書を２冊、Progateもやって、ブログ記事読み漁って...それぐらいしてやっと馴染んでくるレベル。</p> <p>Rubyいれるために <code>rbenv</code> ってのが出てきて、Rails入れるために <code>bundler</code> が出てきて、Rails自体にも <code>bundle exec rails xxx</code> とかってコマンドが無数にあります。</p> <p>さらにPHPと違って共用サーバーじゃ動かないからVPSが必要で、VPSはOSから入れないといけないからLinuxも勉強して、デプロイするために各種ツールが必要で...。（この辺りは後に全部捨ててHerokuに載せ換えることとなります）</p> <p>下記記事をみてもらうと分かるんですが、Railsにはとてもたくさんの技術・知識が使われています。</p> <p><a target="_blank" rel="nofollow noopener" href="https://qiita.com/jnchito/items/063e332cbe3023f52f93" target="_blank" rel="noopener">あなたがマスターしたのはいくつ？ Railsを習得するために必要な技術要素の一覧 #Rails - Qiita</a></p> <p>ほんとRails恐ろしい子！</p> <p>無計画にRailsをやり始め、「これ何だろう？」って立ち止まるたびにググっては横道にそれ、面白いと感じたら本を読む。<br /> それを繰り返していった結果、非常に多くの時間を費やしてしまいました。</p> <p>当然ですが、<code>Railsを使う</code> ために全て理解・習得する必要はないです。</p> <p>行き詰まってもググれば先駆者の記事が見つかりますし、コピペでもどうにかなることがほとんどです。</p> <p>私の場合は技術習得に比重を置いたため、学ぶ分野が増えてしまいました。</p> <h4 id="未経験技術に触れ過ぎた！"><a href="#%E6%9C%AA%E7%B5%8C%E9%A8%93%E6%8A%80%E8%A1%93%E3%81%AB%E8%A7%A6%E3%82%8C%E9%81%8E%E3%81%8E%E3%81%9F%EF%BC%81">未経験技術に触れ過ぎた！</a></h4> <p>Railsでアプリをリリースするだけであれば、CI/CD(自動テストや自動デプロイ等)まで手を出す必要はなかったのですが楽しそうなので寄り道してしまいました。</p> <p>開発中に触れた未経験な技術を並べてみます。（現在使ってないものも含む）</p> <ul> <li>Ruby / rbenv / bundler</li> <li>Rails / rake / unicorn / puma / gem各種</li> <li>Sass(CSS)</li> <li>RSpec</li> <li>Jenkins / CircleCI</li> <li>Capistrano3</li> <li>ConoHa / VPS / ObjectStorage</li> <li>CentOS / Linuxコマンド各種</li> <li>Ansible / Chef</li> <li>Heroku / Heroku Pipeline</li> <li>Rubymine</li> </ul> <p>書籍が出てるものは買って読んだし、チュートリアルは手を動かしたし、どう使えば開発運用が楽になるか模索していました。</p> <p>そりゃ時間かかりますよね。</p> <h3 id="どうして続けられたのか"><a href="#%E3%81%A9%E3%81%86%E3%81%97%E3%81%A6%E7%B6%9A%E3%81%91%E3%82%89%E3%82%8C%E3%81%9F%E3%81%AE%E3%81%8B">どうして続けられたのか</a></h3> <p>ふらふらと寄り道しながらもリリースまで続けられた理由を考えてみます。</p> <h4 id="作りたい具体的なイメージを持ち続けた"><a href="#%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%92%E6%8C%81%E3%81%A1%E7%B6%9A%E3%81%91%E3%81%9F">作りたい具体的なイメージを持ち続けた</a></h4> <p>前身サイトもゲーム投稿サイトだったので、公開したらどんな感じで使ってもらえるかある程度想像がついていました。</p> <p>自分もゲームを作っているので、作ったゲームが遊ばれることがどれほど嬉しいか知っています。<br /> 気軽にゲームを公開してもらいたい。<br /> 可能ならはじめて公開する場として使ってもらいたい。</p> <p>開発期間が長期化してもそのイメージがずっとあったので、目標を見失わずに続けられました。</p> <p>普段飽きやすい私が１年半も作り続けられたのは、やはり自分自身が使いたいものを作っていたからかなと思います。</p> <h4 id="コツコツ続けた"><a href="#%E3%82%B3%E3%83%84%E3%82%B3%E3%83%84%E7%B6%9A%E3%81%91%E3%81%9F">コツコツ続けた</a></h4> <p>ちょうど作っていた時期、不幸にも往復5時間かかる職場に通勤していました。<br /> （バス＋電車＋地下鉄＋徒歩）まぁ自分で選んだんですけど...</p> <p>不幸中の幸い（？）、安定して片道1時間電車に座れたのでその時間を開発に当てていました。</p> <p>1時間っていう時間が「今日はこれをやろう！」と決めてから「ある程度進捗が出はじめる」のにちょうどいいんですよね。</p> <p>朝進捗があると夜エンジンかかるのも早いです。これが毎日なので少しずつですが着実に進みます。</p> <p>こんな生活を1年続けたので勤務日だけでも2h*220日=440時間...元気があれば帰宅後や休日もやってたので結構な時間やってますね。</p> <blockquote> <p>フルタイムの業務に加えて残業60時間＋通勤100時間かかってました。なのに電車で寝ないで開発するとか今考えると頭おかしいですね</p> </blockquote> <h4 id="GitHubに草生やすのも楽しい"><a href="#GitHub%E3%81%AB%E8%8D%89%E7%94%9F%E3%82%84%E3%81%99%E3%81%AE%E3%82%82%E6%A5%BD%E3%81%97%E3%81%84">GitHubに草生やすのも楽しい</a></h4> <p><a href="https://crieit.now.sh/upload_images/4fd0088157f327fd58dbcceade1ef2e75c17ba02a3da5.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4fd0088157f327fd58dbcceade1ef2e75c17ba02a3da5.png?mw=700" alt="20181217220022.png" /></a><br /> <a target="_blank" rel="nofollow noopener" href="https://github.com/naichilab">naichilab | GitHub</a> （これは2018年のグラフ）</p> <p>GitHubにはコミットをグラフ化する機能があります。</p> <p>よーし１コミットだけやるぞ！って机に向かったらめっちゃ捗ったりとかありません？？</p> <h4 id="小さな達成感のコントロール"><a href="#%E5%B0%8F%E3%81%95%E3%81%AA%E9%81%94%E6%88%90%E6%84%9F%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB">小さな達成感のコントロール</a></h4> <p>多くの未経験技術に触れたと書きましたが、どれも楽しみながら学びました。</p> <p>わかりやすく書かれた入門書を読むことは、比較的安価に達成感を味わえるのでオススメです。</p> <ul> <li>達成感①：スラスラ読めるので数日で１冊読み終わる</li> <li>達成感②：知らない技術を分かった気になれる</li> <li>達成感③：上記①②から、着実に進んだと思いこめる</li> </ul> <p>まぁ本読んだだけでは使いこなせないです。それは問題ではなくて、少なからず知識が増えたことを喜ぶことが重要。</p> <p>メインの開発が行き詰まったとき、しんどい思いしながら続けると病んでしまいます。<br /> そういう時はストレス解消だと思って気軽に別の技術に触れています。</p> <p>ストレス解消できて成長も感じられていい感じ。</p> <h4 id="焦らない"><a href="#%E7%84%A6%E3%82%89%E3%81%AA%E3%81%84">焦らない</a></h4> <p>誰でも無料でサービス開発ができる時代になりました。日々数多くのサービスがリリースされています。</p> <p>素晴らしい品質のサービスもたくさんあり、自分のサービスと比較すると着眼点・技術力の差に目眩がします。</p> <p>それでも今の自分に出来ないことは出来ないので焦っても仕方がないです。</p> <p>１つ１つの開発を急ぐより、多少時間がかかっても着実にリリースすることを重視したいです。出し続けられることの方が大事。</p> <p>千里の道も一歩から。</p> <p>楽しく開発して長く続けましょう！！！</p> <h3 id="まとめ"><a href="#%E3%81%BE%E3%81%A8%E3%82%81">まとめ</a></h3> <p><a target="_blank" rel="nofollow noopener" href="https://unityroom.com">unityroom</a>の開発が長期化した理由と、モチベーションを保ってリリースできた理由を思い出しながら書いてみました。</p> <p>人によってモチベーションのコントロール方法は違うと思います。<br /> どのような方法が合うのかもやってみないと分からないことが多いです。</p> <p>今日書いた内容が、1000人に1人でいいのでモチベーションが尽きかけてる人の一助になれば幸いです。</p> <p>一緒に開発を楽しみましょう〜！！</p> <p>明日は<a href="https://crieit.net/users/iju_miho">Porin</a>さんです！お楽しみに！</p> naichi