Webデザイナーが独学でWebサービスを作って公開するまで

PHP

PHPを選択した理由としては、過去に基本を学んだことがある、WordPressで慣れてた、という点で一番学習コストが低いと判断したからです。
ただし過去に学んだとは言え、5、6年ほど前であり、すっかり忘れていたので基礎から改めて学び始めました。
学習には下記の書籍やサイトを使用しました。

MySQL

DBはMySQLを使用してます。
基礎はドットインストールで学びました。それ以外はその時その時でググって対応してます。

MySQL入門 (全19回) – プログラミングならドットインストール

MySQLの基本はひと通り身につきます。それまではPHPMyAdminなどのGUIを利用してたのですが、ここで学んだおかげでコンソールからでも操作できるようになりました。

フルスクラッチでのサービス開発

PHP/MySQLを学んだあとにそれまでの復習を兼ねてフルスクラッチで簡単なWebサービスを開発しました。

Resource Calendar

リソースをカレンダーで表示するサービスです。（別名炎上カレンダー）
やはり学んだ知識だけでは完成には足りず、工夫したり他の方から助言をもらったりしながら完成させました。知識を学ぶことと、実践することの違いを学びました。
あとはサービスを世に出すことの楽しみも味わえました。

個人的に前々から作ってみたかったものなので、「誰得？」サービスだと思ってたのですが、意外と使ってくれる方がいたので今後API化など使いやすいように改良したいと考えてます。
ちなみにこちらの開発期間は2ヶ月です。

CakePHP

本格的にサービス開発するのにあたりフレームワークを使用することにしました。当時、周りに経験者がいたことや情報量の多さからCakePHPを選択。開発中にバージョン3がリリースされたのですが、今のところ2系を使ってます。
学習には下記のサイトや書籍にお世話になりました。

セキュリティ

セキュリティの心配もあるので、有名な下記の書籍を読み漁りました。
あとテストは人力で黙々とやってました。。。今後は自動化も学んでいきたいです。

デザイン/コーディング

元々がデザイナーなので、「デザインは何とでもできる」というスタンスで優先事項は低めで進めました。
具体的なデザインとしてはSketchで主要なところだけ簡易なカンプとUIコンポーネントを作成して、あとはコーディングしながら調整。労力を掛けたくなかったのでBootstrapのSass版をベースとしてカスタマイズしてます。タスクランナーはGruntを使用。
CSSフレームワークはlabelやbuttonなどのスタイルがすぐ使えるのが非常に便利で、CSSフレームワークとサービスは相性がいいなと実感しました。
CakePHPのプラグインBoostCakeを導入してます。

JSはjQueryにお世話になってます。今後はJSのフレームワークも導入したいなと思ってます。

Sketchで簡易なカンプを作成

VPS

サーバーはVPS→AWS→VPSと移行し現在はVPSを使ってます。ちょうど空いたVPSがあったことと、AWSの方が価格が高かったのが理由です。ただ料金に関してはAWSも設定次第で抑えれたと今では思えるのでそのうちまた乗り換えるかもです。

さくらのVPS入門 (全21回) – プログラミングならドットインストール

基本的な構築はドットインストールでひと通り学びました。
それ以外のNginxやSSHの導入など足りない部分はブログを参考にしたりエンジニアの方に聞いたりしました。

クローズドβ〜一般公開

基本的な機能、facebookログイン、スキル登録、友人検索、メッセージなどが実装できた段階で知り合いのみにクローズドで告知しました。そこからフィードバックやアドバイスをいただいてそれらを反映したり、機能追加、バグ対応などを経て今回の一般公開となりました。

時間の確保とモチベーションの維持

Sketの開発期間は、CakePHPの勉強を始めてからクローズドβ公開まで約半年。
そこから一般公開まで約1年かかってるのですが、その間数ヶ月ほど開発を休止してた期間があります。

サイドプロジェクトなので、日常の業務を優先とし空いた時間に開発しています。そのため業務が立て込んでる時期は全く開発が進まないこともあります。
で、間が開くとそれまでの作業を振り返るのにも時間がかかってしまい億劫になり、さらに間が開くとモチベーションも低下していきます。そんな感じで気づいたら数ヶ月止まってたなんてことも。。。
他の方も言ってますが、「毎日少しでも開発する時間を確保すること」はそれを防ぐひとつの方法です。

僕はそれすら実行できないこともあったのですが、それでもリリースまでこぎつけられたのは「自分が本当に作りたいものを作ってる」というのが一番の理由かなと思います。

とりあえず勉強のためとか軽い理由でサービス開発するのであれば、最初はかかっても数カ月程度で作れる規模のものが良いのではないかと思います。