技術な話し

【個人開発】サービス公開するときに便利なチェックリスト10個

はじめに

最近個人開発のモチベーションが上がってきている まる(@maru_u___)です。
11月に1つ、12月に1つWEBサービスをリリースしたのですが、
その際にやったことで忘れない方がいいことを手順つきで紹介しておきます。

チェックリスト的に使えるといい気がします。

では紹介して行きます。

【個人開発】サービス公開するときに便利なチェックリスト10個

ロゴを作ろう

やっぱりサービスのブランディングを考えると、ロゴは欲しいところ。
でも、エンジニアだと素敵なロゴ作るのほぼ無理ですよね。

そんなときに便利なのが、このサイト
https://logo.squarespace.com/

めっちゃ簡単にそれらしいロゴ作れます。
簡単なんで作っておきましょう。

faviconを作ろう

ロゴ作ったら、次はfavicon!
僕はこのfavicon設定よく忘れます。笑

favicon設定しないと、ブラウザのタブが空になってめっちゃ寂しいんですよね。
だからfaviconは設定しておきましょう。
さっき作ったロゴをfavicon作ってくれるサイトにぶち込めば終わりです。

https://ao-system.net/favicon/

簡単!

OGPの設定をしよう

次は、SNSで拡散してもらう時用にOGPの設定をしておきましょう。
これを設定しておくと、TwitterとかFacebookでシェアしてもらうときにかっこいい感じで出ます。
ビジュアル大事ですからね

人は見た目が9割(読んでないけど笑)

OGPのテンプレ

headのタグの間に以下のテンプレ打ち込んでおけば大丈夫です。(中身は適宜書き換えてください)

<meta property="og:title" content="LGTMeow3" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Just copy and paste the link and you can display LGTMeow directly in github" />
<meta property="og:url" content="https://lgtmeow3.tokyo" />
<meta property="og:site_name" content="LGTMeow3" />
<meta property="og:image" content="https://lgtmeow3.s3.amazonaws.com/uploads/lgtm/image/lgtmeow3-10917167-580b-4202-b7cf-ba7d15f01690.gif" />

スマホ用のviewpoint設定しよう

これ忘れるんだよなー。viewpointの設定。
これをやり忘れると、せっかくレスポンシブに作ってもうまく動きません。

viewpointのテンプレ

こちらも先ほどのOGP同様、headタグの間に打ち込んでおきましょう。
こだわりたい人は、各自中身のパラメーター調べて見てください。
面倒臭い人はコピペでOK!

<meta name="viewport" content="width=device-width,initial-scale=1">

SNSのシェアボタンを設置しよう

SNSのシェアボタンがあれば、サービスをいいなと思った人がシェアしやすくなります。
サービスをせっかく作ったからには、使ってもらいたいですよね。
設置しておきましょう。

以下の4つくらい置いておいたらひとまずいいんじゃないですかね。多分。

Twitterのシェアボタン

下記の公式サイトから作ることができます。

https://publish.twitter.com/#

Facebookのシェアボタン

下記の公式サイトから作ることができます。

https://developers.facebook.com/docs/plugins/share-button?locale=ja_JP

はてなブックマークのシェアボタン

下記の公式サイトから作ることができます。

http://b.hatena.ne.jp/guide/bbutton

pocketのボタン

下記の公式サイトから作ることができます。

https://getpocket.com/publisher/button

ドメイン取得しよう

やっぱりドメインはあった方がかっこいいですしね。
ドメインは育ちますし

https://stamp.bokete.jp/39969333.png
引用元 bokete

取得しておきましょ。今時、99円とかで作れたりするので!

お名前.comで取得しておくのが無難です。便利ですし。

サーバーを借りよう

サーバー借りましょう!
1サービス、1サーバーくらいで運営してみるのがいいんじゃないかと思っています。

さくらのVPS
なんかだと、月額685円から使えるのでまずはスモールに初めてスケールしていくのがいいんじゃないかと思います。

ドメインとサーバーを連携しましょう

このへんの記事見て、ドメインとサーバー連携しましょう。簡単なお仕事です。

qiita.com

https対応しましょう

今時ではhttps対応しないとgoogle検索的に検索上位に上がってきません。
また、ブラウザにいかにも怪しそうなマークがつくので、https対応はしておきましょう。

Let’sEncryptを使えば無料で証明書発行できるので一旦これ使っておけばいいと思います。

以下の記事だと、自動化まで設定できるのでこちらでやっておきましょう。

qiita.com

エラーページを作りましょう

rails特製のエラーページ出てくると寂しいですよね。
これは僕も面倒臭くてはしょりがちなんですが、時間があったらやりましょう。

エラーコードとエラーページのサンプルがまとまっている記事があったのでこれ見ながら一緒に頑張りましょう!

service.plan-b.co.jp

まとめ

結構個人的に忘れがちなことを手順と一緒にまとめておきました。
どれも結構簡単にできるので、やっちゃっておきましょう。

一緒に個人開発頑張りましょう!!!!!!

最後に作ったサービスを紹介

LGTMeow3というサービスを作りました。
可愛いから使ってください。

猫のGIFを作ったり、集めて、コードレビューのときに簡単にLGTMを貼れるっていうやつです。
可愛いです! 可愛いです!可愛いです!(洗脳)

lgtmeow3.tokyo

おすすめ記事

www.ohmg.tokyo

www.ohmg.tokyo

ABOUT ME
maru
maru
オーマイガー東京(編集長)/キグルミだ熱狂(gt, 作詞作曲)/新卒2年目エンジニアです。赤坂と浅草におります。最近作った→ https://lgtmeow3.tokyo

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください