【決定版】初心者がwebサービス・アプリを作ってみた！50選

公開日：2016-4-11 最終更新日：2016-6-14
プロナビTOP / プログラミング初心者向けお役立ちコンテンツ

「webサービスやアプリを作ってみたい」という気持ちでプログラミングを始めたけれども、実際に作り始めるとまず何をすればいいかわからないという方は少なくないのではないしょうか。

今回は、プログラミング未経験の方やプログラミング歴が浅い方がwebサービスやアプリを作った経験が詳細に書かれた記事を紹介します。サービスを企画してから公開するまでの一連の流れ、プログラミングの学習方法、技術的なテクニック、モチベーションの保ち方など、開発者が学んだことがふんだんに盛り込まれています。これからサービスを作ろうと思っている方は是非参考にしてみてください。

webサービス

1.ノンプログラマーが8ヶ月でWebサービスを作ってみた

作ったもの	Rubbishbook – 失敗を共有するクチコミサイト
言語	Ruby
期間	8ヶ月
書籍	Ruby on Rails 4 アプリケーションプログラミング

2.プログラミング歴10ヶ月だけど小説投稿サイトDenkinovel作りました

作ったもの	Denkinovel – 背景変化・BGMなどの演出のある小説を投稿できる小説投稿サイト
言語	Ruby

3.ノンプログラマーが3ヶ月でWebサービスを作ってみた

作ったもの	Chibineko – 世界で最もシンプルなテストツール
言語	Ruby
期間	3ヶ月
学習サイト	Ruby on Rails チュートリアル

4.webサービス(webアプリ)を1年独学で個人開発してきた僕の作り方

作ったもの	ScrapeApe – スクレイピング自動化オートブラウジングツール
言語	Ruby
期間	2日
関連記事	webサービス(webアプリ)を1年独学で個人開発してきた僕の作り方

5.素人がRuby on Railsを勉強してWEBサービスを作るまで

作ったもの	shot idea – アイディアデータベース
言語	Ruby
期間	3ヶ月
書籍	たのしいRuby 第3版・作りながら学ぶRuby入門第2版
学習サイト	ドットインストール

6.iOSアプリエンジニアがRailsでWebサービスを作るときの学習手順

作ったもの	Stargazer – エンジニアアウトプットスコアランキング
言語	Ruby
書籍	初めてのRuby・パーフェクトRuby on Rails・パーフェクトRuby等
学習サイト	ドットインストール・Ruby on Rails チュートリアル

7.初心者がAWSでRailsアプリを動かすためにやったこと

作ったもの	Door2Me – シンプルでクールなプロフィールを手軽に作成できるサービス
言語	Ruby
学習サイト	ドットインストール等

8.素人がそこそこのWebサービスをつくる方法

作ったもの	飲活 – 学生と社会人が気軽にお酒を飲むためのソーシャルサービス
言語	PHP

9.素人がWebサービスを作ってみて分かった9つのこと

作ったもの	Worklista – 「これまでの仕事リスト」のCMS
言語	PHP
書籍	Head First Rails ―頭とからだで覚えるRailsの基本

10.ド素人が完全自作SNSを作ってみてわかったこと。

作ったもの	チャットがメインのSNS
言語	PHP・javascript
期間	9ヶ月
書籍	よくわかるPHPの教科書　・パーフェクトPHP・パーフェクトjavascript等

11.週6フリーターもWEBサービス作ってみました。

作ったもの	はてブ1000users超え記事アンテナ
言語	PHP

12.ゆとり世代の文系でも一人でWebサービスを作ってみました

作ったもの	メンズファッション類似検索 Monosy – メンズファッションでその商品に似ている商品を探せるサービス
言語	PHP
期間	5.5ヶ月
学習サイト	ドットインストール
関連記事	HTML/CSS最短勉強法！素人が5日でWebサイトをデザインするためにやったこと

13.プログラム初心者がwebサービスをリリース

作ったもの	海外ドラマJP DRACO – 海外ドラマ検索サイト
言語	PHP
期間	4日間

14. 超初心者の僕もwebサービス作ってみました。

作ったもの	増田あんてな – はてな匿名ダイアリーの人気記事アンテナサイト
言語	PHP

15.文系ド素人がmixiアプリを開発～リリースするまでのまとめ

