起業家のための

「やれば絶対できる!」
WEBサービスで起業する物語 入門

 ∼STARTからリリースまで∼
 Tatsuya Miyauchi Communiture代表
 Masaya Nakazato WebDesingner

                           2012/10/21
 宮内達也と申します




1984年2月12日生まれ(28歳)
「Webサービスで起業する物語」
   というブログ書いてます

Twitter: @cheerdreams
Facebook: cheerdreams
Blog: http://blog.communiture.com
Mail: info@communiture.com
経歴

   2006年4月(新卒入社)
22歳で某外食産業の会社に入社



2012年9月(28歳)に起業すると
いう目標を立て行動していました
2012年7月1日
 Web技術を学ぶため修業開始




FJORD,LLC「怖話」を作っています
    http://kowabana.jp
2012年9月30日
修業先を探せるサービスをリリース




  http://communiture.com
2012年10月1日∼
@komagataさんと@machidaさんの
紹介でアクトインディ様にてオフィス
を間借り ここからスタート!
2012年10月2日∼
1. 受け入れ企業様と利用者様を
 増やすために平日の昼、営業活動

2. 夜と土日祝でシステムを独学開発




            できる!!
本日のお題目
・僕が起業を志したワケ

・やりたいことを見つけた経緯
・営業、プログラミング未経験の
 素人が3ヶ月でWebサービスを
 作って起業したプロセス
僕が起業を志したワケ
   約5分
具体的な目標、やりたいことはないが
  将来は起業すると考えている
転機その1 大学1年生

初恋の人にフラれる!(嫌われる)


起業すると強く誓う!
転機その2  新卒2年目

店舗勤務(現場)→本社勤務

自身のスキルの低さを痛感
転機その3 新卒3年目
                 勉 強!
               日々
      毎日7時出社
   夜21時から独学で勉強


半年後、成長した自分を実感
根拠なき自信が生まれる!
人生観を変えた一冊




始まりの終わりに共感
存在意義を見出すために


         決意 ! !
2012年9月(28歳)に起業
当時の様子


久保田から報告!
やりたいことを見つけた経緯

    約10分
起業までのプラン作成

達成日を決めたのはいいが・・

具体的な行動計画がない!!


っていうより何やる!?
やりたいことを探す
               街の惣
   トラ ン?          菜屋?
レス
        産仲介?   クリーニン
     不動             グ?
        ドロップシッピング?
FC加盟?

  いちごにチョコをまぶして売る?
やりたいことを探す
             街の惣
   トラ ン?           菜
                  ・・屋?
レス           べたりも
          計等を調
   世 界人口統
                  ました。
          介? を考えていーニ
  数不動
   百   産仲ジネス クリ
     種類のビ            ング?
        ドロップシッピング?
FC加盟?

  いちごにチョコをまぶして売る?
私 が考える

成功させるための最低条件
1. 初期投資が少ない(100万以下)
2. 固定収入と継続収入を両立
3. 自分が楽しいことを選ぶ

必要とされるビジネスをする!
最低条件を踏まえた上で

1.Webサービス

2.夢に挑戦できる環境を作りたい

3.人のサポートをするのが好き
3年間かかりました!
1. 企業一覧でやりたい仕事を探せる

2. 職業体験ができる

3. 起業する時お金を集められる

最初のビジネスプラン(笑)
お金もコツコツ貯めました

起業する時に後悔したくないので
いくら必要かわからないが、
28歳の時まで貯められるだけ貯め
ようと思って、貯金してました。
1. タバコやめました
2. ゲームやめました
3. ギャンブルやめました
4. 目的なく飲むのやめました
5. 書籍、なるべく図書館で借りる
6. 勉強会、会社の業務に無理やり
 連動させて参加
営業・プログラミング未経験の
素人が3ヶ月でWebサービスを
作って起業したプロセス

     約20分
2012年5月末 
6年間お世話になった会社を退職




 裸一貫で起業に挑戦!
2012年5月末 
6年間お世話になった会社を退職




 裸一貫で起業に挑戦!
Webサービスを自分で作ろう

                   CSS?
 HT ML?

      vaSc ript?   Linux?
    Ja
          PHP?  Java?
Ruby?
そもそもパソコンってどうして動くの?
これは太刀打ちできなそう
そうだ!
実際に作っている所で修業だ
2012年6月下旬
   FJORD,LLCの門を叩く


  Google Alert「Webサービス」
   で下記の記事を見つける。

Webサービスを作りたいインターン募集

    http://fjord.jp/love/1094.html
