TIS ENGINEER NOTE

27才文系出身フリーランスエンジニアのブログ

エンジニア独立

Webサービス・Webアプリケーションを作って公開するまでの流れ

投稿日:

エンジニアとして活動していくに際して、自分で作成し公開している制作物があるというのは非常に強力なアピールポイントとなります。

もちろんクオリティが高いに越したことはありませんが、自分で作成し公開までを行なったというだけでもかなりの評価を得られます。

  • これからエンジニアになりたい
  • エンジニアとしてのキャリアアップ・キャリアチェンジを望んでいる

という人には大変オススメのプロセスです。

実際僕もRailsを未経験の状態から勉強していた際の仕上げとして作成&公開したWebアプリケーションのおかげであっさりとRails案件に参加することができました。

そこで今日は初めてWebサービス・Webアプリケーションを作成・公開するという人のための作業の流れを紹介しようと思います。

プログラミング初心者や業務未経験の人にも伝わるよう噛み砕いて説明していきます。

具体例というよりも、初心者がイメージしにくいであろうポイントをかいつまんで概要を説明していきます。

今はネット上に1つ1つの手順に関する詳細な記事がありますので、あとはググりながら着実に進めていってもらえればと思います。

この記事ではみなさんの「何を調べればいいかが分からない」を解決するための記事と思っていただければと。

何を作ってサービスを作成するか

Webサービス・Webアプリケーションを公開するためには何かしらのプログラミング言語、フレームワークを使って作成する必要があります。

僕はRuby on RailsというWebフレームワークを使用することを個人的にオススメしています。

理由としては

  • ネット上に参考にできる情報がたくさんある
  • 求人の数が多い
  • 簡単なサービスを作るだけなら覚えることが少ない

などがあります。

サービスを完成させる

使用する技術が決まったら、実際に自分のPC上で動かして、考えていた動きを実現できるようになるまで作り込みます。

一言で言ってしまっていますが、ここが一番労力を使い大変なポイントです。

とはいえ作業のイメージがしやすく、ネット上にある情報を流用できる箇所が多いポイントでもあります。

何より自分の考えたサービスを形にするというプロセスはなかなか面白いフェーズですので、そこまで苦にならず進めることができるのではないかと思います。

サーバーを借りる

非エンジニアの視点だと、いわゆるxserverなどのレンタルサーバーをイメージするかも知れません。

しかし自分でプログラミングして作ったWebサービス・Webアプリケーションを公開する場合、一般的なレンタルサーバーだと難しいケースが多いです。

細かい話は省きますが、レンタルサーバーだと1つのサーバーを他の利用者と共同で使う形になります。そのため自分で設定できる範囲が狭く、使う技術によってはプログラムを動かすことが不可能であることが多いです。

代わりに利用するのが、Conohaと言ったVPSかAWSなどのクラウドコンピューティングサービスです。

こちらも細かい説明をするとキリがないのでザックリ説明すると、常に動かしておける自分用のPCを1つ借りられるようなイメージです。

それによって、自由にWebサービスを動かすための諸々をインストールしたり、動かしおくことができるようになるわけです。

どんなサーバーを利用すれば良いか

初心者がいきなりAWSなどのクラウドサービスを利用するのはハードルが高いと考えています。

個人的に自分でもよく利用しているConohaというVPSを利用することをオススメしています。

料金体系がシンプルだし、もし大きな容量が必要になった時に簡単な操作で容量の拡張やサーバーの複製を行うことができるからです。

詳しくは以下の記事でも紹介していますので、興味のある方はご覧になってみてください。

https://tisnote.com/web-service-conoha-vps/

ドメインを購入する

サーバーを借りて、セットアップすればサービス自体を公開することは可能ですが、わかりにくいIPアドレス(例:192.XXX.XXX.XXX)でしかユーザーはアクセスできません。

google.comやyahoo.co.jpみたいに分かりやすいURLでユーザーにアクセスしてもらうためにはドメインというものを購入してIPアドレスと紐付ける必要があります。

僕はドメインの購入と設定にはお名前.comをよく使っています。大手で操作もわかりやすいですからね。

料金は大体1000~2000円/年程度ですので財布にも優しいです。

使いたいドメインがすでに利用されている可能性もありますので、サービス名などを決める段階でも、使うことになるであろうドメインが利用済みではないかチェックしておくのもいいでしょう。

サービスによって優劣がある類のものではないため、サクッと購入してしまいましょう。

サーバーとドメインを紐付ける

購入したドメインにアクセスが会った時、借りているサーバーに通信が行くようにするには、DNSというものを使ってドメインとIPアドレスの紐付けをする必要があります。

ここらへんの具体的な操作はドメイン販売サービスや借りたサーバーの種類によって異なります。

「[サーバーサービス名] [ドメインサービス名]」といった形でググると大体の組み合わせで先駆者が手順を紹介してくれていますので、参考にしながらやればそこまで苦戦はしないことと思います。

