SlideShare a Scribd company logo
1 of 27
Download to read offline
Koshikawa Naoto
! ppworks
" ppworks
# ppworks.hatenablog.jp
https://pplog.net
できないこと
なんなの
• 各ユーザー最新の1件だけ表示されるblog
• 自分だけには過去の記事が見える
• はてなスターのように範囲を選択して「読んだ
よ」出来る。
• フォローして投稿通知を受け取れる

(フォローされていることはわからない)
Team pplog
@ppworks Ruby On Rails、JavaScript
@ken_c_lo コンセプトデザイン、デザイン
@satococoa iOS
@fukayatsu Android
@fakestarbaby 管理画面
pplogから学ぶ
Webサービスの作り方
モチベーション
• 飽きる前に作る
• 小さく作る
• 最初は挑戦をしない
• 小さく挑戦する
何を作るか
• サービスのREADME = POEM
• いつでもそこに立ち返ろう
• 判断基準はそこ
• ピボット = ROEMを軸に
• 思いつきの方針転換はピボットじゃない
思いを文章にする
俺たちのゆるふわインターネット「pplog」をリリースしました(してました) より
どう作るか
• 手慣れた道具を用いる(Rails、heroku)
• いつものやり方で
• 仕事と同じクオリティ
• 手を抜かない(テスト書く、feature test)
• なんなら仕事より本気出す
いつものやつ
• railsテンプレートではなく実際に動くいつもの
ベースアプリを作っておく
• https://github.com/ppworks/rails4base
• herokuなら即リリースできる
• bootstrapなら最初からそれぽくなる
いつものやりかた
• github flow
• pull req開発
• WIPな状態でもまずはpull req

(生煮えプルリク)
• FIXME & FIXYOU
1日で作る
どう使ってもらうか
• 使ってもらうのではなく、使う
• あまりユーザーの声は聞かない(pplogの場合)
• ユーザーは勝手に増える
• サービスの自立
どう育てるか
• サービスの声を聞く
• どうなりたいか?サービスの気持ちになって考
える
• この子、どうしてあげると嬉しかな?
• 最新のgem使っていると喜ぶタイプ?
様子を見る
pplog
てすと
サービスの擬人化
• Twitterでサービスの中の人アカウントを作ろう
• 中の人の個人アカウントで中のひとぶらない
• エンジニアからの不都合報告にカッとならない
• 不都合はしれっと直す
• 障害で慌てない
@pplog_net
• https://twitter.com/pplog_net
• メンテ画面にツイート出しておくと便利
Goodsを作る
工夫していること
画像ではなくWEB font
herokuは遅い?
• 静的ファイルをCloud Frontにおく
• SQLに気をつける(RailsといえどもSQL読もう)
• fragment cache(Railsのcache機能)
heroku add-ons
https://twitter.com/ppworks/status/469732680431452161

More Related Content

What's hot

a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
 
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
 

What's hot (20)

jQueryを中心としたJavaScript
jQueryを中心としたJavaScriptjQueryを中心としたJavaScript
jQueryを中心としたJavaScript
 
WooCommerce & AWS
WooCommerce & AWSWooCommerce & AWS
WooCommerce & AWS
 
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
 
gulp芸
gulp芸gulp芸
gulp芸
 
20120515 アジャイルサムライ読書会 第4回
20120515 アジャイルサムライ読書会 第4回20120515 アジャイルサムライ読書会 第4回
20120515 アジャイルサムライ読書会 第4回
 
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしようメニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
 
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
 
WordBench京都9月号
WordBench京都9月号WordBench京都9月号
WordBench京都9月号
 
自ら肥え太る執事を現場に入れてみた
自ら肥え太る執事を現場に入れてみた自ら肥え太る執事を現場に入れてみた
自ら肥え太る執事を現場に入れてみた
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
 
React+fluxを導入した話
React+fluxを導入した話React+fluxを導入した話
React+fluxを導入した話
 
Kyakusaki.rb
Kyakusaki.rbKyakusaki.rb
Kyakusaki.rb
 
サーバーレスでアンケートフォームを作ってみた
サーバーレスでアンケートフォームを作ってみたサーバーレスでアンケートフォームを作ってみた
サーバーレスでアンケートフォームを作ってみた
 
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンWord pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
 
おっさんES6/ES2015,React.jsを学ぶ
おっさんES6/ES2015,React.jsを学ぶおっさんES6/ES2015,React.jsを学ぶ
おっさんES6/ES2015,React.jsを学ぶ
 
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
 
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみるSaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
 