2012年6月下旬
   FJORD,LLCの門を叩く


  Google Alert「Webサービス」
           始まっ た・・
  こ こから全てが
   で下記の記事を見つける。

Webサービスを作りたいインターン募集

    http://fjord.jp/love/1094.html
インターン内容


           FJORDの業務
Web技術の習得
           (怖話の集客等)



 交互に実施(1週間毎)
2012年7月1日 
   起業の新企画をスタート


プログラミング未経験の素人が3ヶ月で
Webサービスを作って起業できるのか?

                         連載中
  http://blog.communiture.com
初めてのMacからスタート

  素人がWeb開発をやるなら、
UNIXベースのOS「Mac OS」が良い。


  Windows → Mac 
ターミナルとVim
ターミナルとVimが良い理由

1. ほとんどのソフトウェアが無料
2. Macに最初から入っている
3. プラグインで自分好みに変更できる
4. 作業性が高い
5. 使っている人が多い
「何がわからないか」がわからない
インフラ 7月12日∼
Webサーバ(Nginx)に大苦戦
SSH接続・SSL認証等も苦戦
Git 7月21日∼
バージョン管理システムGit 
仕組みの理解&コマンド習得に
時間がかかる。
Ruby 7月28日∼


Rubyは、他の言語と比べると
コーディング量が少ない。早く
作れるメリットがある。
Ruby on Rails  8月7日∼

数あるFrameworkのひとつ


Railsは「設定よりも規約」を重
視しているため、理解すれば
使いやすいというメリットがある
ワイヤフレーム作成 8月20日∼




デザイナーインターン
中里と作成開始
ビジネスモデルを詰める 8月24日∼




Webサイトの構成を作
ると自分の考えが全く
具体的でないのを実感
ビジネスモデルを詰める 8月24日∼




Webサイトの構成を作
           斐ない ・・・
    自分 が不甲
ると自分の考えが全く
具体的でないのを実感
ー ゲット が曖昧
タ
        料金体系
             が   わからな
                     い

    サービスがわかりずらい

     付属的なサービスを考えている
ー ゲット が曖昧
タ
        料金体系
             が       わからな
                          い
        Si mple i s Best

    サービスがわかりずらい

     付属的なサービスを考えている
スモールスタートの基本のき


1. ターゲットは具体的に
2. サービスをシンプルに
3. 単一事業ドメインで考える

 最初にペルソナは必須
クラウド履歴書サービス


社会人職業体験サービス


社会人インターンシップ


修業先が探せるサービス
まさかの凡ミス

営業活動が必要というのを
   忘れていた
営業活動  9月1日∼


@komagataさんと@machidaさん
のご協力を頂き、修業受け入れ企
業様の営業活動を開始
自分でやる法人登記のススメ

1. 法人印鑑と個人実印を作成
   ※参照 http://blog.communiture.com/31

2. 市・区役所で個人の印鑑登録をする
   ※参照 http://blog.communiture.com/56

3. 定款を作る
  ※参照 http://blog.communiture.com/56
自分でやる法人登記のススメ

4. 資本金を口座に振り込む
  ※参照 http://blog.communiture.com/56

5. 法務局で手続き(資料作成)
  ※参照 http://blog.communiture.com/56

6. 1週間後に法人登記完了
営業ってどうやるの?
目標

9月30日に受入企業 5社様の掲載

1. TEL・メールアポ
2. イベントに参加
3. facebookからメッセージ
修業先企業様の選定

 1. 職種
 2. 事業内容
 3. アツい社長の会社なのか?

職種は色々なジャンルを考えていました。
営業リストの作成

手当たり次第に営業ができるワケ
ではないので会社を探すのに苦労
しました。(今も)

  当然、一覧リストはなし
  紹介のツテもなし
イベント




サバンナの恐ろしさを知る・・・
企業様へのご提案


ほとんどの方にビジネスモデルが
破綻しているとご指摘を頂く


修業する方から一律2万円の課金
  (修業申し込みで)
寝ても覚めても考える

色々な方と知り合い、アドバイス
を頂きながら、ビジネスモデルを
ブラッシュアップ&サバンナの歩
き方を学ぶ毎日でした。
土壇場のビジネスモデル変更 9月28日


@komagataさんと@machidaさん
のご紹介でアクトインディの
下元社長とお会いする
利用者課金→企業側の課金へ変更


利用者課金では事業として継続で
きない。(利用者の絶対数が少な
いため)
ビジネスモデルを変更

29日・30日でサービスの最終調
整をしてリリースする予定が
大幅変更をすることに決定

デザイナー中里にバトンタッチ
Communiture    をデザインしてわかったこと
   ―デザイナーから見るスタートアップのつくりかた―




     Masaya Nakazato / Web Designer
本日は

Communiture Meetup
     Vol.1
にお越しいただき、ありがとうございます。
なかざとです。




だいたい   Horaotoko   と検索していただければどこでもヒットすると思います。

大学生です。インターンでWebデザインを始めてだいたい4ヶ月くらいです。

Railsのアプリケーションにデザインを入れるなどを頑張っていきたいと思っております。
最近デザインしたもの
株式会社 PlusVision 様のサイトをデザインしました。
ブログをやっています。
SassやCompassやWordPressや黒い画面などいろいろ書きます。
ブログをやっています。
SassやCompassやWordPressや黒い画面などいろいろ書きます。




    後日デザイン変更予定!
これからデザインを入れる予定のもの

5Thanks(1日に5個の ありがとう をメモして、 ポジティブになろ
う というサービス)
これからデザインを入れる予定のもの

5Thanks(1日に5個の ありがとう をメモして、 ポジティブになろ
う というサービス)




   後日デザインテロ予定!
Communiture の作業の流れ
このデザインですが…
実は5日間で…
入れました!
ページ数は大体…
トップページ

企業個別ページ   2

修業までの手続きページ

料金ページ

サービス&会社概要ページ

掲載企業様用ページ

規約ページ

プライバシーポリシーページ

応募フォーム
ページ数は大体…
トップページ

企業個別ページ   2

修業までの手続きページ

料金ページ

サービス&会社概要ページ
                10ページ!
掲載企業様用ページ

規約ページ

プライバシーポリシーページ

応募フォーム
画像素材は…
アイコン   5
アイキャッチ     5
画像素材は…
アイコン   5
アイキャッチ     5
画像素材は…
アイコン   5
アイキャッチ      5


           作りました!
5日間で
入れました!
 (2回目)
でも正直デザインの作業が
 出来たのは3日間です…
  (はじめの2日で企画の調整などがあったため)
まずは流れに沿ってご説明します。
1日目
全体の構成、イメージを決める。
配色を決める。
マークアップを整理し、ヘッダー、トップ
ページ、フッターにデザインを入れる。
なんとここでまさかの
ビジネスモデル、コンセプト変更…




     ↑僕の心のなか
大丈夫です。
まだまだめげません。
2日目
ターゲットや企画の変更があったためトップ
ページに全体的な修正を加える。
トップページの修正後、修業個別ページ作
成。
3日目
修業個別ページの修正をする。
アイキャッチ画像の作成。
修業までの流れ(フローページ)の作成。
フローページのアイコン作成。
4日目
プライバシーポリシー、利用規約のデザイン
を入れる。
料金体系ページの作成。
アイキャッチ画像の作成。
なんとここでまさかの
   (2回目)
Railsのエラーでサイトが見れない…




     ↑帰りの宮内さん
2人ともエラーの原因がわからない…
  バグフィックスが出来ない…
ですが翌日までに救世主
(=宮内さん)
が直してくれました。
ですが翌日までに救世主
(=宮内さん)
          圧倒的感謝ッ…!
が直してくれました。
5日目
やり残したページ(掲載企業様へ、
Communitureとは)の作成。
画像の修正。
各ブラウザ対応をしたりsassをまとめたり、
各ページの修正。
メンテナンスしやすいようにBootstrap、
mixinの整理。
あと打ち上げ
一見簡単そうですが、やってみると
 意外と時間がかかりました。
本題
そもそも、
デザイナーって何をするひと?
デザイナーとは、

美的センスを持ったプランナーである。
          by ブルーノ・ムナーリ




     http://maka-veli.com/BrunoMunari.html
デザイナーの使命は、
良いものを作り、良い結果を出すこと。


  情報を整理し、合理的に設計し、
 相手にとって必要なものを提供する。
   見た人の注意を引き付けたり、
意図された行動を取るように誘導したり。
つまり、デザイナーは
  視覚的なデザインに限らず、
総合的な設計を行い、問題解決をする
   プランナーということ。
こうしたデザイナーの考え方って、
どんな分野でも必要だと思いませんか?
デザインとか…
自分デザイナーじゃないから関係ないし…
   と思っていませんでしたか?




        ↑過去の人
つまり今日言いたいことは、

デザイナーの考えを取り込んで
スタートアップを作ると捗るよ!
    ということです。
デザイナーから見た
スタートアップ制作におけるポイント
本日は2つほどご紹介します。
ひとつめ




ターゲットとゴールの設定
「ビジネスを始めよう!」というときに
 まずはじめになにをしますか?
まずはじめに、どんな「商品」で
 勝負するか考えるはずです。
たとえば
あーアプリとか作って
 一儲けしてーなー
てか、いまアプリってどんなのが流行ってんの?
まず調査をしましょう。

   当たり前と言えば当たり前。
        しかし、
この段階でしっかりとリサーチをしなければ、
   企画が振り出しに戻ることも…
あーいまはカメラアプリが
  人気なんだな。
ただ、女の子が使いたい!と思うような
 かわいいカメラアプリがないなー。
ただ、女の子が使いたい!と思うような
 かわいいカメラアプリがないなー。



    よし、
カメラアプリで勝負だ!
ここでもまた調査。


自分が作ったアプリを使ってもらえるような
      ターゲット層は?
  スイーツ(笑)?ギャル?サブカル?
ふむ、サブカル系の女の子って
よく写真撮って拡散させてるなー。
スマホ持っててSNSをよく使ってる
  ターゲット層といえば…
ふむ、サブカル系の女の子って

女子大生だ!
  よく写真撮って拡散させてるなー。
  スマホ持っててSNSをよく使ってる
    ターゲット層といえば…
これでターゲットは
「サブカル系の女子大生」
と設定できましたね。
あとはゴールの設定
最終的にはこのアプリだけで
 年間200万稼ぎたいなー。
ゴールとは、自分がその商品を
 売って(使って)やりたいことです。



      Communitureは
「本気で起業を目指す人のサポートがしたい」
   というゴールを設定しています。
ターゲットとゴールが決まったら、
だんだんとイメージが膨らんでいきますよね?




 どんな機能がいいか、どんな見た目か、
 どんなときに、どこで使われるのか、
  アイデアが浮かんでくると思います。
たとえば…




「サブカル系女子大生」 「年間200万稼げる」
        アプリとは…
こんな感じ?
もちろんここでつける機能や見た目なども
事前にしっかりと調査したものでなくてはいけません。
ターゲットとゴールを先にきちんと設定
しておくことで、振り出しに戻るなどの
  発狂しそうなミスも防げる!
ポイント!



  どんな人を相手にして、
最終的にどんなことをしたいかを
 より明確にしましょう。
ふたつめ




スモールスタートをするのじゃ…
先ほど
ターゲットとゴールの設定について
   ご紹介しました。


    今度はそれらの
  「度合い」についてです。
たとえば
バンバン金欲しいから
 最初から手間と金かけて
すっげーアプリ作ろwwww
これはただのおバカです。
シンプルな機能でリリースして
まずは月5万稼げるように頑張ろう!
こっちの方が現実味ありますよね。
スモールスタートとは?

「大きく考え、小さく始める。うまくいきそうな
らなるべくはやく規模を拡大する!」


という考え方を実践していく。
スモールスタートの利点は…
初期にかかるコストが少ない。回収もしやすい。

ダメならすぐに方向転換(または撤退)が出来る。

大きなプロジェクトをひとつだけ行うのではなく、
小さなプロジェクトが複数行える。
→ビジネスチャンスが多くなる。
スケーラビリティって大事ですよね?

どれだけお金や時間をかけて、凝った商品、ビジ
ネスモデルを作っても、利益が出なかったら意味
がありません。


最初の1歩は小さく、必要に応じて拡大したり、変
えていったり、はたまたダメならすぐに撤退した
りすることが大事。
つまりムダのないビジネスモデル、
商品から出発しましょうってこと!
ちなみに Communiture でも
スモールスタートのために…
基本的なレイアウトは4タイプ。

フレームワークを使って細かい設定の手間を
省く。

使いまわせるパーツをまとめて、再利用。

修業場所数がまだ少ないため、それに合わせ
た見栄えが良いデザインを適用。


などなど工夫を行なっております。
ポイント!




最初はシンプルに、具体的に、ストレートに!
おさらい
その1
ターゲットとゴールを明確に!
しっかり調査して、しっかり考えましょう!
その2
スモールスタートをしよう!
  大きく考え、小さく始める!
うまくいきそうなら規模を拡大する!
  ダメならすぐに撤退!(笑)
以上です。
ありがとうございました。
3ヶ月で学んだこと 1



何事もやればできる!!
3ヶ月で学んだこと 2

  事前準備は必要

 準備したからこそ
何度も発生する軌道修正
  に対応できる。
3ヶ月で学んだこと 3

  素直な心で感謝する

 人はすべての事を知り得ない
起業する時は、常に未知との戦い、
  素直な心で人の助けを得る

営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