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 app development
Search
silverbirder
June 24, 2019
Technology
0
160
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
480
FX My Strategy -bollinger_band_3_order-
silverbirder
0
39
GUI Tools for windows
silverbirder
0
44
アジャイル開発 -スクラム- /Agile Development -scrum-
silverbirder
0
80
「Java言語で学ぶ デザインパターン入門」を 読んでみた / I read "Introduction to Design Patterns Learned in the Java Language"
silverbirder
0
78
Other Decks in Technology
See All in Technology
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
Amazon FSx for NetApp ONTAPのパフォーマンスチューニング要素をまとめてみた #cm_odyssey #devio2024
non97
0
220
CTOから見た事業開発とプロダクト開発 / My Perspective on Business and Product Development as CTO
keisuke69
4
960
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
130
スレットハンティングについて知っておきたいこと
hacket
0
130
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
LLMアプリケーションの評価の実践と課題 ~PharmaXにおける今後の展望~
pharma_x_tech
2
170
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
Featured
See All Featured
Building an army of robots
kneath
301
42k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
Ruby is Unlike a Banana
tanoku
96
10k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
Web Components: a chance to create the future
zenorocha
307
41k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
KATA
mclloyd
20
13k
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