2019年1月29日プログラミング初心者「webサービス作りたいけど、何から手をつければ良いかわからない...」こんな疑問に答えます。こんにちは、りくです。2018年11月8日ぼくは、上記tweetのようにLaravelを使ってサービスを作ったり、週3フリーランスエンジニアとして働いたりしています。6ヵ月前までは自分のプロダクトすら作ったことがない初心者エンジニアでした。いった背景から、webサービスを作るために具体的に、どのようなステップを踏まえれば良いかをサクッと解説します。【結論】ネタバレしますと、webサービスを作成する手順は、以下の通りです。サービスのコンセプト、サービス名決める必要な機能とurlを洗い出す手書きで簡単なモックアップを作成するDB構造を考える開発全体の期間を決める開発するwebサービス作りたいけど、「何から手をつければ良いかわからない...」というかたは、ぜひこの記事を読んでください。Contentswebサービスのコンセプト、サービス名決める必要な機能を洗い出す簡単なモックアップを作成するDB構造を決める開発全体の期間を決めるwebサービスの開発を始める!まとめwebサービスのコンセプト、サービス名決めるサービスのコンセプト一言で説明できるようにしましょうなぜなら、コンセプトを決めずに開発すると迷走するから。定まったコンセプトがあれば、UIや機能で悩んだ時、そのコンセプトにしたがって、開発を進めることができますよね?しかしコンセプトが曖昧なまま開発を進めると、後からこの機能を追加しようかな...いやいや、やっぱ違和感がある...元に戻そう..など迷走し、開発効率が落ちてしまいますコンセプトなんて後から作りがながら決めればいいやー、と後回しにしていると痛い目にあいますよ。疑問:どうやってコンセプトを決めれば良いの?webサービスのコンセプトを決める!!、と聞くと難しく聞こえるかもですが、そんなことないですよ。日々の自分の生活で困っていることありますよね?その課題を言葉にし、それを解決するにはどうすれば良いか考え、コンセプトまで落とし込んでしまえば良いのです。Hackというサービスを例にして解説します。Hackを作ったきっかけ大学のシラバスを使って授業を調べたことがもちろんあると思いますが、ぶっちゃけメチャクチャ使いにくい...。既存の日大経済のシラバスはスマホ対応していないので、見にくい実際に授業を受けた人の声が聞きたいすでに似たような口コミサイトはありますが、全授業を網羅しているわけではないし、使いにくいこれらの課題を解決するため、「日大経済生の大学生活をサポートする」というコンセプトにしました。必要な機能を洗い出す次にサービスに必要な機能を洗い出し、それぞれの機能にどのURLをあてるか考えましょう。これをやることで、サービスのイメージがつきますし、必要な技術や実装に何日かかるかわかります。Hackを考えていた時のメモがあったので公開します。大事なのはいきなり全て実装しようと思わず「出来る限りシンプル」「必要最低限」にすることです。先ほど決めたサービスのコンセプトを満たすための最低限必要な機能を中心にして、それ以外の機能は流行ってから実装すればokです。簡単なモックアップを作成するモックアップを作りましょう。モックアップとは、画面のデザインの試作品みたいな感じです。モックアップを作って、見た目としてどんなwebサービスになるか、より具体的にサービスのイメージができます。手書きでも、prottのようなツールを使ってもどちらでもOKです。具体例ぼくが途中まで作ってボツになったpkLinksというサービスがあるのですが、そのモックアップを公開します。完成形がイメージ出来ていないのに作り出すのはNGです。「とりあえずバックエンドを先に作って、UIは後で合わせれば良いや~」という人が居ますが、個人開発の場合それはNGです完成形が見えていないとページごとのUIに統一感がなくなり結果として、サービス使用時に「違和感」が出てしまいますサービスを使用時に、ユーザーに違和感を感じさせてはいけません個人サービスのUIは「最低限不快にならないレベル」ならOKだと思いますが、完成形がイメージできないのに、勢いだけで作ると、「素人感」が出てしまいます。Hackを考えていた時のメモがあったので公開します。document)開発全体の期間を決める機能ごとに大体の期限を決めて、開発全体の大まかな期限を算出し決めましょう。期限がないと中だるみするからです。webサービスの開発を始める!いよいよ開発開始です!が、まず最初にgithubのリポジトリ作成しましょう。初心者にありがちなのがプロダクト完成してから、gitにアップするというもの。これでは、コードを管理できませんなので、新たな機能を作成するごとにブランチを作って、コードを管理しましょう。まとめここまでで、「webサービスを作るのに下準備がめっちゃ必要なんだなぁ」ということがわかっていただけたと思います。webサービス開発は下準備が大切です!!モチベと勢いだけで開発すると、後々痛い目似合いますし、結果として開発効率が落ちます。こんな疑問に答えます。MEリク@学生海外エンジニアバンコクで働く大学生エンジニア兼講師。海外経験を積むため休学して元LINEの天才エンジニアに弟子入りしタイに移住。3ヶ月でWEBサービスを開発。その経験からプログラミング学習の秘訣を書きます。」あなたがこのまま何も努力をしなかった場合、必ず上記のように、ツマラナイ毎日を過ごすことになります。ところが、今からでもこんな状況から脱出する方法があります。それが、フリーランスエンジニアになることです。ぼくは文系大学生からフリーランスエンジニアになりましたが、ぶっちゃけ最高です。フリーランスエンジニアになって自由に生きたいという方は、ぼくが紹介している記事を読んでみてください。engineerリク@学生海外エンジニアバンコクで働く大学生エンジニア兼講師。海外経験を積むため休学して元LINEの天才エンジニアに弟子入りしタイに移住。3ヶ月でWEBサービスを開発。その経験からプログラミング学習の秘訣を書きます。詳しいプロフィールはこちらからご覧いただけます。質問、お仕事の依頼はTwitterのDMからお願いいたします。