LoginSignup
12
20

More than 5 years have passed since last update.

プログラミング初心者が webサービスをローンチするまでにやったこと

Posted at

はじめに

この記事はwebサービスの初心者向けの記事になっています。

私自身プログラミングを本格的に学び始めて約2ヶ月ですが、個人開発者としてwebサービスをローンチするという経験を早めにしたかったのでサービスを作ってローンチまでやってみました。その時にプログラミング以外の事で取り組んだ事が多かったので記事にしてみました。

これまでプログラミングを勉強してみてそろそろwebサービスを作ってみようかなと思っている方の参考になれば幸いです。

作ったwebサービス

今回作ったサービスがこちらです。
Googleのストリートビューを撮影、保存できるサービスです。
Stosho

GoogleMapAPIとStreetViewAPIを使って、検索した場所のストリートビューの写真を保存、SNSのように投稿出来るようにしました。

ローンチする為にやったこと

今回の本題です。
webサービスをローンチするために以下4項目を気をつけて行いました。

・セキュリティ、規約関連
・UI・サービスの作りこみ
・バグ出し
・その他

セキュリティ、規約関連

一番気を遣ったところです。
多くの人に使われて、サービス内で問題が起きるということは避けたかったので、セキュリティと規約関連はしっかりと行いました。
(結局多くの人に使われなかったw、ですがこの経験は次に生きるはず)

利用規約

Webサイトは、ユーザーや第三者との間でトラブルを生じることがあります。このようなトラブルが発生したときに、それを解決するルールとなるのが利用規約です。利用規約をしっかりと記載して置くとトラブル防止になります。

利用規約はこちらのフォーマットを基に作成しました。
http://kiyaku.jp/hinagata/sns.html

利用規約を活かすには、「同意」の手続きが必要ですので、今回はこのようにユーザー新規登録画面に同意するボタンを設けました。
image.png

プライバシーポリシー

プライバシーポリシーとはインターネットのウェブサイトにおいて、収集した個人情報をどう扱うのか(保護するのか、それとも一定条件の元に利用するのか)などを、サイトの管理者が定めた規範のことです。

プライバシーポリシーはこちらのフォーマットを基に作成しました。
http://kiyaku.jp/hinagata/privacy.html

image.png

copyright

著作権についてフッターに記載しました。
Screen Shot 2018-07-04 at 16.00.33.png

問い合わせフォーム

何か不具合や要望があった時に窓口になるところです。
簡単なのでGoogleフォームで作りました。

image.png

Google規約の読み込み

今回ストリートビューの画像を取得するため、googleの規約に違反していないか調べました。StreetViewAPIを使った画像の使用は良いとの事。APIを使用すると画像にgoogleやcopyrightが自動的に入るようになっています。
Google マップ、Google Earth、ストリートビューの使用

APIキーのセキュリティ設定

APIキーは知らない方々に使われるのはまずいので、自分のサイトでしか使用出来ないようにgoogleAPIの方で設定しました。

コードレビュー

セキュリティや、重大なバグがないか第三者の視点で確認してもらいます。
今回はプログラミング学校の先生にお願いしてコードレビューをして頂きました。

UI・サービスの作り込み

これは当然ですが、ローンチを目標にしたwebサービスはUIやサービスの作り込みに力を入れました。
ユーザーの大半はモバイルなのでレスポンシブデザイン前提で開発しました。
image.png

Facebook Twitterシェア

使ってくれる人を増やすために写真を撮った後にfacebbookやtwitterでシェアできる機能をつけました。シェアするときのサムネイル画像やタイトルがしっかりと表示されるようにheadタグ内のmetaタグの情報も撮った写真が挿入されるようにしました。

Screen Shot 2018-07-04 at 15.37.23.png

サービスチェック

企画〜開発、ローンチまで1週間という過密日程でしたが、最終日はひたすらバグ出しに当てました。
ひたすら自分で使う→予想もしてないバグ分かる→直すの繰り返しです。

その他

独自ドメイン取得 SSL設定

サービス名のドメイン取得、サクラサーバーでSSLの設定を行いました。

独自ドメイン
https://stosho.org/stosho/index.php

SSL設定
【無料SSL】サーバコントロールパネルからの導入手順

グーグアナリティクス

webサービス利用者、訪問者数を把握するためのグーグルアナリティクスを導入しました。
ちなみにこちらが今回出したサービスのグラフで、ローンチ初日こそ友達や同期がみてくれましたが、約1ヶ月経ちほとんど使われていませんw

Screen Shot 2018-07-04 at 15.45.07.png

終わりに

webサービスをローンチするまでにやる事は多かったですが、一度やってしまえば次に使いまわせるものが多いです。最低限、利用規約とプライバシーポリシー、セキュリティだけ抑えておけば良いと思います。
あとはローンチするとやっぱり人に使ってもらえるのは難しいと改めて感じました。
ローンチする事で学びが多かったので、ぜひwebサービス作ったらローンチしてみてください!

宣伝

宣伝ですw
今回の題材のwebサービスです、使ってもらえたら嬉しいです!
https://stosho.org/stosho/index.php

12
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
20