30サービスを一挙公開！個人開発で使われている技術【特集】

とうとう、2020年がスタートしました。

今年はオリンピックイヤーですし、新たな挑戦がピッタリな年になりそうです。

さて今回、個人開発ドットコムは「個人開発で使われている技術」というタイトルで、個人サービスで使われている技術について特集しました。

個人開発のサービスを見て「このサービス、一体どんな技術で作られているんだろう…？」と気になったことがある人は多いはずです。

個人サービスの技術構成に関して30件も一挙にまとまった記事は今まで存在せず、とても有意義な記事になったと思います。

これも全て、惜しみなく技術構成について回答いただいた個人開発者の皆さんのおかげです。ご協力いただき誠にありがとうございました。

本記事の構成は、「Webサービス編」と、スマホアプリの「アプリ編」の二つに分けて紹介し、各サービスの紹介セクションは

サービス名
開発者情報
使用技術
詳細記事（あれば）

となっています。

特に「詳細記事」は、より技術的な詳細が書かれていますので、詳しく知りたい場合は確認されることをオススメします。

それでは、早速紹介していきましょう。まずはWebサービス編からスタートです。

Webサービス編

ためしがき

ためしがき - 日本語のフリーフォントを検索できるサイト

日本語のフリーフォントを好きな言葉・文章で試せるサイト

サービス概要：日本語の商用利用可能なフリーフォントをまとめて試せて、そのままシェアしたり配布先にリンクしたりできるサイト

開発者：nabettu さん

Twitter：https://twitter.com/nabettu

運営ブログ：フロントエンドの地獄

【使用技術】

Nuxt.js
Firebase
contentful（ヘッドレスCMS）
Circle CI

詳細記事：日本語のフリーフォントを一度に試せる「ためしがき」に用いられている技術について

Korette

クイズでおすすめの観光地や魅力を見つける｜Korette

サービス概要：観光地の魅力を題材にしたクイズの回答と投稿ができるWebサービス

開発者：Hiroz さん

Twitter：https://twitter.com/hrz31

【使用技術】

ASP.NET Core（MVC）
MicrosoftAzure（WindowsServer（IIS）、SQLServer）

詳細記事：Koretteのオモテとウラ

AIメーカー

AIメーカー - みんなで作るAIプラットフォーム

AIメーカーは誰でも手軽に機械学習を始められる、みんなで作るAIプラットフォームです。学習データは自動で収集。サーバも面倒な環境構築も必要ありません。

サービス概要：誰でも手軽に機械学習を始められるWebプラットフォーム

開発者：2z さん

Twitter：https://twitter.com/2zn01

運営ブログ：スキマノート

【使用技術】

AWS（Amazon EC2　Amazon RDS（MySQL）　Amazon EFS）
GCP（Google Cloud Vision API　Google Cloud Speech API　Google Cloud Storage）
PHP（Zend Framework）
Python（Flask）
Caffe（Deep Learningのフレームワーク）
jQuery

詳細記事：AIメーカーを支える技術（AIメーカーの作り方）

ボルジム

ボルジム｜ボルダリングジム検索サイト＠東京・千葉・埼玉・茨城・神奈川

ボルジムはボルダリングを楽しむ人のボル活をより豊かにする東京・千葉・埼玉・茨城・神奈川のボルダリングジム検索サイトです。

サービス概要：首都圏近郊ボルダリングジム検索サイト

開発者：ケイジさん

Twitter：https://twitter.com/cage_yoshida

運営ブログ：ものづくり雑記

【使用技術】

Laravel
さくらのレンタルサーバ
パーツ、ロゴ、イラスト制作　→　Adobe Illustrator　Photoshop
サイト全体とUIデザイン　→　Sketch

詳細記事：個人開発でサイトリリースした理由とやったこと

Prizz

https://prizz.jp/

サービス概要：懸賞まとめサイト

開発者：Michinosuke さん

Twitter：https://twitter.com/Michin0suke

【使用技術】

フロント

React
TypeScript
Redux

バックエンド

