Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WebApp個人開発のすゝめ / Recommendation of personal web...
Search
silverbirder
June 24, 2019
Technology
0
190
WebApp個人開発のすゝめ / Recommendation of personal web app development
WebApplicationを個人で開発することで、様々なメリットがあります。
このスライドでは、具体的なWebAppを構築する上でのサービス紹介と、
得られるメリットを紹介します。
silverbirder
June 24, 2019
Tweet
Share
More Decks by silverbirder
See All by silverbirder
Micro_Frontends_on_Kubernetes-trial-
silverbirder
0
610
FX My Strategy -bollinger_band_3_order-
silverbirder
0
43
GUI Tools for windows
silverbirder
0
49
アジャイル開発 -スクラム- /Agile Development -scrum-
silverbirder
0
85
「Java言語で学ぶ デザインパターン入門」を 読んでみた / I read "Introduction to Design Patterns Learned in the Java Language"
silverbirder
0
89
Other Decks in Technology
See All in Technology
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
2
200
モダンな現場と従来型の組織——そこに生じる "不整合" を解消してこそチームがパフォーマンスを発揮できる / Team-oriented Organization Design 20250825
mtx2s
6
550
認知戦の理解と、市民としての対抗策
hogehuga
0
360
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
3
260
ECS モニタリング手法大整理
yendoooo
1
120
自社製CMSからmicroCMSへのリプレースがプロダクトグロースを加速させた話
nextbeatdev
0
140
.NET開発者のためのAzureの概要
tomokusaba
0
230
Yahoo!広告ビジネス基盤におけるバックエンド開発
lycorptech_jp
PRO
1
280
実践アプリケーション設計 ①データモデルとドメインモデル
recruitengineers
PRO
3
260
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの3つのシナリオ
masayamoriofficial
0
180
[CVPR2025論文読み会] Linguistics-aware Masked Image Modelingfor Self-supervised Scene Text Recognition
s_aiueo32
0
210
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
110
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
Visualization
eitanlees
147
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Optimizing for Happiness
mojombo
379
70k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Done Done
chrislema
185
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Transcript
WebApp個人開発のすゝめ @silver_birder 2019/06/24
$whoami 2
3 Love ErgodoxEZ
4 Love Fx Trade/Dev EA
5 Love Smart App https://medium.com/@silverbirder/スマート家電のよさをしってほしい
6 Try Kubernetes https://qiita.com/silverbirder/
and more ! → https://silver-birder.github.io 7
WebApp個人開発のすゝめ 8
WebApp個人開発してますか? 9
WebApp個人開発の構成例 10 now.sh frontend code surge.sh netlify deployment source code
deploy service use heroku Cloud Run Cloud Function Cloudinary Firebase Auth Algolia CircleCI Snyk Sentry MongoDB Cloud DataStore Codecov react.js vue.js angular.js backend code golang node.js python
WebApp個人開発の構成例 11 now.sh frontend code surge.sh netlify deployment source code
deploy service use heroku Cloud Run Cloud Function Cloudinary Firebase Auth Algolia CircleCI Snyk Sentry MongoDB Cloud DataStore Codecov react.js vue.js angular.js backend code golang node.js python ALL FREE!!! ※ ※ limited use
つくってみたもの 12 書籍管理
つくってみたもの 13 Random AmazonRanking
つくってみたもの 14 Search LocalWeb
ぜんぶ無料で作れちゃうんですよ 15
作ってみませんか? 16
こういうメリットがありますよ? 17
• 1からすべてつくれるようになる • コストを考えるようになる • 素早くつくれるようになる WebApp個人開発から得られること 18
1からすべてつくれるようになる 19 プラットフォームは何にする? どんなUIにする? どんな機能がほしい? だれに使ってほしい?
1からすべてつくれるようになる 20 プラットフォームは何にする? → mobile (手軽に見れたら良い) どんなUIにする? → tapしやすいレイアウト (情報量を詰め込みすぎない)
どんな機能がほしい? → 登録した書籍の検索 (何を持ってたか知るため) だれに使ってほしい? → 書籍を手軽に管理したい人 (個人向け) 書籍管理アプリを作るなら...?
1からすべてつくれるようになる 21 プログラミング言語は何にする? サーバはどうする? ドメインはどうする? DBはどうする? WWW < /CODE >
書籍管理アプリを作るなら...?
1からすべてつくれるようになる 22 プログラミング言語は何にする? → vue.js/golang (使ったことないから使いたい) サーバはどうする? → Deploymentサービスを活用 (楽したいから)
ドメインはどうする? → DeploymentサービスのドメインでOK (こだわりなし) DBはどうする? → Algoliaを使うから不要 (楽したいから) WWW < /CODE > 書籍管理アプリを作るなら...?
コストを考えるようになる 23 Google App Engine Google Cloud Function https://cloud.google.com/appengine/pricing?hl=ja https://cloud.google.com/functions/pricing?hl=ja
起動しているだけでお金が発生してしま う リクエストに応じてお金が発生するた め、実質無料
コストを考えるようになる 24 お試しできる! https://zeit.co/pricing
素早くつくれるようになる 25 書籍管理アプリを作りたい。 いろいろ夢が広がる。→ 完成しない。 タグ 広告 認証 OGP CRUD
通知 バックアップ SNS共有 検索
素早くつくれるようになる 26 タグ 広告 認証 OGP CRUD 通知 バックアップ SNS共有
検索 書籍管理アプリを作りたい。 使えるものは使って、必要最小限でリリースしよ♪
素早くつくれるようになる 27 タグ 広告 認証 OGP CRUD 通知 バックアップ SNS共有
検索 書籍管理アプリを作りたい。 一旦リリースしたので、機能拡張したよ!
いろいろ良いところがあるけど... 28
単純に新しい技術を触れるのは楽しいよね! 29 pulumi react Native Firebase vlang swiftUI k8s micro
frontend
わたしのオススメ 30
わたしのオススメ 31 now.sh frontend code deployment source code deploy service
use Algolia vue.js backend code node.js
わたしのオススメ 32 now.sh frontend code deployment source code deploy service
use Algolia vue.js backend code node.js ALL JS!!!
またね! 33
[補足] スライドテンプレート 34 http://sanographix.github.io/azusa-colors/
[補足] 絵文字 35 https://getemoji.com/
[補足] アンテナ https://github.com/trending https://qiita.com/?scope=monthly https://www.reddit.com/r/web/ https://news.ycombinator.com/best 36