SlideShare una empresa de Scribd logo
1 de 56
Descargar para leer sin conexión
個人でリーン・スタートアップ	
”LeAnSTArtup”するための教科書
2015.11.21	-	Takeshi	Kato	
@DBFlute	Fess	2015
加藤 健 miyasama
株式会社レイハウオリ
image
自己紹介
twitter: creative_gear
facebook: takeshi.kato.1069
・1人で開発した
・タイムトラッキングができる
 タスク管理アプリ
・Lasta Flute(SAFlute)

+ DBFlute
去年の秋にWebサービスをリリース
hAps://clock-it.com
去年の秋にWebサービスをリリース
去年の秋にWebサービスをリリース
去年の秋にWebサービスをリリース
去年の秋にWebサービスをリリース
今日お話しすること
1人でWebサービスを作るためのTODOを共有1
Webサービスを開発・リリースするまでにやったこと2
リリース後、1年間運用してみて起こったこと3
リリースするために何をすれば良いのか?
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
リリースまでのロードマップ
企画
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
企画フェーズでやること
サービス名を
決める
ドメインを
取得する
作りたいものを
決める
サービス名を決める
サービスの内容を表現できる名前1
ググらビリティが高いかどうか2
同じサービス名が、すでに他サービスで利用されていないか3
ドメインを取得する
.com, .net 等のTLDだと、結構と売り切れていたりする1
欲しいドメインが取得できなければ、サービス名の再考も・・・2
.com なら年間700円程度3
デザイン
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
デザインフェーズでやること
デザインを決める HTML/CSSを実装
画面構成
UIを決める
でも、デザインセンスが無いんだ・・・
Theme	Forest
有料のテンプレート販売サイト
http://themeforest.net/
気に入ったデザインを購入
あると便利なPhoto	Shop
・Creative Cloudで月額1000円程度で利用できる
開発
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
プロジェクトのセットアップが1発
JUnitテストを1発流せば、マルチプロジェクト構成でセットアップされる
Lasta Fluteで新プロジェクト
http://dbflute.seasar.org/ja/lastaflute/#newproject
ログイン・ログアウト機能が
デフォルトで入っている
ログイン履歴をDB等にインサートする拡張ポイントもあり
Cookieにログイン情報を保存&オートログイン機能もついている
設定ファイルに暗号化キーを設定する程度ですぐ使える
メール送信機能もすぐ使える
Mail Flute
メールテンプレートからMail Beanを自動生成( ConditionBeanのML版)
メールテンプレートへの変数バインドをタイプセーフに
そもそもメール送信機能作るのめんどいから助かる
インフラ構築
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
リッチな構成
ELB × 1台
Webサーバー(EC2) × 2台
Appサーバー(EC2) × 2台
RDSサーバー × 2台
メールサーバー × 1台
SSH踏み台サーバー × 1台
月額:約200$
こんなにリッチじゃなくて良い
+ Jenkinsサーバー × 1台
EC2 × 1台
縮退
※Web・App・DBサーバー
月額:約50$
+ Jenkinsサーバー×1台
メール配信
上限数の緩和
メール送信について
スパムメール
判定回避
SPFレコードの設定
DNSの逆引き設定
クリーンなIPアドレス
DKIM署名
面倒なのでSES等のサービスを利用する
不達処理(bounce対応)
送信したメールが届かない率が高くなると、迷惑メール業者判定される
Return-pathを設定して、不達メールのメアドを管理し、
送信しないようにする
SSL証明書
Name Cheap
https://www.namecheap.com/ 約11$で証明書が買える
SSL証明書の購入の仕方
admin@ドメイン、webmaster@ドメイン等のメールアドレスを用意
www付ドメインで証明書を購入申請(そうするとwwwなしでも使える)
上記アドレスにメールが届くので、ドメインの所有者であることを証明
メールで証明書情報が送られてくる
SEO対策
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
Google	検索エンジン最適化スターターガイド
http://static.googleusercontent.com/media/www.google.co.jp/ja/jp/intl/
ja/webmasters/docs/search-engine-optimization-starter-guide-ja.pdf
サービス設計において重要なファクタ
人を集めたいのであれば、サービスを運営していくと、
コンテンツが溜まって
自然と検索にヒットするようなサービス設計が大事
法律関連
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 リリース 広報
利用規約
サービス運営者を守るための大切なもの
自分たちを守るためのルールを策定して、
ユーザーにはそれを同意してもらう
作るのは面倒だが、手を抜いてはいけない
プライバシーポリシー
ユーザーが安心して情報を提供できるようにするためのもの
提供されたユーザー情報の利用用途を明確に記載する
作るために
・本当は専門家に頼んだ方が良い
・個人でそれは辛いので、
 こちらの本を参考に
・類似サービスの利用規約や、

 プライバシーポリシーを参考に。
特定商取引法に基づく表示
課金が発生するWebサービスの場合、ECサイトなどと同様に義務が発生
運営元の住所・電話番号を公開する必要がある
リリース
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 広報リリース
1人でひっそりと無事リリース
でも、誰も来てくれない・・・
広報
企画 デザイン 開発 インフラ構築 SEO対策 法律対応 広報リリース
Google	Adwords
Facebook広告
TwiAer	Ads
プレスリリース
https://www.value-press.com
障害対応
問い合わせ対応
ビジネスのお誘いが増える
かか 制作
費用
ドメイン(年間) 約700円
SSL証明書(年間) 約11$
DNSサーバー(Route53)(月額) 約3$
Photoshop	(月額) 980円
HTMLテンプレート $12
プレスリリース配信委託 30000円
リリースするまでに必要な費用	
(一例)
合計約: 35000円
※開発中のサーバー代金などは含まない。
ドメイン(年間) 約700円
SSL証明書(年間) 約11$
DNSサーバー(Route53)(月額) 約3$
AWS	EC2	Small	インスタンス	×1 約4000円
リリース後に必要な費用	
(一例)
月額約: 5000円
※常時起動していないサーバーの料金や、広告費を含めるともっといきますが、	
最低限だとこのくらいという感じで。
ビジネスのお誘い
Webサービス作りは
楽しい!
Thanks

