リーマンが5日間でWebアプリを開発してリリースした話

こんにちは。「平成年表」というWebサービスを5日間で開発してリリースしました。サラリーマンとして仕事してた割には短期間でリリースできたなぁと思ってます。ちょっとだけ自分語り?させていただければと思います。
タイトルなし.png

開発期間

  • 1/23(水)~1/27(日)
  • 1/27(日)の17時ころにリリースしましたとTwitterで報告しました。(ほぼ使われてないけど…)

利用技術

vue.js + firebase(hosting, authentication, Storage, firestore, functions)

それぞれの日の過ごし方

1/22(火)まで

  • 日中は仕事
  • 夜は平成年表とは別のWebアプリの開発をやってた。

1/23(水)

  • 朝の時点では、まだ「平成年表」は思いついていない笑
  • 9時半くらいに出社して、普通に仕事を開始。ちなみに私はWeb関連の企画職なので、同僚とチャットしながら企画のネタを検討。
  • 同僚とのチャットがひと段落してぼーっと考えてた時に「平成年表」のアイディアを思いつく。
  • 18時に退社(定時は19時なので早退w)。仕事中は早く作りたくてウズウズしていた。
  • 帰りの電車の中で必要機能について検討する。リリースは1週間でいけるだろうと判断し、平成年表に開発を集中することを決意。
  • 19時くらいから24時くらいまで開発。この日はTwitterログインと共通ヘッダーを作った気がする。

1/24(木)

  • この日も仕事。~19時まで勤務。
  • 帰宅後、開発着手は21時くらい開始。24時くらいまで開発する。
  • この日は平成年表の年表登録フォームと年表の参照画面を作った。

1/25(金)

  • この日も仕事。~19時まで勤務。
  • 帰宅後、開発着手は21時くらい開始。24時くらいまで開発する。
  • この日は平成年表の年表登録の参照画面の修正と一覧画面を作る。
  • サイト内の全体的なリンクの設置などもやる。
  • たしかドメインもこの日に取得。firebaseのhostingにドメインの設定を施す。

1/26(土)

  • 休日。朝から開発。待ってました!!
  • ということで、AM9時くらいから24時くらいまで間に休憩3時間くらいでぶっ通しで開発する
  • コメント投稿機能、コメント数を集計するFunctions、コメント数順ソート
  • この日でほぼほぼ機能の開発とデザインの修正は完成していた。

1/27(日)

  • この日も休日。やっぱり朝から開発。土日さいこー!!
  • AM9時くらいから開発開始。
  • この日はメインの開発というよりは規約作ったり、お問い合わせフォームとしてのGoogleフォームの設定したりとかをメインで実施
  • 公開ドメインでのテスト中にtwitter画像が表示されない問題に直面。かなり窮地に追い込まれる。
    (平成年表はSSRやっていないかったのだ…)
  • QiitaでCloudFunctionsを使ってSNS用のmetaタグ返す記事を発見。SSRせずに乗り切る。
  • 17時くらいに満足し、リリースしましたツイートする。

振り返ってみて

サラリーマンしつつ開発するのけっこう体力がいりました。平日はなんせ時間がない。なので、できるだけ未着手の開発部分に手を出していく(出来ているところの修正、調整は後回し)ことを意識して、全体が何となくできている状態が早くできることを目指しました。
あと、技術的に不安がある部分はとにかく先にやりました。今回でいうとTwitterログイン、Twitter投稿(ツイッターカード)、年表登録フォームのデザインでした。なので初日、2日目に手を付けました。経験がないことに着手するのって体力がいると思うのですが、情熱が強い初期に持ってくことで乗り越えやすくなると思います笑

Twitter投稿(ツイッターカード)については1/27(日)の時点で表示されない問題にぶち当たります。ここは本当に反省点なのですが、最初に確認したときはmetaタグを手打ちして確認してたんですよね。ちゃんとVueで描画するとこから確認すべきでした。

こんな感じです!!


かつお@Webサービス開発中

自称Webエンジニア。平成年表作りました(1/27公開)。平成最後の年にみんなで平成を懐かしんだり、こんな事あったねって盛り上がりたい。平成年表へのお問い合わせやご意見はお気軽にDMください。開発はVue.js+Firebaseでやってます。

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!

ボードとは?

関連記事

コメント