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
180
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
600
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
86
Other Decks in Technology
See All in Technology
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1k
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
570
Wasm元年
askua
0
160
SpringBoot x TestContainerで実現するポータブル自動結合テスト
demaecan
0
110
AI導入の理想と現実~コストと浸透〜
oprstchn
0
130
Prox Industries株式会社 会社紹介資料
proxindustries
0
340
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
160
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
220
本が全く読めなかった過去の自分へ
genshun9
0
660
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
350
Featured
See All Featured
Building an army of robots
kneath
306
45k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Agile that works and the tools we love
rasmusluckow
329
21k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Language of Interfaces
destraynor
158
25k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
940
Balancing Empowerment & Direction
lara
1
390
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