150612 middleman(ikuwow)
150612 middleman(ikuwow)150612 middleman(ikuwow)
150612 middleman(ikuwow)
 
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
 

Similar to YAPC::Asia Tokyo 2014 前夜祭 pplog by @ppworks

Alluren of prototype-based OOP
Alluren of prototype-based OOPAlluren of prototype-based OOP
Alluren of prototype-based OOP
azuma satoshi
 
Getting start with knockout.js
Getting start with knockout.jsGetting start with knockout.js
Getting start with knockout.js
Akio Ishida
 
20120702勉強会 webアプリ作ってみた
20120702勉強会 webアプリ作ってみた20120702勉強会 webアプリ作ってみた
20120702勉強会 webアプリ作ってみた
Shugo Numano
 

Similar to YAPC::Asia Tokyo 2014 前夜祭 pplog by @ppworks (20)

Alluren of prototype-based OOP
Alluren of prototype-based OOPAlluren of prototype-based OOP
Alluren of prototype-based OOP
 
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
 
Getting start with knockout.js
Getting start with knockout.jsGetting start with knockout.js
Getting start with knockout.js
 
Phpのレガシーコードをrubyで焼き変えてみた
Phpのレガシーコードをrubyで焼き変えてみたPhpのレガシーコードをrubyで焼き変えてみた
Phpのレガシーコードをrubyで焼き変えてみた
 
2015 07-04-ruby rails
2015 07-04-ruby rails2015 07-04-ruby rails
2015 07-04-ruby rails
 
20120702勉強会 webアプリ作ってみた
20120702勉強会 webアプリ作ってみた20120702勉強会 webアプリ作ってみた
20120702勉強会 webアプリ作ってみた
 
PHPアプリの品質を(ある程度)保つために出来る事 〜組織編〜
PHPアプリの品質を(ある程度)保つために出来る事 〜組織編〜PHPアプリの品質を(ある程度)保つために出来る事 〜組織編〜
PHPアプリの品質を(ある程度)保つために出来る事 〜組織編〜
 
211120 他人の書いたPythonスクリプトをステップ実行で理解する
211120 他人の書いたPythonスクリプトをステップ実行で理解する211120 他人の書いたPythonスクリプトをステップ実行で理解する
211120 他人の書いたPythonスクリプトをステップ実行で理解する
 
自社開発をしていなかった会社が Python を選んだ理由
自社開発をしていなかった会社が Python を選んだ理由自社開発をしていなかった会社が Python を選んだ理由
自社開発をしていなかった会社が Python を選んだ理由
 
20120927 findjob4 dev_ops
20120927 findjob4 dev_ops20120927 findjob4 dev_ops
20120927 findjob4 dev_ops
 
新・ReVIEWパーサについて
新・ReVIEWパーサについて新・ReVIEWパーサについて
新・ReVIEWパーサについて
 
Mojoliciousでつくる! Webアプリ入門
Mojoliciousでつくる! Webアプリ入門Mojoliciousでつくる! Webアプリ入門
Mojoliciousでつくる! Webアプリ入門
 
Lineにおけるspring frameworkの活用
Lineにおけるspring frameworkの活用Lineにおけるspring frameworkの活用
Lineにおけるspring frameworkの活用
 
サービス開発者の読書会#4
サービス開発者の読書会#4サービス開発者の読書会#4
サービス開発者の読書会#4
 
第八回 #渋谷Java 最近のjava PaaS事情
第八回 #渋谷Java 最近のjava PaaS事情第八回 #渋谷Java 最近のjava PaaS事情
第八回 #渋谷Java 最近のjava PaaS事情
 
コミュニティのある風景
コミュニティのある風景コミュニティのある風景
コミュニティのある風景
 
Sprocketsを捨てたい
Sprocketsを捨てたいSprocketsを捨てたい
Sprocketsを捨てたい
 
【デブサミ福岡B5】コードレビューの進め方~全員で行う品質の維持~
【デブサミ福岡B5】コードレビューの進め方~全員で行う品質の維持~【デブサミ福岡B5】コードレビューの進め方~全員で行う品質の維持~
【デブサミ福岡B5】コードレビューの進め方~全員で行う品質の維持~
 
Cmsdou oosaka
Cmsdou oosakaCmsdou oosaka
Cmsdou oosaka
 
