エンジニアが1人でWebサービスを自作する方法

  • このエントリーをはてなブックマークに追加
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編

本授業では、私が昨年のゴールデンウイークに作った、シンプルなメモ帳WEBアプリ「wri.pe」をどうやって作っていったのかを解説します。

普段、プログラマとして仕事をしていると、企画やデザイナーの人と組んで分担して作業しますが、個人サービスでは全てを一人で行う必要があります。これらを一人で行うために全体をどうデザインするか、についてお話しするので、みなさんのWEBサービス企画の参考になればと思います。

受講する
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編
2014年4月1日公開
01:00:00
  • 自己紹介&アジェンダ
  • 02:42
  • wri.peってなに？
  • 02:36
  • wri.peを作る動機
  • 04:17
  • 風呂グラミングでPCを水没させたとしたら
  • 04:40
  • 日常の煩雑なメモを整理したくなった
  • 04:20
  • メモアプリに欲しい機能とは？
  • 02:00
  • サービス設計
  • 02:59
  • 技術選択にあたっての基準
  • 03:26
  • デザイン
  • 03:05
  • 参考となるデザインがある、dribbble
  • 05:00
  • 印象に残らないサイトに手を加える
  • 03:57
  • まとめ
  • 03:38
  • Q：無料のサービスの場合は、サーバー代等の費用はどうまかないますか？
  • 01:02
  • Q：コードを書く前に設計図は書きますか？
  • 00:57
  • Q：デザインとプログラムではどっちから先に始めたのですか？
  • 00:37
  • Q：「wri.pe」の名前の由来は何ですか？
  • 01:09
  • Q：ブックマークのアプリ気になります。
  • 02:06
  • Q：自分のアイデアを作る前に既存アプリの調査はしないのですか？
  • 00:52
  • Q：「自分が使いたい」という以外に、サービスを作る上で大切な企画の部分って、どういったものになりますか？
  • 01:20
  • Q：プロトタイプを作る時に、テストコードは書きますか？
  • 01:03
  • Q：趣味で作った自作のWebサービスがヒットして、個人だけで対応できなくなったら、法人化して、人を雇った方がいいですか？
  • 01:39
  • Q：海外と国内のユーザー比率はどのくらいですか？
  • 00:40
  • Q：すらすらっとプログラミング可能だと言うRubyに興味があるんですが、どれくらいオススメですか？
  • 01:10
  • Q：「増井予約システム」ってなんですか！？
  • 02:22
  • 課題発表
開く
受講する
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜開発編
2014年4月8日公開
01:00:00
  • 自己紹介＆アジェンダ
  • 01:15
  • wri.peの構造
  • 03:14
  • wri.peの作成手順
  • 04:48
  • プログラムの内訳を分析する
  • 03:07
  • サーバー＝API
  • 04:24
  • wri.peの機能は大きく分けて4つある
  • 03:00
  • 認証でも、ライブラリは外部に頼らない
  • 04:10
  • 重要な機能をどれだけ短くコーディングするか
  • 02:50
  • クライアント＝Javascript
  • 04:00
  • CoffeeScriptの採用動機
  • 04:00
  • Local StrageとSession strageで一時保存させる
  • 04:15
  • まとめ
  • 05:45
  • 【後半】質疑応答
  • 01:50
  • Q：Angularではなくて、Backboneにした1番の理由はなんですか？
  • 01:07
  • Q：VisualStudioについて、どのような考えをお持ちですか？
  • 01:48
  • Q：例えば何を捨てましたか？
  • 01:10
  • Q：RailsやJavascriptが得意な人は、どうすれば会えますか？
  • 02:15
  • Q：Rails Generateはほとんど使いませんでしたか？
  • 01:14
  • Q：backboneは一部だけの利用という事でしたが、十分に学習していない中でこれを使おうという判断は、どのようにされましたか？
  • 01:04
  • Q：初心者が初期のTWレベルを構築するにはどの位で可能ですか？
  • 02:29
  • 課題発表
