とうとう、2020年がスタートしました。
今年はオリンピックイヤーですし、新たな挑戦がピッタリな年になりそうです。
さて今回、個人開発ドットコムは「個人開発で使われている技術」というタイトルで、個人サービスで使われている技術について特集しました。
個人開発のサービスを見て「このサービス、一体どんな技術で作られているんだろう…?」と気になったことがある人は多いはずです。
個人サービスの技術構成に関して30件も一挙にまとまった記事は今まで存在せず、とても有意義な記事になったと思います。
これも全て、惜しみなく技術構成について回答いただいた個人開発者の皆さんのおかげです。ご協力いただき誠にありがとうございました。
本記事の構成は、「Webサービス編」と、スマホアプリの「アプリ編」の二つに分けて紹介し、各サービスの紹介セクションは
- サービス名
- 開発者情報
- 使用技術
- 詳細記事(あれば)
となっています。
特に「詳細記事」は、より技術的な詳細が書かれていますので、詳しく知りたい場合は確認されることをオススメします。
それでは、早速紹介していきましょう。まずはWebサービス編からスタートです。
Webサービス編
ためしがき
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/https___tameshigaki.jp_resource_ogp.png)
サービス概要:日本語の商用利用可能なフリーフォントをまとめて試せて、そのままシェアしたり配布先にリンクしたりできるサイト
開発者:nabettu さん
Twitter:https://twitter.com/nabettu
運営ブログ:フロントエンドの地獄
【使用技術】
- Nuxt.js
- Firebase
- contentful(ヘッドレスCMS)
- Circle CI
詳細記事:日本語のフリーフォントを一度に試せる「ためしがき」に用いられている技術について
Korette
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-10.13.27-1024x465.png)
![](https://kojinkaihatu.com/wp-content/uploads/cocoon-resources/blog-card-cache/9e29dbf41f0e7e18fd3a5e8bcd117857.png)
サービス概要:観光地の魅力を題材にしたクイズの回答と投稿ができるWebサービス
開発者:Hiroz さん
Twitter:https://twitter.com/hrz31
【使用技術】
- ASP.NET Core(MVC)
- MicrosoftAzure(WindowsServer(IIS)、SQLServer)
詳細記事:Koretteのオモテとウラ
AIメーカー
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-10.26.40-1024x566.png)
サービス概要:誰でも手軽に機械学習を始められる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
ボルジム
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-10.45.00-1024x578.png)
サービス概要:首都圏近郊ボルダリングジム検索サイト
開発者:ケイジ さん
Twitter:https://twitter.com/cage_yoshida
運営ブログ:ものづくり雑記
【使用技術】
- Laravel
- さくらのレンタルサーバ
- パーツ、ロゴ、イラスト制作 → Adobe Illustrator Photoshop
- サイト全体とUIデザイン → Sketch
Prizz
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/peQxN46w-1024x567.jpeg)
サービス概要:懸賞まとめサイト
開発者:Michinosuke さん
Twitter:https://twitter.com/Michin0suke
【使用技術】
フロント
- React
- TypeScript
- Redux
バックエンド
- VPS(conoha)
- Nginx
- Python(他懸賞サイトからのスクレイピングと、ツイートによる懸賞追加
- Go/Gin(API)
- MariaDB
ついぎり
![](http://kojinkaihatu.com/wp-content/uploads/2019/12/1500x500-1024x341.jpeg)
サービス概要:Twitter連動に特化した大喜利専門のWebサービス
当メディア掲載記事:君のセンスを見せつけろ!Twitterが大喜利大会になるサービス「ついぎり」
開発者:きんみ さん
Twitter:https://twitter.com/_kinmi
【使用技術】
- Nuxt.js
- GAE(Google App Engine)
- Firebase
詳細記事:Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する
g4
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F51402%2F6c1fef60-9f24-2233-821b-1b4b16575e21.png?ixlib=rb-1.2.2&auto=compress%2Cformat&gif-q=60&w=1400&fit=max&s=5486eb19840d5d901e72e21e0818e77d)
![](https://www.revelup.games/assets/og.png)
サービス概要: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
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-13.21.18-1024x432.png)
サービス概要:野球スコア掲載プラットフォーム
開発者:ckoshien さん
Twitter:https://twitter.com/ckoshien_tech
【使用技術】
- NodeJS
- ReactJS
- netlify
- MySQL
- materializecss
- react-bootstrap
- react-bootstrap-table-next
詳細記事:野球リーグスコア管理システムに用いている技術について
積読ハウマッチ
![](https://kojinkaihatu.com/wp-content/uploads/2020/01/picture_pc_d71808c836868ce8e640a58598afe1b8-1024x538.png)
サービス概要:積んでる本の総額がわかる読書管理サービス
開発者:きらぷか さん
Twitter:https://twitter.com/kira_puka
運営ブログ:くらげになりたい。
【使用技術】
- Nuxt.js
- Firebase
- ImageMagic
- ZEIT NOW
詳細記事:Nuxt.js(SPA)+Firebaseで積読用の読書管理サービスを作ってみたときにハマったこと…
コスパごはん【LINE Bot】
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-21.00.17.png)
サービス概要:位置情報から近くの食べログ3.5以上の店舗を検索してくれるLINE Bot
開発者:NARI さん
Twitter:https://twitter.com/NARI_Creator
【使用技術】
- フロント:なし
- サーバーサイド:PHP
- ライブラリ:LINE Bot SDK
- インフラ:heroku
- DB:Airtable
詳細記事:[LINE Bot] 位置情報から食べログ3.5以上の優良店を検索するbot作った
タグみちゃん!
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-21.11.43-1024x467.png)
サービス概要:ハッシュタグを監視+DM通知サービス
開発者:おさむ さん
Twitter:https://twitter.com/samunohito
【使用技術】
フロント
- Vue.js TypeScript
- Bootstrap
バックエンド
- VPS(conoha)
- nginx(リバースプロキシとして)
- Docker docker-compose
- PHP Laravel
- Mysql
Club Cloud
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-03-21.22.39-1024x550.png)
![](https://club-cloud.jp/front_top_baseball_with_mock.jpg)
サービス概要:スポーツチーム用動画ストレージ
開発者:はらだ さん
Twitter:https://twitter.com/program_diary
【使用技術】
- インフラ:AWS(EC2, S3, Cloudfront, RDS, ElasticTranscoder, Lambda, APIGateway, SES, CodePipeline, ELB, Route53 その他)
- バック:Django
- フロント:React(Gatsby)
- アプリ:ReactNative(Expo)
単語帳.com
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-04-8.52.09-1024x562.png)
サービス概要:無料の単語帳サービス
開発者: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
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-04-9.11.54-1024x481.png)
サービス概要:勉強に必要な「問題集」「ノート」「参考書」を一元管理していつでもどこでも勉強出来るようにするサービス
開発者:みず さん
Twitter:https://twitter.com/Anybook6
【使用技術】
- Ruby on Rails
- Vue.js
風来のシレン 非公式web番付
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-04-9.17.38-1024x392.png)
サービス概要:風来のシレン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
自動計算サイト
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-04-9.31.01.png)
サービス概要:健康、お金、数学、科学など、日常生活の様々な計算式を紹介し、ホームページ上で自動計算する仕組みを提供
開発者:Fumito Mizuno さん
Twitter:https://twitter.com/ounziw
【使用技術】
フロント
- jQuery
バック
- KUSANAGI
サイトジェネレータ
- Hugo
Auto Suggest Words【サジェスト自動集積ツール】
![](http://kojinkaihatu.com/wp-content/uploads/2020/01/スクリーンショット-2020-01-04-9.42.08-1024x587.png)
サービス概要:SEOマーケター向けツール
開発者:トラハック さん
Twitter:https://twitter.com/torahack_
運営ブログ:Torahack
【使用技術】
フロント
- Bootstrap/Javascript
バック
- Python(Flask)
インフラ
- AWS Lambda + API Gateway
DB
- Dynamo DB
Slack Emoji Generator
サービス概要:Slack用の絵文字を生成する無料ツール
開発者:ころちゃん さん
Twitter:https://twitter.com/corocn
運営者ブログ:今日のつちや
【使用技術】
- Nuxt.js
- Netlify
Vocaloard Charts
サービス概要:YouTube ボカロランキング
開発者:ЯшRw さん
Twitter:https://twitter.com/yash01232
【使用技術】
フロント
- C#
- AWS lambda
- netlify
- Hugo
- JS
バック
- C#
- AWS lambda
Folis
![](https://fo-lis.web.app/ogp.jpg)
開発者:あっきー さん
Twitter:https://twitter.com/kuronekopunk
【使用技術】
- Nuxt.js
- Firebase(Functions,Hosting)
紹介記事:誰誘う?
InstaWindow
![](https://insta-window-tool.web.app/ogp.png)
サービス概要:インスタグラムの画像をホームページやブログに埋め込むことのできるツール
開発者:あっきー さん
Twitter:https://twitter.com/kuronekopunk
【使用技術】
- Nuxt.js
- Firebase(Hosting)
Crieit
![](https://crieit.net/img/card.png)
サービス概要:プログラマー、クリエイターが気軽に記事や質問、議論などを投稿できるコミュニティサイト
開発者:だらさん
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の構成
みんなのボタンメーカー
![](https://btnmaker.me/img/ogp.png)
サービス概要:ツイッターでつぶやけるボタンを簡単に作成できるサイト
開発者:れとるときゃりー さん
Twitter:https://twitter.com/retoruto_carry
【使用技術】
- Nuxt.js
- Laravel
- Redis
- ConoHa
- AWS S3
詳細記事:「ツイッターでつぶやけるボタン」を簡単に作成できるサービスをリリースしました【個人開発】
アプリ編
QuickMemo+
![付箋todoメモ帳 QuickMemo+](https://is3-ssl.mzstatic.com/image/thumb/Purple123/v4/7b/3c/26/7b3c2641-3d2a-60ca-9df0-b769f200e4fc/source/512x512bb.jpg)
サービス概要:付箋と全く同じ使い心地の付箋todoメモアプリ
開発者:あたか さん
Twitter:https://twitter.com/atagon
運営ブログ:https://note.com/toconakis_tech
【使用技術】
フロント
- iOS:Objective-C Swift
- Android:Kotlin
バックエンド
- PHP
パズル&モナーク
![パズル&モナーク](https://is2-ssl.mzstatic.com/image/thumb/Purple113/v4/ba/fa/86/bafa86fb-5b6f-5667-c4ca-4ee3bce6618c/source/512x512bb.jpg)
サービス概要:「君主候補となって国作り! ただし制限時間は90秒。」謎解きでもない、落ちモノでもない、ちょっと変わったパズルゲーム
開発者:西山 信行 さん
Twitter:https://twitter.com/5mingame2
【使用技術】
iOS、Windows、macOS
- C++
- Cinder
ファミリーTODO
![ファミリーTODO 家族カップルのスケジュール・タスク共有](https://is4-ssl.mzstatic.com/image/thumb/Purple113/v4/37/c5/50/37c550e9-5988-2631-a794-e2ab5c9245b6/source/512x512bb.jpg)
サービス概要:家族・カップルで共有できるシンプルな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
![Eternal Glow](https://is4-ssl.mzstatic.com/image/thumb/Purple123/v4/da/ed/97/daed97ca-db32-eab3-6c4b-9cfaa8ef94c7/source/512x512bb.jpg)
サービス概要:厨二病に最適なアプリ
開発者:Ueda さん
Twitter:https://twitter.com/megyo9
【使用技術】
- Xamarin
- Firebase
詳細記事:終:どこまでショボいアプリがAppleの審査に通るのか試してみた
スポーツ仲間が見つかるコミュニティアプリ – SPOFUN
![スポーツ仲間が見つかるコミュニティアプリ - SPOFUN](https://is2-ssl.mzstatic.com/image/thumb/Purple123/v4/c5/e7/8b/c5e78b74-fb4d-df43-121f-74de459178f0/source/512x512bb.jpg)
サービス概要:スポーツ仲間を見つけられるコミュニティアプリ
開発者: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
栄冠にゃいん2020
サービス概要:高校野球シミュレーションゲーム
開発者:koji さん
Twitter:https://twitter.com/EikanNyain
【使用技術】
フロント
- Android:Xamarin.Forms
バックエンド
- Web API:Azure Functions
- データベース:Firebase