Spring Day 2016 springの現在過去未来
Spring Day 2016 springの現在過去未来Spring Day 2016 springの現在過去未来
Spring Day 2016 springの現在過去未来
 

More from Naoto Koshikawa

最近挑戦していること at MF Geeks Night 2015.03.19
最近挑戦していること at MF Geeks Night 2015.03.19最近挑戦していること at MF Geeks Night 2015.03.19
最近挑戦していること at MF Geeks Night 2015.03.19
Naoto Koshikawa
 
Sendagaya.rb これまでを振り返ってみる
Sendagaya.rb これまでを振り返ってみるSendagaya.rb これまでを振り返ってみる
Sendagaya.rb これまでを振り返ってみる
Naoto Koshikawa
 
リーン・スタートアップ読書会 第三部
リーン・スタートアップ読書会 第三部リーン・スタートアップ読書会 第三部
リーン・スタートアップ読書会 第三部
Naoto Koshikawa
 
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19
Naoto Koshikawa
 

More from Naoto Koshikawa (20)

WIP
WIPWIP
WIP
 
GeeksNightってなに
GeeksNightってなにGeeksNightってなに
GeeksNightってなに
 
Faye使って見てる話 at MF Geeks Night 2015.04.21
Faye使って見てる話 at MF Geeks Night 2015.04.21Faye使って見てる話 at MF Geeks Night 2015.04.21
Faye使って見てる話 at MF Geeks Night 2015.04.21
 
最近挑戦していること at MF Geeks Night 2015.03.19
最近挑戦していること at MF Geeks Night 2015.03.19最近挑戦していること at MF Geeks Night 2015.03.19
最近挑戦していること at MF Geeks Night 2015.03.19
 
なぜRailsなのか
なぜRailsなのかなぜRailsなのか
なぜRailsなのか
 
Qiita meetup for MoneyForward
Qiita meetup for MoneyForwardQiita meetup for MoneyForward
Qiita meetup for MoneyForward
 
20150114 GeeksNight
20150114 GeeksNight20150114 GeeksNight
20150114 GeeksNight
 
Pplog rest
Pplog restPplog rest
Pplog rest
 
Sendagaya.rbのご紹介
Sendagaya.rbのご紹介Sendagaya.rbのご紹介
Sendagaya.rbのご紹介
 
Sendagaya.rb これまでを振り返ってみる
Sendagaya.rb これまでを振り返ってみるSendagaya.rb これまでを振り返ってみる
Sendagaya.rb これまでを振り返ってみる
 
ビジネスモデル・ジェネレーションの紹介
ビジネスモデル・ジェネレーションの紹介ビジネスモデル・ジェネレーションの紹介
ビジネスモデル・ジェネレーションの紹介
 
RESTful APIとしてのRailsとクライアントとしてのJavaScript
RESTful APIとしてのRailsとクライアントとしてのJavaScriptRESTful APIとしてのRailsとクライアントとしてのJavaScript
RESTful APIとしてのRailsとクライアントとしてのJavaScript
 
リーン・スタートアップ読書会 第三部
リーン・スタートアップ読書会 第三部リーン・スタートアップ読書会 第三部
リーン・スタートアップ読書会 第三部
 
heroku devcenter 翻訳プロジェクト へのお誘い
heroku devcenter  翻訳プロジェクト へのお誘いheroku devcenter  翻訳プロジェクト へのお誘い
heroku devcenter 翻訳プロジェクト へのお誘い
 
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.19
 
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.12
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.12サービス開発者の読書会 #8「アジャイルサムライ」2012.6.12
サービス開発者の読書会 #8「アジャイルサムライ」2012.6.12
 
heroku devcenter読書会 #1 by sendagaya.rb
heroku devcenter読書会 #1 by sendagaya.rbheroku devcenter読書会 #1 by sendagaya.rb
heroku devcenter読書会 #1 by sendagaya.rb
 
サービス開発者の読書会 #2「アジャイルサムライ」2012.4.26
サービス開発者の読書会 #2「アジャイルサムライ」2012.4.26サービス開発者の読書会 #2「アジャイルサムライ」2012.4.26
サービス開発者の読書会 #2「アジャイルサムライ」2012.4.26
 
love heroku?
love heroku?love heroku?
love heroku?
 
P4p20120408
P4p20120408P4p20120408
P4p20120408
 

YAPC::Asia Tokyo 2014 前夜祭 pplog by @ppworks