Webサービスを作るには?初心者向け開発方法やおすすめのプログラム言語は?

この記事は約5分で読めます。
デミオ
どうも!
デミオです!

ゆたかな日々にお越しいただき、ありがとうございます!

(2020/07/23投稿 2020/07/24更新)

今回は
Webサービスを作るには?初心者向け開発方法やおすすめのプログラム言語は?
について書きました
スポンサーリンク

これから100日以内にWeb サービスを作ろうと思っています

作りたいネタ自体はあるんですけどどうやって作ったらいいのか、
そのステップがぼやっとしてます

この記事ではそのステップを僕が調べながら考えて、書いていこうと思います

ぜひ最後まで読んでください(^^)

Webサービスを作るには?初心者向け開発方法やおすすめのプログラム言語は?

Web サービス作ると言っても、初心者の僕にはなかなか難しいですねー

まず何すればいいの?

何をして何をすると最終的に Web サービスはできるのか?

最終ステップまで見えてないとやる気にならないですよね

というわけで先に必要なステップを箇条書きにしてみます

  1. やりたいことを紙に書く。※とにかくなんか作るのが目的の人は2のあとでOK
  2. Web サービスの仕組みを知る
  3. 自分のやりたいことを実現するための言語とかツール(API)を探す、決める
  4. 頑張って作る!
  5. 運用する
  6. 収益化する

とこんな感じだと思います

3と4のデカさがやばい!

3と4を小さく分解する、またはハードルを下げるためには、まず2の「Webサービスの仕組みを知る」のが重要だと思います。

Webサービスを作るには? やりたいことを紙に書く

紙に書くとは言ってますがnoteに書くでも Twitter にあげるでも言語化していれば何でもいいかなと思います

人に説明できるような形で書く方が、頭で整理するだけ/人に口頭で喋るだけより、目に見えるし客観視できるんじゃないかなと思ってます

僕も作ってないので偉そうなことは言えないんですが、作り方としてはこういうアプローチがあるかなと思います

  1. 自分の好きなことに関して、「なんで?」と思ったことを掘り下げる
  2. 日常でイラッとしたことや気になったことを掘り下げる
  3. 誰かの不満を解決する

Webサービスを作るには? Webサービスの仕組みを知る

このサイトが良かったです!

【図解】WEBアプリケーションとは?仕組みと開発言語を解説! - カゴヤのサーバー研究室
WEBアプリケーションを自分で作ってみたくても、どうしたらいいかわからないという方は多いのではないでしょうか。この記事ではWEBアプリケーションの仕組みや作り方

図解って書いてると読んじゃいますねー
僕も真似しよ。

こういうものの探し方のコツとしてキーワードを Google に出てから画像検索するという手順がオススメです

「なんか分かりやすそう」
っていう図が貼ってあるサイトはだいたい良いサイトです

Webサービスを作るには?初心者向け開発方法やおすすめのプログラム言語は

今は友人のプログラマーから解説してもらった Web サービスのおすすめ言語です

ページ遷移をするタイプのレガシーなWebアプリの場合

Rails、Django、Laravelが有名どころで、それぞれRuby, Python, PHPで作られているので自分が得意な言語、なんか良さそうな言語を選ぶと良い。

デスクトップアプリのようにページ遷移をしないタイプのWebアプリ(SPA)の場合
Angular, React, Vue.jsの三択。
どれもNode.jsでパッケージ管理されていてJavaScript(TypeScript)で実装する。
それぞれ向いているプロジェクトの規模や学習コストが違う。
Angularは学習コストが一番高く、Vue.jsは使うのが簡単で最近人気。

比較サイトは沢山あるので検索すべし。

Webサービスの見た目
BootstrapやMaterial UIなどのUIコンポーネントライブラリ(CSS, JavaScript)が必須

「ふむふむ。で、結局どれが一番いいんだよ!」
って思った方。

僕も思いました!

この辺は技術が上がれば何でもできると思うんでぶっちゃけるとどれでもいいと思うんですが、
なんとなく最近よく聞くPythonがいいんじゃないか?
と思って僕は、Python、Djangoを中心に勉強予定です。

あとはReactですねー
これは友人がなんとなくオススメって言ってたから(笑)

Vue.jsも簡単らしいので気になっています。

Webサービスを作るには?ツールやAPI

ウェブサービスによっては Twitter や YouTube Facebook の関連したものを作る方もいらっしゃると思います

そういった場合は「Twitter API」といった形で調べてみると良いと思います

僕も最近 Twitter API を申請しました

Twitter APIの取得申請方法は?英語例文も!【2020年最新】
どうも!デミオです!ゆたかな日々にお越しいただき、ありがとうございます!今回はについて書きましたぜひ最後まで読んでください(^^)Twitter API申請 最新2020年度版 Twitter A...

Webサービスを作るには?どうやったら収益化できる?

また、並行して「どうやったら収益化できるか?」も考えておきたいです。

もちろん自分の趣味でやるから無料でいいという考え方があると思いますが、

  • 人がお金を払っても良いと思えるサービスを作る
  • 無料とは違う経験値の貯まり方

といった点で僕は収益化の方法をあらかじめ考えておいたほうが、良いかなと思いました

パターンとしては

  1. 広告のつけ外し
  2. 無料機能と有料機能を分ける
  3. 一撃課金かサブスクリプションか決める
  4. 投げ銭、サポートシステムを設ける
  5. 流通経路を作って手数料を取る

こんな感じかなと思います

手数料を取るというのが最強だと思いますがなかなか一番難しい言えるサービスだと思います

Webサービス開発の参考URL

初心者3人でwebサービス(webアプリ)を作ったので、立ち上げからリリースまでを時系列に書いていく - Qiita
2021/9/6 追記3年越しに似たような記事を書いてみました。OSSのライブラリを作ったので、立ち上げからリリースまでを時系列に書いていくよろしければ成長を見守るような気持ちで続けてご覧いた…

Webサービスを作るには?初心者向け開発方法やおすすめのプログラム言語は?に関する感想

ちょっとまだまだこの記事は不十分なので追記して行こうと思いますが

記事も書きたいし、Web サービスも作りたいしで大忙しです(笑)

他にもオススメの記事があるので、そちらもぜひ読んでみてください!

VSCodeでWordpress記事の投稿環境構築失敗!グラフや図作成に限ることに
どうも!デミオです!ゆたかな日々にお越しいただき、ありがとうございます!今回はについて書きましたぜひ最後まで読んでください(^^)こちらのブログを元にWordPress記事の投稿環境 vscode で構築し...
Chromebook(Linux)にVSCodeをインストールする方法
どうも!デミオです!ゆたかな日々にお越しいただき、ありがとうございます!今回はについて書きましたぜひ最後まで読んでください(^^)早速ですが Chromebook に vscode をインストールするには以...
Twitter APIの取得申請方法は?英語例文も!【2020年最新】
どうも!デミオです!ゆたかな日々にお越しいただき、ありがとうございます!今回はについて書きましたぜひ最後まで読んでください(^^)Twitter API申請 最新2020年度版 Twitter A...

まとめ ~Webサービスを作るには?初心者向け開発方法やおすすめのプログラム言語は?~

デミオ
いかがでしたか?

最後まで読んでいただき、ありがとうございました(^^)

スポンサーリンク

コメント