tag:crieit.net,2005:https://crieit.net/users/mitudama/feed Crieitでユーザーミツダマ@個人開発プログラマーによる最近の投稿 2019-04-22T09:43:16+09:00 https://crieit.net/users/mitudama/feed tag:crieit.net,2005:PublicArticle/14928 2019-04-15T23:02:46+09:00 2019-04-22T09:43:16+09:00 https://crieit.net/posts/500-WEB-5cb48f061acbb <p><a href="https://crieit.now.sh/upload_images/b101235b323c1a4eb73698fe3492db7a5cb3248443611.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/b101235b323c1a4eb73698fe3492db7a5cb3248443611.png?mw=700" alt="top.png" /></a></p> <p>こんにちわ！ミツダマです。<br /> 毎月WEBサービスを開発して技術とノウハウうっはうは祭りを主催しています。</p> <p>1・2月に続いて3月にもWEBサービスを開発しました。</p> <p>そのときの記事はコチラ<br /> ▼<a href="https://crieit.net/posts/500-WEB">月500円の不労所得を得るためにWEBサービスを開発した話(1)</a></p> <p>3月は<a target="_blank" rel="nofollow noopener" href="https://www.choice-maker.site/">究極の選択メーカー(仮)</a>をつくってます。<br /> おかげで少しずつですが不労所得に近づいてきました。へへ。</p> <p>以下報告記事です！</p> <h1 id="あらすじ 〜成功のノウハウ探し〜"><a href="#%E3%81%82%E3%82%89%E3%81%99%E3%81%98+%E3%80%9C%E6%88%90%E5%8A%9F%E3%81%AE%E3%83%8E%E3%82%A6%E3%83%8F%E3%82%A6%E6%8E%A2%E3%81%97%E3%80%9C">あらすじ 〜成功のノウハウ探し〜</a></h1> <p>花粉症に悩まされ<strong>ひたすらティッシュを浪費する仕事</strong>に勤しんでいたある日のことです。<br /> 空いてる時間を使って「個人開発で成功するためのノウハウ」について調べていました。</p> <p>多くの記事を読み漁った結果、どの記事でも共通して書かれている大原則を見つけたのです。それは</p> <ul> <li>どれだけキレイなコードを書いて</li> <li>どれだけ最先端の技術を使っても</li> <li>見た目(UI)が悪いと</li> <li>触ってすらもらえない</li> </ul> <p>という「人は見た目が9割」ならぬ、「<strong>サービスは見た目が9割</strong>」説です。</p> <p>サービス開発で最も重要なのは見た目と操作感(UI/UX)か・・・<br /> 「<strong>この世は金と知恵と見た目</strong>」ってバクマンでも言ってたもんな・・・</p> <p>と今までの愚行を悔い改め、今度はUIについての記事を漁ります。</p> <p>次に辿り着いたのがこのサイトです。</p> <p>▼<a target="_blank" rel="nofollow noopener" href="https://cantunsee.space/">Can't Unsee</a></p> <p><a href="https://crieit.now.sh/upload_images/8b1b973a78732f8fc02402ca6ae228545cb4826ad8525.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/8b1b973a78732f8fc02402ca6ae228545cb4826ad8525.png?mw=700" alt="image.png" /></a></p> <p>UIデザインが2つ表示され、より正しい方を選択する問題がいくつか出てきます(UIについて興味のある方は遊んで見てください)</p> <p>このサイトで少し遊んでみた結果、</p> <p>なんや、おもしれーじゃねえかあんちゃん！</p> <p>とUIそっちのけでゲーム性に惹かれ、</p> <p>面白いサイトを見つける → 自分でもつくりたくなる → パクる</p> <p>という自然な流れからつくることになったのでした。</p> <h1 id="ステップ1.アイデア出し 〜最小限の機能を考える〜"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%971.%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%E5%87%BA%E3%81%97+%E3%80%9C%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%AE%E6%A9%9F%E8%83%BD%E3%82%92%E8%80%83%E3%81%88%E3%82%8B%E3%80%9C">ステップ1.アイデア出し 〜最小限の機能を考える〜</a></h1> <p>1度インスピレーションを得たらワクワクするアイデアがポンポン出てきます。<br /> が、そのままのテンションで突っ走るとろくなことにならないので最小限にまとめていきます。</p> <p>こんな感じです。</p> <pre><code> 【二者択一メーカー（仮）】 ・質問と解答（二択）を作成できる ・あなたはどっち？的な ｀｀｀例1） 質問: あなたはどっちがいい？ 解A:「性格のいいブサイク」 解B:「性格の悪いイケメン」｀｀｀ ｀｀｀例2） 質問: どっちを選びますか？ 解A: 月20万円もらえる(一生) 解B: その場で1億円もらえる｀｀｀ ・「質問されたら回答したくなる」の心理をくすぐり倒す ・作成したらツイートで拡散 ・ネプリーグのトロッコアドベンチャー的な ・問題はバズってもすぐ飽きそうってとこ(アカン) ・滞在時間を伸ばすための仕組み必要←コラボ命 他力本願is正義 </code></pre> <p>ここで思い出しましたが、コラボ命です。<br /> コラボがなければ、他者の力を借りなければこのサービスは成りたたないか弱い存在なのです。</p> <h1 id="ステップ2. 爆速でつくる"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%972.+%E7%88%86%E9%80%9F%E3%81%A7%E3%81%A4%E3%81%8F%E3%82%8B">ステップ2. 爆速でつくる</a></h1> <p>ここまでのアイデアを出し切ったのが3月19日でした。<br /> 残り10日ちょいしかありません。もう時間がない。爆速で作ります。</p> <p>祝日や休日、ズル休みを利用してひたすら開発と睡眠と漫画を繰り返す日々です。</p> <pre><code>集中して開発 → 詰まったら昼寝 → 起きて開発 → たまに漫画 </code></pre> <p>この流れです。おかげでストレスは全くありません。<strong>ワークライフバランスの極み</strong>。</p> <p>ちなみにこの時期は遊戯王を読み返してました。</p> <p>今でも「味方モンスターが浮遊する城の局部を破壊し落下させて相手全モンスターを潰した結果デュエルに勝つ」<br /> というカードゲームのしなさっぷりには拍手しかありません。</p> <p>それまでの数値のやり取りはどこにいったんやと言いたいです。</p> <p>他にも<br /> ・突然闇に包まれて攻撃が当たらない<br /> ・月を破壊して海水面を低くし海にひそむモンスターを炙り出して焼く<br /> ・濡らして雷</p> <p>などなど。</p> <p>ねぇ！？それどうやってカードゲームにするの！？ねぇ！？</p> <p>と。</p> <p>しかし面白ければいいんです。圧倒的に面白ければ漫画はいいんです。辻褄とか合わなくてもいいんです。</p> <p>この学びはサービス開発でも活かしていこうと心に誓いました。</p> <p>面白ければなんでもあり、要は面白ければ多少意味の分からないところがあっても支持してもらえるんだ、と。</p> <p>その学びを形に変えつつ「究極の選択メーカー」を全力でつくっていきます。</p> <p>ここからはずっとおれのターーーーーン！！</p> <h1 id="ステップ3. 公開"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%973.+%E5%85%AC%E9%96%8B">ステップ3. 公開</a></h1> <p>3月31日夜10時、どうにか完成、長かったこの思い出と共に涙を浮かべます。</p> <hr /> <p>おれはな。<br /> 成功しなくてもいいんや。<br /> 大人になっても全力で努力したこのひと時を過ごせたこと。<br /> その時間が何より大切で宝もんなんや。</p> <hr /> <p>1人感傷に浸りつつもリリース。</p> <p>と思いきや公開後にログイン処理が上手く動いていないという<strong>一番めんどくさそうなバグ</strong>を発見しました。<br /> しかもローカル環境だと発生しないパターンです。ふざけるなと思いました。流した涙は力ではなく冷や汗に変わります。</p> <p><strong>「1ヶ月1サービスリリース」</strong></p> <p>この己との約束を果たすためにも残り2時間でリリースするしかありません。<br /> どうする、どうする・・・と頭をフル回転させた結果</p> <p><strong>ログイン機能をなくす</strong></p> <p>という臭いものにはフタ作戦を思いつきました。<br /> 長年染み付いた隠蔽体質によってことなきを得たのです。(今は直ってます)</p> <p>そして23時半、残り30分を残しリリースツイートをかまします。</p> <blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">人生は【選択】の連続だ。逃げるか挑むか。生きるか死ぬか。勝つか負けるか。世界を半分もらうか、もらわないか🌍あなたは何を選ぶ。「究極の選択メーカー」リリースしました！！！🎉🎉🎉究極の選択をつくって人生を問うていきましょう！！<a target="_blank" rel="nofollow noopener" href="https://t.co/ttsLmoKzQO">https://t.co/ttsLmoKzQO</a></p>— ミツダマ@500円プログラマー (@mitudama) <a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama/status/1112365378573762561?ref_src=twsrc%5Etfw">2019年3月31日</a></blockquote> <p>当時広めてくださった方々ほんとありがとうございました。<br /> このサービスが成功したらあなた方も<strong>東京で消耗しない生活</strong>に変えていく所存ですので今しばらくお付き合いください。</p> <h1 id="サービス開発のこだわりについて"><a href="#%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E9%96%8B%E7%99%BA%E3%81%AE%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">サービス開発のこだわりについて</a></h1> <p><a href="https://crieit.net/posts/500-WEB">前回の記事</a>にて、開発をするうえでMVPという考え方を重視していますと書きましたがもう一つ重視しているものがあります。</p> <p>それは<strong>TTP</strong>です。</p> <p>TTP つまり <strong>Tettei(徹底) Tekini(的に) Pakuru(パクる)</strong></p> <p>です。皆さんご存知の。</p> <p>ひたすらパクリ元を分析し伝家の宝刀Chromeのデベロッパーツールでパクリ倒します。<br /> もちろん内容はパクってはいけません。</p> <p>見栄えのいいポジションや色使い、コンテンツの見やすい幅・高さ、さらには枠線の薄さなんて細かいものまで研究して自サイトに吸収していきます。</p> <p>「パクってこれか」</p> <p>と思われるのが忍びないので参考元は載せませんが、5・6サイトくらいは常時見比べて真似させてもらいました。</p> <p>おかげでUIの優れたサービスがどのような思想で設計されているか少しだけ分かるようになりました！<br /> これは大きな収穫です。</p> <p>今後もUIの優れたサービスを研究してTTPしていきます。</p> <h1 id="自分の欲しいモノを作るべきかどうかという考察"><a href="#%E8%87%AA%E5%88%86%E3%81%AE%E6%AC%B2%E3%81%97%E3%81%84%E3%83%A2%E3%83%8E%E3%82%92%E4%BD%9C%E3%82%8B%E3%81%B9%E3%81%8D%E3%81%8B%E3%81%A9%E3%81%86%E3%81%8B%E3%81%A8%E3%81%84%E3%81%86%E8%80%83%E5%AF%9F">自分の欲しいモノを作るべきかどうかという考察</a></h1> <p>あるスターウォーズのキャラもとい有名な個人開発者のジャバ・ザ・ハットリさんが言っていたこと</p> <p><a href="https://crieit.now.sh/upload_images/bafe64078e9759036792f7a24e90b2865cb486e85fc5b.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/bafe64078e9759036792f7a24e90b2865cb486e85fc5b.jpg?mw=700" alt="W9s8t87q_400x400.jpg" /></a><br /> ↑こちらジャバ・ザ・ハットリさん</p> <blockquote> <p>「自分が欲しいものをそのまま作る」のでは甘い。<br /> 　必ずしも「自分が欲しいモノ」＝「世の人々が欲しいモノ」ではない。<br /> 　スティーブ・ジョブズのような天才的な勘の持ち主でも無い限り、　<br /> 　自分の思いだけで突き進んでも「世の人々が欲しいモノ」に到達することは無い</p> </blockquote> <p>うーーーん金言ですね。マジで熱いです最高。Awesome！！</p> <p>ちなみにこの記事です(個人開発者はぜひ読むべき！)<br /> ▼<a target="_blank" rel="nofollow noopener" href="https://qiita.com/jabba/items/1a49e860a09a613b09d4">開設後３週間で収益１０万円を得た個人開発サイトでやったことの全部を公開する</a></p> <p>なるほど-----！やっぱりそうかーーー！</p> <p>と影響を受けつつも、待てよ、と。この言葉は</p> <p>ジャバ・ザ・ハットリさんの濃密な経験から出た経験則だから何もしないでそのまま信じるのはダメじゃね？と<br /> 偉い人やすごい人が言ってることをさも自分が経験したことのように発言したり真似するのはダメだよなぁ<br /> 1回試してダメなら考えを改め現実を素直に受け入れよう</p> <p>と<strong>ほんの些細な自我</strong>が芽生えたので今回は「自分がつくりたいもの」を好きにつくる道を選んでいます。</p> <h1 id="成功するクリエイターには二つのタイプがいる？"><a href="#%E6%88%90%E5%8A%9F%E3%81%99%E3%82%8B%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%81%AB%E3%81%AF%E4%BA%8C%E3%81%A4%E3%81%AE%E3%82%BF%E3%82%A4%E3%83%97%E3%81%8C%E3%81%84%E3%82%8B%EF%BC%9F">成功するクリエイターには二つのタイプがいる？</a></h1> <p>また、漫画バクマンでは作中に登場する優秀な編集者が「成功するマンガ家」について以下のように分析するシーンがあります。</p> <blockquote> <p>成功するマンガ家さんは大きく分けると2タイプがいて</p> <p>自分の描きたい事好きな事を思いきり描いてヒットする天才タイプ<br /> 計算しつくしてヒットをだすタイプ</p> <p>大ヒット飛ばせるのは圧倒的に計算じゃない人なんだ</p> </blockquote> <p>(ちなみにこの編集は服部さんというキャラでして、どの世界でもハットリという名を持つ方は優秀すぎますね。ガッデム！)</p> <p>この分析はものづくりをする上で漫画もWEBサービスも同じはず。</p> <p>もしかしたらワイは天才型の人間かもしれんしな！すまんな！<br /> すまんな君たち！<br /> ワイは自分が好きなものを好きなように作ってそれがバカスコ売れる天才なんや！<br /> 和製スティーブや！プログラミング界の新妻エイジや！<br /> お先やで！</p> <p>これが吉と出るか凶と出るかは神と両ハットリ氏のみぞ知ります。</p> <h1 id="リリース後の気になる結果は・・・"><a href="#%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E5%BE%8C%E3%81%AE%E6%B0%97%E3%81%AB%E3%81%AA%E3%82%8B%E7%B5%90%E6%9E%9C%E3%81%AF%E3%83%BB%E3%83%BB%E3%83%BB">リリース後の気になる結果は・・・</a></h1> <p>現実は甘くありませんでした。</p> <p>なんとリリースから2週間で1000PVにも行っていません。</p> <p>別に成功しなくても良いとは言ったものの何らかの手応えは欲しいところです。<br /> 誰か僕に改善案をください。</p> <p>流した涙、かいた冷や汗、溢れでる鼻水は報われませんでした。さよなら水分。</p> <p>どうやら僕は特別な人間ではなかったようです。<br /> ただの<strong>和製田中太郎</strong>でした。</p> <h1 id="このリリースで得たもの"><a href="#%E3%81%93%E3%81%AE%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%A7%E5%BE%97%E3%81%9F%E3%82%82%E3%81%AE">このリリースで得たもの</a></h1> <p>今回のリリースでたったひとつだけ得たものがあるとすればそれは</p> <p><strong>サービスはユーザーが欲しがるものをつくるべき</strong></p> <p>という失敗から得た経験則でしょう。<br /> これでようやくハットリさんと同じことが言えそうです。心から。</p> <p>もちろんこれからも自分の好きでつくりたいものをつくります。<br /> ただ、その方針と「ユーザーがほしいもの」をできるだけ絡めてつくります。</p> <p>今回はそこら辺がちょっとうまく絡み合わなかっただけです。<br /> あと「究極の選択メーカー」という<strong>長ったらしい名前</strong>がよくなかっただけです。</p> <p>とにかく、僕は、いえ僕たち個人開発者はこのままでは終われません。(勝手に個人開発者を仲間に加えました)<br /> この失敗を糧に次なるスターロード「毎月500円の不労所得」を目指すべく邁進します。</p> <h1 id="これから"><a href="#%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89">これから</a></h1> <p>とはいえ今回のサービス失敗によりとっくに僕のライフは0になってます。もうやめて！</p> <p>なので4月はサービス開発をお休みしようかなと。</p> <p>その代わり！<br /> ドット絵を勉強してポートフォリオをつくります！いえい！<br /> 待ってろよクロノ・トリガー<br /> グランドリオンよろしく伝説の武器(ポートフォリオ)を作ってやるぜ！</p> <h1 id="サービス名募集！"><a href="#%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%90%8D%E5%8B%9F%E9%9B%86%EF%BC%81">サービス名募集！</a></h1> <p>現在サービス名を募集してます。</p> <blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">「究極の選択メーカー」ってどうなんだろう？長すぎじゃねえか名前。「チョイスメーカー」とかどうだろう？なんだか軽い印象になるしハラハラ感がない。却下。・チョイス！・ドッチ！・Docchi・どっちょいす・二者択一メーカー・ニシャタクダメだ良い案が出ない( ᵒ̴̶̷̥́௰ᵒ̴̶̷̣̥̀ )</p>— ミツダマ@500円プログラマー (@mitudama) <a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama/status/1115251411275603969?ref_src=twsrc%5Etfw">2019年4月8日</a></blockquote> <p>いまのところ他の開発者から「うんこカレーメーカー」を推薦されてるので最悪それになるかもしれません。助けて</p> <h1 id="おわりに 〜個人開発を始める方へ〜"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB+%E3%80%9C%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%82%92%E5%A7%8B%E3%82%81%E3%82%8B%E6%96%B9%E3%81%B8%E3%80%9C">おわりに 〜個人開発を始める方へ〜</a></h1> <p>最後に、これから個人開発をしようと思っている方へ。</p> <p>僕は個人開発にもステージがあると思ってます。</p> <p>最初から1発大儲けを目指してつくりきれる人なんかほとんどいないです。<br /> 個人開発を始めたばかりの人は、まずは「自分が楽しめるプロダクト」をワクワク開発すればいいのではないでしょうか。</p> <p>そしてつくったら僕に共有してください。絶対に触りに行きます。<strong>ゼッタイ個人開発触るマン</strong>です。</p> <p>そしてあなたが天才型じゃないなら傷を舐め合いましょう。<br /> きっと毎月500円の不労所得くらいなら到達できるはずですよ(ナメナメ)</p> <p>もしあなたが天才型ならおこぼれをもらいに行きますね。月500円でいいです。</p> <p>とにかく一緒に個人開発しましょう！楽しいよ！</p> <p>では、最後まで読んで頂きありがとうございました〜！</p> <p>月500円のサービスを得るまで〜</p> <p>やっていき💪</p> <p>あざっした！！！</p> <p><a href="https://crieit.now.sh/upload_images/faaaa2f8353b322772fde39bc69d4eb35cb491ddf12c1.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/faaaa2f8353b322772fde39bc69d4eb35cb491ddf12c1.jpg?mw=700" alt="3366d3e0-5c65-11e9-8657-614f04772b6d.jpg" /></a></p> <p>Qiitaに今回のサービスで使った技術をまとめてますのでこちらもよかったら！<br /> ▼<a target="_blank" rel="nofollow noopener" href="https://qiita.com/mitsudaman/items/e3b6b67ac284cbd8d8e9">FirebaseでTwitterログインを利用し最速で「いいね」機能をつくる　〜究極の選択をつくるサービスをリリースした話〜</a></p> <p><a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama">ツイッター</a>もよろしくです！😆</p> ミツダマ@個人開発プログラマー tag:crieit.net,2005:PublicArticle/14866 2019-03-11T23:00:35+09:00 2019-04-08T22:08:03+09:00 https://crieit.net/posts/500-WEB <p><a href="https://crieit.now.sh/upload_images/d6be87449cd8f53979942b517bac0fce5c866c6cccad9.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/d6be87449cd8f53979942b517bac0fce5c866c6cccad9.png?mw=700" alt="top_image.png" /></a></p> <p>こんにちわ！<a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama">ミツダマ</a>です。<br /> 毎月WEBサービスを開発して技術とノウハウうっはうは祭りを主催しています。</p> <p>1月に続いて2月にもWEBサービスを開発したことで、真の狙いである「不労所得を生み出すサービス」作りにも近づいてきました。<br /> ちなみに<a target="_blank" rel="nofollow noopener" href="https://www.haiku-maker.site/">俳句メーカー</a>といいます。</p> <p>以下報告記事です。</p> <h2 id="SNS画像シェア(OGP)系サービスとの出会い"><a href="#SNS%E7%94%BB%E5%83%8F%E3%82%B7%E3%82%A7%E3%82%A2%28OGP%29%E7%B3%BB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%A8%E3%81%AE%E5%87%BA%E4%BC%9A%E3%81%84">SNS画像シェア(OGP)系サービスとの出会い</a></h2> <p>ことの発端はワタナベさんのこの記事でした。</p> <p>▼<a target="_blank" rel="nofollow noopener" href="https://blog.nabettu.com/entry/disassembly-peing">Webサービス分解 「Peing-質問箱-」の分解</a></p> <p>簡単にいうと、OGPという仕組みを使えば</p> <ul> <li>Twitterに</li> <li>サービスのURLを投稿するだけで</li> <li>画像をシェアできる</li> </ul> <p>らしく、</p> <p>めっっっっっっっっっっっっちゃ面白そうやんけ！</p> <p>とワクワクが止まらなくなってしまったのがきっかけでした。</p> <p>やっぱり「〜したい」という思いは行動に移す上で何よりの原動力になりますね。</p> <p>普段は<strong>働きたくない</strong>と思いながら辞めさせられない程度にダラダラコード書いてるので、自発的に動き出した自分にびっくりです。おのずと死んだ魚のような目も輝きを取り戻してきます。</p> <p>さらに、他の開発者が作ったサービスを使ってみて憧れが加速します。どれくらいテンション上がっているかというとこんな感じです。</p> <blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">開発でめっちゃ参考にしている方のアプリ「<a target="_blank" rel="nofollow noopener" href="https://twitter.com/hashtag/%E3%81%8B%E3%81%9E%E3%81%88%E3%81%A3%E3%81%9F%E3%83%BC?src=hash&ref_src=twsrc%5Etfw">#かぞえったー</a>」を使ってみた。操作も直感的でUIやデザインもシンプルで触りやすい。シェアツイート時に画像が表示されているのをみて思わずすごい！かっけぇ・・・！！と言ってしまった。この技術を自分でも使ってみたい！わくわくが止まらねぇぜ！</p>— ミツダマ@500円プログラマー (@mitudama) <a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama/status/1076678021082464256?ref_src=twsrc%5Etfw">2018年12月23日</a></blockquote> <p>その後幸運なことにこれまた個人開発者で有名なserinuntiusさんがQiitaに「<a target="_blank" rel="nofollow noopener" href="https://qiita.com/serinuntius/items/3017fb6ef51cd47352f6">Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう</a>」というめちゃくちゃ有益な記事を上げてくれていまして、</p> <p>これならワイでもでけるかも知れへん！</p> <p>　 ( ﾟдﾟ)　ｶﾞﾀｯ<br /> 　 /　　 ヾ<br /> ＿_L| /￣￣￣/＿<br /> 　 ＼/　　　/</p> <p>と思い立ち、早速つくることになったのでした。</p> <h2 id="ステップ1.アイデアだし"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%971.%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%E3%81%A0%E3%81%97">ステップ1.アイデアだし</a></h2> <p>僕は開発をするうえで<strong>MVP</strong>(Minimum Viable Product)という考え方を重視しています。直訳すると「<strong>最小限の実行可能な製品</strong>」といったところでしょうか。</p> <p>メンドくさがりのくせに無駄に完璧主義なところがあるので一度脱線して凝りだすといくら時間があっても足りません。</p> <p>半日かけてつくっても「その機能いる！？」となって結局消すことなんて星の数ほどあります。<strong>無駄 of the 無駄</strong>です。</p> <p>なので脱線しないようにとにかく「最小限の機能を持った製品の開発」を目標にアイデアを出していきました。</p> <p>その時のアイデアがこちらです⬇︎</p> <blockquote> <p>＜俳ッカー＞<br /> ---ミニマム---<br /> ・WEB上で俳句を作れるサービス<br /> ・上の句と中の句と下の句で入力場所を分ける<br /> ・OGP画像を作成し、つぶやける<br /> ・入力したら作成ボタンを押して→ ツイッターにアップ</p> <p>---ミドル---<br /> ・集客＆回遊率上げるためにランキング機能とか載っけたい<br /> ・タグはひっっっっっっっっっす！必須中の必須！タグis正義<br /> ・IT川柳<br /> ・社畜川柳<br /> ・ブラック企業川柳<br /> など<br /> ・タグをみた人が他の投稿に興味を持って飛んできてくれるの期待</p> <p>---マキシマム---<br /> ・広告入れる<br /> ・何入れればいいか分からないけどとりあえずAdsense<br /> ・優秀賞、最優秀賞とかつけたい<br /> ・コンテンツを充実させるためにどっかのAPIからデータ取得<br /> ・もしくは手動で100くらいデータ取得 (手動バッチ)</p> </blockquote> <p>シンプルの極み。逆にやるべきことが定まっていいです。</p> <ul> <li>ログイン機能</li> <li>バックエンドの開発</li> <li>データベースの設計</li> <li>いけ好かない上司との飲み会</li> </ul> <p>などなどめんどくさい仕様やモチベーションの下がる要因も削りに削っていざ開発に入っていきます。</p> <h2 id="ステップ2. つくる"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%972.+%E3%81%A4%E3%81%8F%E3%82%8B">ステップ2. つくる</a></h2> <p>この段階ではもう時間との戦いです。<br /> <strong>会社で消耗しないように働いて体力を温存</strong>しつつ、帰ってからは爆速で作ります。<br /> ちなみに自分の開発スタイルはこちら↓(かの有名な<a target="_blank" rel="nofollow noopener" href="https://mitsudaman.github.io/TSMaker/">時間割メーカー</a>で作ってます)</p> <p><a href="https://crieit.now.sh/upload_images/477fc97c66995de4e74d77ce4594fafb5c8667828d991.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/477fc97c66995de4e74d77ce4594fafb5c8667828d991.png?mw=700" alt="time_schedule.png" /></a></p> <p>まず、会社から帰ったらひと眠りして1日をリセットします。<br /> 職場のハゲ上司の顔もポンコツオーナーの戯言もここでいったん忘れるのです。無に帰すのです。</p> <p>夕寝から覚めたらご飯を食べてお風呂でアイデアや設計を考えつつ、残りの3時間で一気にやり切る。</p> <p>時間の使い方や環境など、個人開発のスタイルは人によってバラバラですよね。</p> <p>僕も少しずつ自分にあったスタイルを探しているところでして、色々試した結果覚醒スタイルを身につけてしまうこともありました。</p> <blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">今まで家でPC触るときは1人でもくもくと作業してたんだけど、腰痛から立って作業するようになり、さらに音楽聴きだしてからめっちゃ足踏みしたりリズム取るようになった。もくもくとはかけ離れた作業風景。1人エンジョイしまくってる姿。たまにサビを熱唱するソロライブ。個人開発最高。</p>— ミツダマ@500円プログラマー (@mitudama) <a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama/status/1100392380916613123?ref_src=twsrc%5Etfw">2019年2月26日</a></blockquote> <h2 id="ステップ3. 公開"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%973.+%E5%85%AC%E9%96%8B">ステップ3. 公開</a></h2> <p>数日残してミニマムは作り終えたので、ミドル程度まで作り上げていざ公開。</p> <blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">【新サービスリリース】・業界のあるあるをみつけたとき・ジェネレーションギャップを感じたとき・ブラック企業に疲れ果てたときその気持ちを17文字にまとめてみませんか？「俳句メーカー」をリリースしました！！🎉🎉🎉<a target="_blank" rel="nofollow noopener" href="https://t.co/xfdJaKbbCx">https://t.co/xfdJaKbbCx</a>俳句を気軽につくってシェアしましょう♪</p>— ミツダマ@500円プログラマー (@mitudama) <a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama/status/1101120383904669697?ref_src=twsrc%5Etfw">2019年2月28日</a></blockquote> <p>とはいえ特別な作業をするわけでもなく、独自ドメインを設定して「公開しました！」と宣言するだけの<strong>簡単なお仕事</strong>です。<br /> 最初から人が集まるわけもないですし完成度も低いため期待は全くしてなかったのですが、それ以上に「やりきった」ことによる達成感をいっちょまえに感じていました。</p> <h2 id="ステップ4.集客とマネタイズ"><a href="#%E3%82%B9%E3%83%86%E3%83%83%E3%83%974.%E9%9B%86%E5%AE%A2%E3%81%A8%E3%83%9E%E3%83%8D%E3%82%BF%E3%82%A4%E3%82%BA">ステップ4.集客とマネタイズ</a></h2> <p>公開まではなんとか辿り着いたものの、まだまだ作り切っただけの段階でマネタイズはおろか集客も全くできておりません。</p> <p>今後は<br /> * コンテンツを量産(俳句を自分で作る)<br /> * Qiitaに技術記事(今回学んだこと)をアップ<br /> * SEO対策<br /> * Twitterで公式アカウント作成</p> <p>などの施策をもってPVがどの程度増えていくのか効果検証して行きます。</p> <p>その後広告を貼ってどのように値が遷移するか(多分0だと思われます)を見ていき、出てきた課題は次のサービスに活かすつもりです。</p> <p>今のところ、もう少しユーザーが触りやすい環境を整えたいなと思ってますが、攻めあぐねてます。</p> <p>タグを用意したところまではいいのですが、これでは一般のユーザーが触るまでには至らないのかな、と。<br /> ここら辺は次の課題ですね！！！</p> <h2 id="感想"><a href="#%E6%84%9F%E6%83%B3">感想</a></h2> <p>当初の予定通り、2月もどうにか<strong>未知の技術を使って無事に1サービスを公開</strong>できました。<br /> おかげで先月と比べるとWEBサービス開発の知見がかなり貯まったので来月はさらに自由な開発ができそうです。これは嬉しい収穫。</p> <p>また、俳句メーカーを見てOGPのサービスをやりたいと言われてる人も発見しました。ほほえみが止まらなかったです。</p> <p>あとは周りの開発者仲間やツイッタランドのフォロワーの方がおめでとう！と言ってくれたこともとても嬉しかったです。<br /> リアルに涙を浮かべましたw　おまいら・・・(´；ω；｀)って感じ</p> <p>昔から僕は誰かを応援することしかできない人間でしたが、応援してもらう側に立ってみてこれほどまでにありがたいことなんだな、と。<br /> 見ず知らずの自分を祝福してくれるなんて<strong>周りの人めっちゃいい人ばかりやん</strong>と。</p> <p>しかもフォロワーでもなんでもない個人開発者の方もリツイートしてくれましたからね。<br /> ここら辺人間の温かみに触れて本当にやってよかったなぁと思ってます。<br /> アリガトウ ミンナ トモダチ</p> <p>ほんと支えてださったみなさまにはいつか成功したら恩返しとして<strong>美女二人を脇に抱えて札束のお風呂に入らせてあげたい</strong>なと思ってます。</p> <h2 id="終わりに"><a href="#%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB">終わりに</a></h2> <p>1月の時間割メーカー、2月の俳句メーカー、そして3月もまた新しいサービスを生み出すつもりです。<br /> 毎月成長したい分野を攻めていくので3月はUIかtwitterログインについて勉強しながらそれが活かせるサービスを考えていきます。</p> <p>期待せずお待ちいただければ幸いです！</p> <p>では、最後まで読んでいただきありがとうでした。</p> <p>月500円の不労所得を得るまで〜</p> <p>やっていき💪</p> <p>あざっした！！</p> <p><a href="https://crieit.now.sh/upload_images/8b1b973a78732f8fc02402ca6ae228545c8897b6edbe8.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/8b1b973a78732f8fc02402ca6ae228545c8897b6edbe8.png?mw=700" alt="image.png" /></a></p> <p>(3/13 追記)<br /> Qiitaに今回使った技術について書いてます〜<br /> ▼<a target="_blank" rel="nofollow noopener" href="https://qiita.com/mitsudaman/items/1956b94dc8faf8fb8c59">Nuxt.js + FirebaseでOGPの仕組みを完全に理解した　〜俳句をSVGで描画するサービスをリリースした話〜</a><br /> こちらもどうぞ！！</p> <p>今後もWEB開発続けるのでよろしければ<a target="_blank" rel="nofollow noopener" href="https://twitter.com/mitudama">twitter</a>フォローしてください😆</p> ミツダマ@個人開発プログラマー