作ったもの	一行リレー小説 – mixiアプリ
言語	PHP・Javascript
期間	3ヶ月
書籍	改訂新版基礎PHP・JavaScript 第5版等

16.Webデザイナーが独学でWebサービスを作って公開するまで

作ったもの	Sket │スケット – フリーランスの活動をサポートする、実名制のクラウドソーシング
言語	PHP
期間	6ヶ月
書籍	よくわかるPHPの教科書・はじめてのCakePHP等
学習サイト	ドットインストール

17.Webサービスを作ってみた！僕の10ステップ

作ったもの	フォト★レポ – 週末にお出かけする場所をレポートを共有するwebサービス
言語	PHP

18.３２歳無職が３ヵ月でSNSサービスを作ってみた

作ったもの	FLGMAP – 行った場所を記録するWebサービス
言語	PHP・JavaScript
期間	3ヶ月

19. 【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】

作ったもの	好きでいて.net – 気になるあの人に内緒で告白できるサービス
言語	PHP
期間	1ヶ月
書籍	よくわかるHTML5+CSS3の教科書・よくわかるPHPの教科書・基礎からのＭｙＳＱＬ等

20.無職のおっさんがWebサービスを作ってみた結果

作ったもの	100均魂 – 100円均一の活用技・商品レビューの投稿サイト
言語	PHP

21.事務職リーマンがwebサービスを作ってみた話

作ったもの	カグサイズ – 家具をサイズ(幅x奥行x高さ)で検索できる、楽天市場・家具カテゴリ専門の検索エンジン
言語	Javascript
期間	18ヶ月

22. 【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた

作ったもの	ドラゴンクエスト・ロトシリーズのストーリーまとめ
言語	JavaScript
学習サイト	はじめてのjQuery・ASCII.jp：40分で覚える！jQuery速習講座等

23.はじめてのWebサービスをつくってみた

作ったもの	mybookify – 自分の気になる事柄に関する書籍についての新刊情報をチェックできるサービス
言語	JavaScript
期間	1.5ヶ月
学習サイト	ドットインストール

24.初心者がGAS(Google Apps Script)でSlack Botをつくってみた

作ったもの	Slack Bot
言語	Javascript

25.Webプログラミング素人が利用者9万人のmixiアプリを作るまで

作ったもの	ふしぎな生き物　ふにゃもらけ – mixiアプリ
言語	Javascript
書籍	現場のプロから学ぶXHTML+CSS・ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール等

アプリ

26.Swift初心者がRSSリーダーアプリを作ってみた話

作ったもの	RSSリーダー
言語	Swift
期間	2ヶ月
書籍	詳解Swift

27.【Interview】プログラミング未経験者が3か月半でアプリをリリース!訪日外国人向け音声ツアーガイド「Pokke」を探る

作ったもの	Pokke（ポッケ） – 音声ツアーガイドアプリ
言語	Swift
期間	3か月半
プログラミングスクール	G’s Academy

28. 初心者がSwift習得したくて10日間で21個のクソアプリを作った話

作ったもの	ToDoアプリ・天気予報アプリ・ブログリーダ・立体物認識アプリ等
言語	Swift
期間	10日間

29.Swift知識ゼロから3週間ですこし凝った地図アプリを作った話

作ったもの	パウダールームマップ
言語	Swift
期間	1ヶ月
書籍	基礎からわかるSwift・絶対に挫折しないiPhoneアプリ開発「超」入門
学習サイト	ドットインストール

30.無職でプログラミング初心者の私がSwiftを勉強して2ヶ月でiPhoneアプリをリリースするまでに学んだ大事なこと

作ったもの	peedPitch – 耳コピ用アプリ
言語	Swift
期間	2ヶ月
学習サイト	Code With Chris・Build Your First iOS Game With Swift

31. 競争激しいアプリ市場で、プログラミング素人の女性が作ったアプリが世界40カ国で使われるシンプルな理由

作ったもの	meal – 食のライフログアプリ
言語	Swift
期間	6ヶ月

32.Webデザイナーだけど初めてのiPhoneアプリを7日間で開発した手順と利用ツール

作ったもの	禁煙は貯金だ！ – 我慢したタバコの本数をお金に換算するアプリ
言語	HTML・CSS・JavaScript
期間	7日間

33.初心者が4ヶ月半でアプリを申請するまでにやったこと