VPS（conoha）
Nginx
Python（他懸賞サイトからのスクレイピングと、ツイートによる懸賞追加
Go/Gin（API）
MariaDB

ついぎり

ついぎり - twigiri.app - | Twitter連動型大喜利サイト

ついぎり（twigiri.app）は、Twitterのいいね＆RTの数でランキングが決まるWeb大喜利サービスです。

サービス概要：Twitter連動に特化した大喜利専門のWebサービス

当メディア掲載記事：君のセンスを見せつけろ！Twitterが大喜利大会になるサービス「ついぎり」

開発者：きんみさん

Twitter：https://twitter.com/_kinmi

【使用技術】

Nuxt.js
GAE（Google App Engine）
Firebase

詳細記事：Nuxt.js＋Firebase＋GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する

g4

REVELUP

REVELUP ~ REVEL IN LEVEL YOU UP This is an RPG that supports the habitualization, continuation, and building up of learning through the power of games.

サービス概要：RPGのレベル上げのようにポモドーロ*した分だけ成長できるサービス

*ポモドーロとは、25分間の作業の後に5分間休憩を入れて集中する時間管理術のことです。

開発者：shwld さん

Twitter：https://twitter.com/shwld

【使用技術】

フロントエンド

React
fly.io
Apollo Client

バックエンド

graphql-ruby
Ruby on Rails
App Engine（Google Cloud Platform）

その他

Firebase
bootstrap-grid
Natural Language API（Google Cloud Platform）
Cloud Run（Google Cloud Platform）

詳細記事：React PWA + Rails GraphQLで作ったポモドーロサービスに使った技術やその選定理由を書いてみた

みんなのSCORE

https://jcblscore-react.netlify.com/

サービス概要：野球スコア掲載プラットフォーム

開発者：ckoshien さん

Twitter：https://twitter.com/ckoshien_tech

【使用技術】

NodeJS
ReactJS
netlify
MySQL
materializecss
react-bootstrap
react-bootstrap-table-next

詳細記事：野球リーグスコア管理システムに用いている技術について

積読ハウマッチ

積んでいる本の総額がわかる読書管理サービス | 積読ハウマッチ

総額を知れば積ん読も減らせる？総額を知れば解消する気が起きるかも! ランキングや書評・レビューを残せる読書メモ機能も。「積読ハウマッチ」は積んである本の総額がわかる書籍管理サービスです。積読消化の手助けに。

サービス概要：積んでる本の総額がわかる読書管理サービス

開発者：きらぷかさん

Twitter：https://twitter.com/kira_puka

運営ブログ：くらげになりたい。

【使用技術】

Nuxt.js
Firebase
ImageMagic
ZEIT NOW

詳細記事：Nuxt.js(SPA)+Firebaseで積読用の読書管理サービスを作ってみたときにハマったこと…

コスパごはん【LINE Bot】

サービス概要：位置情報から近くの食べログ3.5以上の店舗を検索してくれるLINE Bot

開発者：NARI さん

Twitter：https://twitter.com/NARI_Creator

【使用技術】

フロント：なし
サーバーサイド：PHP
ライブラリ：LINE Bot SDK
インフラ：heroku
DB：Airtable

詳細記事：[LINE Bot] 位置情報から食べログ3.5以上の優良店を検索するbot作った

タグみちゃん！

https://tagumichan.info/

サービス概要：ハッシュタグを監視＋DM通知サービス

開発者：おさむさん

Twitter：https://twitter.com/samunohito

【使用技術】

フロント

Vue.js　TypeScript
Bootstrap

バックエンド

VPS（conoha）
nginx（リバースプロキシとして）
Docker　docker-compose
PHP　Laravel
Mysql

Club Cloud

ClubCloud | Top

チーム内で練習動画を共有するためのクローズドSNS。動画比較やスクショへの描き込みもできます

サービス概要：スポーツチーム用動画ストレージ

開発者：はらださん

Twitter：https://twitter.com/program_diary

【使用技術】