サーバー上でアプリケーションが動くようにする

ざっくり言えばローカルで動かしていたのと同様に借りたサーバーの状態を設定します。

開発を行なっていたPCはMacかWindowsのケースが多いと思いますが、実際にWebサービスを公開するためのサーバーにはLinux系統が使われていることがほとんどです。

そこらへんのOSの差分を鑑みながら、本番特有の設定などを行なっていきます。

基本的にターミナル上での作業となるため、わかりにくく感じるかもしれませんが、普通にやっている開発 + α程度のことだと思いますので、ググりながらやれば必ず達成できるでしょう。

完成

これで晴れてあなたのサービスが全世界に公開されることとなります。

基本的な流れだけを説明でしたので、一見簡単に見えるかも知れませんが実際には詳細な部分で詰まることはたくさんあると思います。

しかしインターネット上に親切な方々が残してくれた情報のおかげで、諦めずにググり続ければ未経験からでも十分達成可能な作業です。

完成すれば面接時のアピールポイントとして大活躍してくれること間違いなしですので、本気でエンジニアになりたい・キャリアアップしたいという人は是非チャレンジしてみてください。

よく読まれている記事

office

エンジニア独立

2018/1/2

エンジニア歴2年の僕がレバテックフリーランスでフリーランスを目指してみた

正社員エンジニアからフリーランスエンジニアへの方向転換の一環として、業界最大手であるレバテックフリーランスの個人面談に出向いてきたので、その感想を書いていこうと思います。 フリーランスというと知識・経験・人脈を兼ね備えたスーパーエンジニアしかなれない存在だと思っている人も少なくありません。 しかし最近では今回紹介するレバテックフリーランスや以前の記事で紹介したギークスジョブなどといったエージェントを利用すれば、僕のように経験の浅いエンジニアでも十分に目指せる働き方となっています。 この記事が現在働いている ...

続きを読む

エンジニア独立

2018/2/13

文系出身エンジニアが語る「弱いエンジニア」戦い方

こんにちは、フリーランスエンジニアのてぃすです。 僕は文系大学を卒業し、新卒で入ったITコンサル会社で入社半年後に軽くC#を扱う機会が訪れるまで、プログラミングやエンジニアリングに触れたことが一度もありませんでした。 パソコンも基本的に動画を見たりゲームをするための便利な箱くらいな印象。 一方、エンジニア業界には中学生時代から趣味でプログラミングをしてきたり、理系大学でバリバリ情報系を学んできたエンジニアがゴロゴロいるわけです。こいつらもう機械語で会話すればいいのにと思うレベルの猛者揃いです。 そうなると ...

続きを読む

エンジニア独立

2018/8/12

ITエンジニアがスーツ勤務を強要する現場を避けるべき理由

こんにちは、フリーエンジニアのてぃすです。 プラグラマやインフラ担当などと言ったITエンジニアとしての一般的な働き方として、客先に常駐して業務を行うというものがあります。 そんなとき、現場を選ぶ判断基準の一つとして服装が自由か否かというものが上げられます。 僕は決まって私服勤務可能な現場を選ぶようにしています。それはなぜか。エンジニアをスーツ勤務させる客先にロクなところがないから。 これまでスーツ勤務・私服勤務の現場を経験した上で、エンジニアがスーツを勤務を強要する現場を避けるべき理由を書いて行こうと思い ...

続きを読む

エンジニア入門

2018/8/19

プログラミング初心者に贈る挫折しない為の3つの心構え

こんにちは、フリーエンジニアのてぃすです。 最近では未経験者からプログラマー・エンジニアへの転身を志しプログラミングを学習を始めている人が増えていますね。 しかし理解出来ない部分が出てきたり、モチベーションを保てずに学習途中で挫折していまうという話も多く耳に入ってきます。 そこで今回は文系出身から職業プログラマーへ進んだ僕が、挫折しないプログラミング学習の進め方・心構えについてお話していこうと思います。 目的が具体的にイメージできる教材を使用する プログラミングの学習を始めて間もないときに、 変数に値を代 ...

続きを読む

エンジニア独立

2018/8/12

Midworks - フリーランスエンジニアの不安を消滅させる次世代のエージェント

こんにちは、フリーエンジニアのてぃすです。 今やフリーランスエンジニアという働き方もだいぶカジュアルになってきています。僕自身 文系大学卒 大したキャリアもコネもない という一般的には心もとない状態から独立しましたが、正社員時代と比べて収入も5倍ほどになり、リモート中心で非常にストレスのない毎日を過ごせています。 先日エンジニアの集まりに参加して、そこにもフリーランスエンジニアが何人かいたのですが、その人たちの多くからMidworksというエージェントを使っているという話を聞きました。 気になって調べてみ ...

続きを読む

-エンジニア独立

Copyright© TIS ENGINEER NOTE , 2018 All Rights Reserved Powered by AFFINGER5.