Más contenido relacionado

Similar a [DBFlute Fess 2015] 個人でリーンスタートアップするための教科書

HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクトHTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクトShumpei Shiraishi
 
170520 DataSpider DevConn Hackathon
170520 DataSpider DevConn Hackathon170520 DataSpider DevConn Hackathon
170520 DataSpider DevConn Hackathonkintone papers
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるWeb屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるMasakazu Muraoka
 
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?Masakazu Muraoka
 
PyCon JP 2015 keynote
PyCon JP 2015 keynotePyCon JP 2015 keynote
PyCon JP 2015 keynoteHaruo Sato
 
DevLove関西 - ShareWisの文化を支えるエンジニアリング
DevLove関西 - ShareWisの文化を支えるエンジニアリングDevLove関西 - ShareWisの文化を支えるエンジニアリング
DevLove関西 - ShareWisの文化を支えるエンジニアリングKiyotaka Kunihira
 
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまでYusuke Tamukai
 
Salesforce DUG meetup #10 MiniHack完全制覇の旅
Salesforce DUG meetup #10 MiniHack完全制覇の旅Salesforce DUG meetup #10 MiniHack完全制覇の旅
Salesforce DUG meetup #10 MiniHack完全制覇の旅Akira Kuratani
 
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しようGoogle Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しようMasayuki Abe
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しようMasayuki Abe
 
クラウドネイティブが行なういまどきWebサービス開発
クラウドネイティブが行なういまどきWebサービス開発クラウドネイティブが行なういまどきWebサービス開発
クラウドネイティブが行なういまどきWebサービス開発Yuuji Arakaki
 
Ruby会議08 倉貫発表資料
Ruby会議08 倉貫発表資料Ruby会議08 倉貫発表資料
Ruby会議08 倉貫発表資料Yoshihito Kuranuki
 
[Devsumi2017]オルタナティブなチーム開発のすゝめ
[Devsumi2017]オルタナティブなチーム開発のすゝめ[Devsumi2017]オルタナティブなチーム開発のすゝめ
[Devsumi2017]オルタナティブなチーム開発のすゝめAtsushi Kojima
 
少人数から始めるできるだけ楽をするB2Bアプリ開発
少人数から始めるできるだけ楽をするB2Bアプリ開発少人数から始めるできるだけ楽をするB2Bアプリ開発
少人数から始めるできるだけ楽をするB2Bアプリ開発Atsuhiko Kimura
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りMasayuki Abe
 
Html5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けようHtml5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けようMasayuki Abe
 
HTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたHTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたMasakazu Muraoka
 
【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!
【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!
【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!Masahiko Sato
 

Similar a [DBFlute Fess 2015] 個人でリーンスタートアップするための教科書 (20)

HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクトHTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
 
170520 DataSpider DevConn Hackathon
170520 DataSpider DevConn Hackathon170520 DataSpider DevConn Hackathon
170520 DataSpider DevConn Hackathon
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるWeb屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
 
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
 
PyCon JP 2015 keynote
PyCon JP 2015 keynotePyCon JP 2015 keynote
PyCon JP 2015 keynote
 
DevLove関西 - ShareWisの文化を支えるエンジニアリング
DevLove関西 - ShareWisの文化を支えるエンジニアリングDevLove関西 - ShareWisの文化を支えるエンジニアリング
DevLove関西 - ShareWisの文化を支えるエンジニアリング
 
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
 
Thing.jsについて
Thing.jsについてThing.jsについて
Thing.jsについて
 
Salesforce DUG meetup #10 MiniHack完全制覇の旅
Salesforce DUG meetup #10 MiniHack完全制覇の旅Salesforce DUG meetup #10 MiniHack完全制覇の旅
Salesforce DUG meetup #10 MiniHack完全制覇の旅
 
Yahoo! JAPANのCloud Foundry導入状況
Yahoo! JAPANのCloud Foundry導入状況Yahoo! JAPANのCloud Foundry導入状況
Yahoo! JAPANのCloud Foundry導入状況
 
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しようGoogle Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しよう
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
 
クラウドネイティブが行なういまどきWebサービス開発
クラウドネイティブが行なういまどきWebサービス開発クラウドネイティブが行なういまどきWebサービス開発
クラウドネイティブが行なういまどきWebサービス開発
 
Ruby会議08 倉貫発表資料
Ruby会議08 倉貫発表資料Ruby会議08 倉貫発表資料
Ruby会議08 倉貫発表資料
 
[Devsumi2017]オルタナティブなチーム開発のすゝめ
[Devsumi2017]オルタナティブなチーム開発のすゝめ[Devsumi2017]オルタナティブなチーム開発のすゝめ
[Devsumi2017]オルタナティブなチーム開発のすゝめ
 
少人数から始めるできるだけ楽をするB2Bアプリ開発
少人数から始めるできるだけ楽をするB2Bアプリ開発少人数から始めるできるだけ楽をするB2Bアプリ開発
少人数から始めるできるだけ楽をするB2Bアプリ開発
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
 
Html5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けようHtml5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けよう
 
HTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたHTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
 
【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!
【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!
【B 5】x pages extension library じゃぱ〜〜ん!コミュニティ動向2014ば〜〜ん!
 

[DBFlute Fess 2015] 個人でリーンスタートアップするための教科書