インフラ：AWS(EC2, S3, Cloudfront, RDS, ElasticTranscoder, Lambda, APIGateway, SES, CodePipeline, ELB, Route53 その他)
バック：Django
フロント：React(Gatsby)
アプリ：ReactNative(Expo)

単語帳.com

https://www.tangochou.com/

サービス概要：無料の単語帳サービス

開発者：fnya さん

Twitter：https://twitter.com/fnya

【使用技術】

フロントエンド

React + Redux + TypeScript
AWS Amplify（API(GraphQL), Storage(S3), 認証(Cognito)）

バックエンド

AWS の DynamoDB(NoSQL), Cognito(認証), CloudFront(CDN), S3(Storage), Lambda (C#), SES(メール),Route 53(DNS) 等

CD/CI

Amplify Console を使い BitBucket に push すると自動デプロイするようにした

Web サイト

Hugo を使用して Web サイト側を構築

詳細記事：アラフィフのおっさんがWebサービスを初めてリリースしたお話

Anybook

Anybook | オリジナル問題集・ノート作成管理

オリジナル問題集やノートを作成して、いつでもどこでも勉強しましょう。

サービス概要：勉強に必要な「問題集」「ノート」「参考書」を一元管理していつでもどこでも勉強出来るようにするサービス

開発者：みずさん

Twitter：https://twitter.com/Anybook6

【使用技術】

Ruby on Rails
Vue.js

風来のシレン非公式web番付

風来のシレンSP非公式Web番付

サービス概要：風来のシレンSPの非公式web番付

開発者：ピザ充さん

Twitter：https://twitter.com/PizzaMitsuru

【使用技術】

フロント：React(JS), redux
バック：responder(Python)
DB：postgresql
ORM： tortoise-orm
OCR：tesseract
類似度計算：scikit-learn
サーバ：nginx
コンテナ：docker

ドラマメグラ

ドラマメグラ

サービス概要：ドラマ検索サービス

開発者：ライトウィルさん

Twitter：https://twitter.com/lightwill0309

【使用技術】

フロントエンド

jQuery

バック

PHP
Laravel
MySQL

自動計算サイト

https://calculator.jp/

サービス概要：健康、お金、数学、科学など、日常生活の様々な計算式を紹介し、ホームページ上で自動計算する仕組みを提供

開発者：Fumito Mizuno さん

Twitter：https://twitter.com/ounziw

【使用技術】

フロント

jQuery

バック

KUSANAGI

サイトジェネレータ

Hugo

Auto Suggest Words【サジェスト自動集積ツール】

https://auto-suggest-words.com

サービス概要：SEOマーケター向けツール

開発者：トラハックさん

Twitter：https://twitter.com/torahack_

運営ブログ：Torahack

【使用技術】

フロント

Bootstrap/Javascript

バック

Python(Flask)

インフラ

AWS Lambda + API Gateway

Dynamo DB

Slack Emoji Generator

Slack Emoji Generator - Slack絵文字ジェネレーター

Slack Emoji Generator はSlack用の絵文字を生成する無料ツールです。複数フォントで絵文字を比べることができます。オリジナルの絵文字を作ってみましょう。

サービス概要：Slack用の絵文字を生成する無料ツール

開発者：ころちゃんさん

Twitter：https://twitter.com/corocn

運営者ブログ：今日のつちや

【使用技術】

Nuxt.js
Netlify

詳細記事：Slack用の絵文字ジェネレーターを作った

Vocaloard Charts

YouTube ボカロ曲ランキング - Vocaloard Charts

YouTube に公開されているボカロ曲を視聴回数と高評価数をもとにランキングにしています。毎日正午頃更新予定

サービス概要：YouTube ボカロランキング

開発者：ЯшRw さん

Twitter：https://twitter.com/yash01232

【使用技術】

フロント

C#
AWS lambda
netlify
Hugo
JS

バック

C#
AWS lambda

Folis

「誰誘う？」を簡単に - Folis

「誰誘う？」を簡単にする。共通の相互フォロワーが確認できるツール。

開発者：あっきーさん

Twitter：https://twitter.com/kuronekopunk

【使用技術】

Nuxt.js
Firebase（Functions,Hosting）

紹介記事：誰誘う？

InstaWindow

Site Not Found

サービス概要：インスタグラムの画像をホームページやブログに埋め込むことのできるツール

開発者：あっきーさん

Twitter：https://twitter.com/kuronekopunk

【使用技術】

Nuxt.js
Firebase（Hosting）

Crieit

Crieit - プログラマー、クリエイターが何でも気軽に書けるコミュニティ

Crieitはプログラマー、クリエイターが気軽に記事や質問、議論などを投稿できるコミュニティです。

サービス概要：プログラマー、クリエイターが気軽に記事や質問、議論などを投稿できるコミュニティサイト

開発者：だらさん

Twitter：https://twitter.com/dala00

運営者ブログ：https://crieit.net/users/dala00

【使用技術】

言語＆フレームワーク

PHP
Laravel
Vue.js

データベース

MySQL

デザイン

Bootstrap Material Design

サーバー

Google Compute Engine (f1-micro 1台にDBまで全部のせ）
Apache

CDN

Cloudflare

詳細記事：Crieitの構成

みんなのボタンメーカー

みんなのボタンメーカー

ツイッターでつぶやけるボタンを簡単に作成できるサイトです。サイト中のボタンをたくさん押してみたり、おもしろいボタン作ってみてください

サービス概要：ツイッターでつぶやけるボタンを簡単に作成できるサイト

開発者：れとるときゃりーさん

Twitter：https://twitter.com/retoruto_carry

【使用技術】

Nuxt.js
Laravel
Redis
ConoHa
AWS S3

詳細記事：「ツイッターでつぶやけるボタン」を簡単に作成できるサービスをリリースしました【個人開発】

アプリ編

QuickMemo+

付箋todoメモ帳 QuickMemo+

開発元:flickfrog

無料

posted withアプリーチ

サービス概要：付箋と全く同じ使い心地の付箋todoメモアプリ

開発者：あたかさん

Twitter：https://twitter.com/atagon

運営ブログ：https://note.com/toconakis_tech

【使用技術】

フロント

iOS：Objective-C　Swift
Android：Kotlin

バックエンド

パズル＆モナーク

開発元:new game style

無料

posted withアプリーチ

サービス概要：「君主候補となって国作り！ただし制限時間は90秒。」謎解きでもない、落ちモノでもない、ちょっと変わったパズルゲーム

開発者：西山信行さん

Twitter：https://twitter.com/5mingame2

【使用技術】

iOS、Windows、macOS

C++
Cinder

ファミリーTODO

ファミリーTODO 家族カップルのスケジュール・タスク共有

開発元:hiroshi sakamoto

無料

posted withアプリーチ

サービス概要：家族・カップルで共有できるシンプルなTODOアプリ

開発者：Objective-ひろC さん

Twitter：https://twitter.com/hirothings

【使用技術】

iOS：Swift
Firebase：Auth, Firestore, Cloud Functions, Hosting, Storage, Crashlytics, Performance, Analytics, FCM, Remote Config, AdMob, Remote Config, In-App Messaging
CI/CD: GitHub Actions

Eternal Glow

開発元:Megumu Ueda

無料

posted withアプリーチ

サービス概要：厨二病に最適なアプリ

開発者：Ueda さん

Twitter：https://twitter.com/megyo9

【使用技術】

Xamarin
Firebase

詳細記事：終：どこまでショボいアプリがAppleの審査に通るのか試してみた

スポーツ仲間が見つかるコミュニティアプリ – SPOFUN

開発元:Hiromasa Nagamine

無料

posted withアプリーチ

サービス概要：スポーツ仲間を見つけられるコミュニティアプリ

開発者：Hiro さん

Twitter：https://twitter.com/nagami_hiro

【使用技術】

アプリ: Swift, Firebase, FB Auth
バックエンド: Firebase, TypeScript Firebase: RemoteConfig, FireStore, Storage, Cloud Messaging, Analytics, Cloud Functions
その他: GitHub Actions, GitHub