開く
受講する
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの広め方〜リリース編
2014年4月15日公開
01:00:00
  • 自己紹介＆アジェンダ
  • 01:43
  • 前回の振り返り
  • 03:40
  • Herokuへデプロイ
  • 04:55
  • VPSをかつては使っていた
  • 00:30
  • PaaSとは？
  • 03:30
  • PaaSのデメリット
  • 04:20
  • PaaSの維持コストの内訳
  • 03:34
  • Railsを使うなら、New Delic
  • 02:04
  • 自動テスト
  • 03:32
  • ブラウザを使った各環境のテスト
  • 04:19
  • Capybaraを使ってより簡単にテストする
  • 04:41
  • 自動でのテストの動かし方を確認する
  • 03:00
  • まとめ
  • 00:09
  • Q：テストは全ロジックを通すテストコードを書いているのでしょうか？
  • 01:02
  • Q：herokuを使わないとしたら、postgresqlとmysqlどっちを使いますか？
  • 01:02
  • Q：herokuの場合、dyno / workerのスケールアウトはどのように判断しますか？
  • 01:04
  • Q：初心者が簡単にWebサービス開発できるRailsのチュートリアル入門書があれば紹介してください。
  • 00:41
  • Q：アクセス負荷の話が少しありましたが、レスポンスタイムの計測などはしましたか？
  • 00:39
  • Q：テストではOSやブラウザ毎のテストも全て走るようにしているのでしょうか？
  • 03:11
  • Q：オープンソースにするとソースにバグがあった時に悪意のあるハッキングなどされないか怖い気がしてしまうのですが、そのあたりは如何でしょうか。
  • 02:22
  • Q：poltergeistなどサイレントなWebドライバーもありますが、そのあたりのものは実用性はどうでしょうか？
  • 01:27
  • Q：d3.jsなどの凝ったjavascriptのライブラリもどのPaaSでも動くものでしょうか？
  • 01:05
  • Q：ローカル開発環境はVagrantを利用しているのでしょうか？
  • 01:57
  • 課題発表
開く
受講する
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの広め方〜PR・継続できる目標の立て方・改善編
2014年4月22日公開
01:00:00
  • 自己紹介＆アジェンダ
  • 02:32
  • 振り返り
  • 02:50
  • 広めるためのサービス作り
  • 03:25
  • 最初にやったこと、ドメインを取ること
  • 02:00
  • 「ググラビリティ」の高い名前を使用する
  • 04:53
  • PRしよう 国内編
  • 02:17
  • 記事化されやすい「とっかかり」を作る
  • 04:08
  • 公開によって、類似サービスを紹介してもらえる
  • 04:27
  • 個人のブログも総合すれば強力な導線になる
  • 02:55
  • 広告を打つ、という方法もある
  • 02:55
  • PRしよう 海外編
  • 03:15
  • 記事を書いてくれそうな記者に交渉する
  • 04:57
  • 英語のSNSでの注意点
  • 03:23
  • まとめ
  • 04:06
  • Ｑ：アイデアを人に話して、アイデアをとられたらどうしたらよいですか？
  • 01:09
  • Ｑ：tokyoドメイン使いたいですか？
  • 00:57
  • Ｑ：どうしてschooに登壇しようと決められたのでしょうか。
  • 01:02
  • Ｑ：増井さんのモチベーションはどこから来るんですか？
  • 01:19
  • Ｑ：広告をあえて入れないのはやっぱりデザインですか？
  • 01:01
  • Ｑ：なぜ１週間で作ったのですか？
  • 01:13
  • 課題発表
開く
受講する
スライド資料
担当の先生
受けたいランキング
もっと見る
新着の生放送授業
もっと見る
関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。

わずか3分で簡単登録できます

会員登録（無料） すでに会員の方はこちらからログイン
×