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

アプリ・Webサービス

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

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

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

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

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

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

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

  1. サービス名
  2. 開発者情報
  3. 使用技術
  4. 詳細記事(あれば)

となっています。

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

それでは、早速紹介していきましょう。まずは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

https://www.g-g-g-g.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

https://anybook.jp/

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

開発者:みず さん

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

ドラマメグラ

ドラマメグラ
今期(2024年夏)ドラマ | 前期(2024年春)ドラマ | 人気の出演者から探す | 新着レビュー・感想 | テレビ局から探す | 放送年から探す | ドラマ検索 | シーズン・曜日から探す

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

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

Twitter:https://twitter.com/lightwill0309

【使用技術】

フロントエンド

  • jQuery

バック

  • PHP
  • Laravel
  • MySQL

自動計算サイト

自動計算サイト

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

開発者: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

DB

  • 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

https://crieit.net

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

開発者:だらさん

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+
付箋todoメモ帳 QuickMemo+
開発元:flickfrog
無料
posted withアプリーチ

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

開発者:あたか さん

Twitter:https://twitter.com/atagon

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

【使用技術】

フロント

  • iOS:Objective-C Swift
  • Android:Kotlin

バックエンド

  • PHP

パズル&モナーク

パズル&モナーク
パズル&モナーク
開発元:new game style
無料
posted withアプリーチ

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

開発者:西山 信行 さん

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

【使用技術】

iOS、Windows、macOS

  • C++
  • Cinder

ファミリーTODO

ファミリー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

Eternal Glow
Eternal Glow
開発元:Megumu Ueda
無料
posted withアプリーチ

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

開発者:Ueda さん

Twitter:https://twitter.com/megyo9

【使用技術】

  • Xamarin
  • Firebase

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


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

スポーツ仲間が見つかるコミュニティアプリ - SPOFUN
スポーツ仲間が見つかるコミュニティアプリ – 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

栄冠にゃいん2020

栄冠にゃいん2020
栄冠にゃいん2020
開発元:koji716jp
無料
posted withアプリーチ

サービス概要:高校野球シミュレーションゲーム

開発者:koji さん

Twitter:https://twitter.com/EikanNyain

【使用技術】

フロント

  • Android:Xamarin.Forms

バックエンド

  • Web API:Azure Functions
  • データベース:Firebase
タイトルとURLをコピーしました