kamiのサービス制作ログスマートフォン用の表示で見るkamiのサービス制作ログひとりでサービスを制作している人の作業ログ的なブログこの広告は、90日以上更新していないブログに表示しています。2014-05-142日間でサービスをリリースしたかったけど1週間かかったときにやったことめちゃくちゃなタイトルですが、表題のとおりです。DESIGNというメールの署名のビジネス向けテンプレート集サービスをリリースしました。リリースの作業ログ的な記事を書いてみようと思います。完全に自己満足記事なのであしからず......。つくった?新卒のころ、メールの署名をつくるために、ひたすらググったり、先輩社員からくるメールの署名をみたり......と、だいぶ時間を浪費した記憶があったからです。私と同じような人がいるかどうかは分かりませんが、そんな人たちのためになればと思いつくりました。「署名」でググって上にくるこのまとめですら、1,600,000view以上もの閲覧数です。需要はあるだろうという判断でした。私はチャットワーク万歳な人で、コミュニケーションはすべてチャットワークに集約されればいいと思っています。世の中からすぐにメールがなくなる訳ではありません。あればせめて、署名という瑣末なものに時間を費やすことだけは避けよう、というのがサービスのコンセプトです。やってつくった?こんなにへっぽこなサービスですが、以下のような煩わしいプロセスのもとにつくっています。これは、どんな規模のサービスでもつくれるよう、プロセスに沿っての反復練習をしたいと思っているからです。LOGというオンラインでKPTを行なうサービスがあるのですが、これはもうすこし規模が大きかったです。そのときの知見も含め、以下のプロセスを立てました。このプロセスも完全にオリジナルで、サービスをつくりながらプロセスを検証、よりよいものにしていきたいと思っています。LOGは、細部にこだわりすぎて、1ヶ月ほど時間がかかってしまいました。そのため、最後の方はモチベーションがほぼ0でした。perfect.(完璧を目指すよりまず終わらせろ)」という言葉をコンセプトに制作しました。各項目の右にある数値は、およそかかった時間(分)です。基本的にホワイトボードに走り書きしたものをEvernoteにドキュメントカメラで送ってます。この記事はあくまで作業ログなので、具体的な方法論についてはまた別の機会に書ければと思います。60課題やソリューションといった項目からなるリーンキャンバスを作成します。LEANという本の内容を実践しています。5企画書といってもサイト名やドメイン名、提供プラットフォーム、CSF(主要成功要因)など、リーンキャンバス以外に必要な情報を簡単にまとめます。30最近のサービスがどんなデザインなのか調査します。Siiimpleというサイトが参考になりました。15調査結果をもとに、どんなトンマナでつくるかを決めます。署名を手っ取り早く見つけることができればいいので、至極シンプルにつくろうと決めました。5どんなページ構成にするかを決めます。マインドマップなどを使うと便利です。今回はトップと利用規約だけでした。30ストラクチャをもとにワイヤーフレームをつくります。ホワイトボードで適当に書きます。5以前はPivotalTrackerを使っていたのですが、ちょっと機能過多すぎるかなと思っていたので、今回はTrelloを使いました。30ストーリーを洗い出し、Trelloに登録します。Inbox/ToDo/ToDo:Today/Doing/Doneといったボードをつくって管理しました。15リリースまでのスケジュールをつくります。表題のとおり今回「2日でつくるぞ」というスケジュールを引き、あえなく散りました。15あとで詳しく書きますが、どのような技術を使うかを決めます。5開発端末、CIサーバ、ステージング(あれば)、本番環境などの構成図を書きます。15今回は小規模なサービスなのであまり詳しくかけませんでしたが、ユーザをどのように獲得するか、どのように拡散させるかといった内容をまとめます。5さくらのVPSが大好きなのでこちらにしました。個人でつくっており、お金がないので......。0実は半年前にこのサービスを思いついたときに先走ってドメインだけ取っていました。60デザインはFireWorksで作成しました。そこまで詳細には作らず、コーディングでpx単位で調整していきます。LOGをつくったとき、さすがにスマホで見れないのはつらいと思ったので、今回はリキッドデザインでつくりました。GuardでHaml/SCSS/CoffeeScriptをヲチしながらサクッとつくりました。5データベースはほぼないに等しい仕様でした。これもマインドマップなどでつくります。120後述しますが、今回はじめてSinatraを使ったので、ディレクトリ構成をどうすれば効率がよいかを考えて設計しました。時間がかかってしまいました。15今回ページ数がすくなく、またユーザ登録/認証などがないため、テストケースは少なく済みました。installするだけなのですぐ終わりました。LOGのときはVagrant+Chefで構築したので、勉強しながらで3日ほどかかりました......。15プライベートリポジトリにしたいけどお金がないので個人的にBitbucket一択でした。LOGのときに書いたChefレシピをほぼ流用したのですぐ終わりました。5これはドメイン管理会社のコンパネをいじるだけなのですぐ終わります。Unicornの起動関連タスクがうまくいってなかったようで、書き直しに少し時間がかかりました。5CIツールのビルドパイプラインを設計しました。いっても今回はテスト→トリガによる本番デプロイのみにしました。LOGのときはserverspecによるテストやステージング環境へのデプロイなどもありました。60Jenkinsの設定をしました。LOGのときに構築していました。240設計したアプリケーションやデータベースをもとにコードを書いていきます。15これは以前徳丸先生の本を参考に、自分なりのセキュリティチェックリストをつくりました。それをもとにチェックを行ないました。15MacはSafari/Firefox/Chrome、IEはWin7+IE8〜IE11で動作確認しました。Windows環境はModern.IEを使いました。IE8は切り捨てました。Analyticsを本番環境時のみに適用するようコードをコピペしました。0今回ユーザが登録する類のものではなく、またSQLiteを使ったためバックアップは取っていません。LOGのときはBackup+Wheneverで1日ごとにバックアップを取っていました。5この記事もそうですが、どうやってリリース直後の初動を増やすかを考えました。DESIGNに関してはほぼほぼSEOなので、あまり初動の数字にはこだわらないようにしました。180今回使用した署名は、実は半年ほど前クラウドワークスのタスク型案件で依頼したものです。署名の在庫自体は数多くありました。このクオリティを担保するために整理する作業にかなり時間を取られてしまいました。5公開までは簡易的に認証をかけておき、公開時にとるよう設定します。5今回はTwitterで告知しただけでした。今回は以下の技術を用いて開発を行ないました。いままでRailsしか使ったことがなかったのですが、今回は規模も小さいということでSinatraを採用しました。いま公開している仕様なら単なる静的ファイルでいいかもしれませんが、のちのち実装したい機能を考えてフレームワークを使いました。SoloCapistrano3リリース後の所感Twitterで告知した程度じゃ人は全然来ない、でも他にプロモーション方法が思いつかない......Sinatra+SQLiteの快適さがやみつきになりそうなくらい楽しいリキッドデザインが思いのほか簡単だった一番やりたかった「コードを書く」ということが、仕様が簡単すぎたため全然できなかったおわりに実は「4月〜9月の間に20個のサービスをつくる」という個人的な目標を立てているのですが、初めて使う技術が多く、勉強にかなり時間が取られています。早いサイクルでサービスをリリースできるよう、努力していきます。ツイートはてなブログをはじめよう!kami30kさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。