作ったもの	Port Lounge　- 動画共有アプリ
言語	Swift
期間	4ヶ月半
書籍	TECHNICAL MASTERはじめてのiOSアプリ開発Swift対応版・「プロになるためのWeb技術入門」 ――なぜ、あなたはWebシステムを開発できないのか
学習サイト	Swiftで作るToDoアプリ開発チュートリアル

34.新卒マークアップエンジニアが、趣味でiOSアプリを半年で「11個」リリースした話

作ったもの	近くのスタバ – カフェまでウォーキング・脳トレ系アプリ・ひとり面雀等
言語	Swift
期間	6ヶ月
書籍	詳解 Swift・リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック

35. LGTMcamというiOSアプリをリリースと同時にgithubに公開しました

作ったもの	LGTMcam – 写真撮影アプリ
言語	Swift
期間	3日間
学習サイト	ドットインストール・iOS 7 Best Practices; A Weather App Case Study等

36.iPhoneアプリ開発初心者の普通の大学生が、1ヶ月ちょっとでiPhoneアプリをリリースするまでにやった事。

作ったもの	タッチでハゲ
言語	Swift
期間	1ヶ月
書籍	よくわかるiPhoneアプリ開発の教科書【Xcode 4対応版】・cocos2dで作る iPhone＆iPadゲームプログラミング等

37.C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。

作ったもの	iOkinawa!
言語	objective-c
期間	２ヶ月
書籍	iPhone SDKの教科書―Cocoa Touchプログラミング、最初の一歩・たのしいCocoaプログラミング[Leopard対応版]
学習サイト	苦しんで覚えるC言語等

38.swift初心者がSmartNews風ニュースアプリを作ってみる過程を晒す

作ったもの	SmartNews風ニュースアプリ
言語	Swift

39.Swiftの勉強をするために、Swiftでアプリを一から作ってみた話

作ったもの	Rebuilt – ポッドキャストRebuildの”非公式”クライアントアプリ
言語	Swift
書籍	Swiftスタートアップガイド・詳解 Swift

40.iOS初心者がSwiftでグノシーみたいなタブ型RSSリーダーを作ってみた

作ったもの	RSSリーダー
言語	Swift

41.iPhoneアプリ開発初心者がSwift + CoreDataでシンプルなTODOアプリをつくってみた

作ったもの	TO DOアプリ
言語	Swift
書籍	詳解 Swift
学習サイト	ドットインストール等

42.67才プログラミングほぼ未経験にしてiPhoneアプリをリリースした方に色々聞いてみた

作ったもの	お酒適量 – お酒を飲み過ぎかどうかチェックできるアプリ
言語	Swift
プログラミングスクール	アプリ道場

43.プログラミング初心者がswiftでゲームアプリ的なものを作ってみた。

作ったもの	占いアプリ
言語	Swift

44.iOS 初心者が Swift を使って3日でゲームを作った話

作ったもの	車が十字路を左折・直進・右折するゲーム
言語	Swift

45.JavaScriptプログラマがSwift iOSアプリを２週間で作って公開してみた〜その1 Overview〜

作ったもの	TwitStocker – 自分がシェアしたTweet記事を読んで管理できるアプリ
言語	Swift
期間	2週間

46.PHPerがSwiftでiOSアプリ作って公開してみた 1 – はじめに

作ったもの	Sclap – 気になるニュースのスクラップを楽しもう
言語	Swift

47.初心者でもAndroidのカラーコーディネート用アプリが作れたた

作ったもの	カラコデ – カラーコーディネートアプリ
言語	Java

48.【Unity】素人が7日間クソゲーを作り続けてわかったこと

作ったもの	カーレース・野球ゲーム等
言語	Unity
期間	7日間
書籍	Unity5入門　最新開発環境による簡単3D＆2Dゲーム制作・uGUIではじめるUnity UIデザインの教科書-Unity5対応等

49.ド素人のデブでも出来た！超初心者がUnityでクソゲー作ってみた

作ったもの	裸体 ver0.1
言語	Unity
期間	1時間
学習サイト	はじめてのUnity　世界の骨格を作ろう

50.Unity初心者が2 d sprite使ってゲームを作ってみた【前半戦】

作ったもの	人間玉入れ
言語	Unity
書籍	Unityで作るスマートフォン3Dゲーム開発講座
学習サイト	ドットインストール
関連記事	Unity初心者が2 d sprite使ってゲームを作ってみた【後半戦】