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
150
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
420
FX My Strategy -bollinger_band_3_order-
silverbirder
0
35
GUI Tools for windows
silverbirder
0
43
アジャイル開発 -スクラム- /Agile Development -scrum-
silverbirder
0
64
「Java言語で学ぶ デザインパターン入門」を 読んでみた / I read "Introduction to Design Patterns Learned in the Java Language"
silverbirder
0
63
Other Decks in Technology
See All in Technology
生成AI・LLM時代における 機械学習エンジニアとしてのキャリア戦略・開発戦略 / my-career-and-development-strategies-for-ml-engineer-2024
yuya4
4
960
大規模言語モデル開発のための日本語 Instruction データセット作成の取り組み
kunishou
1
180
期待しすぎずに取り組む両面 TypeScript
shozawa
4
580
Castor - Symfony Live 2024 - Paris
lyrixx
1
110
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
220
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
560
社内共通ルールを値オブジェクトにして社内ライブラリとして運用してみた話
leveragestech
2
1.2k
戦略的DDDを実践するための跳躍力 / OOC 2024
pictiny
6
4.3k
AFTを運用していたらAWS Configの課金が急増していた件
msato
0
120
OpenTelemetry実践 はじめの一歩
taxin
0
330
中央集権体制からDataOpsへの転換 / centralized-to-dataops-transformation
pei0804
7
1.6k
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
700
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Design by the Numbers
sachag
274
18k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
The Pragmatic Product Professional
lauravandoore
24
5.7k
Designing on Purpose - Digital PM Summit 2013
jponch
109
6.4k
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