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
エンジニアリングマネージャーの成長の道筋とキャリア / Developers Summit 2025 KANSAI
daiksy
3
1k
Modern Linux
oracle4engineer
PRO
0
160
Snowflake×dbtを用いたテレシーのデータ基盤のこれまでとこれから
sagara
0
120
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
210
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
kawabeaver
0
430
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
170
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
480
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
kawanoriku0
1
200
Unlocking the Power of AI Agents with LINE Bot MCP Server
linedevth
0
120
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
5
1.3k
dbt開発 with Claude Codeのためのガードレール設計
10xinc
2
1.3k
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Building Applications with DynamoDB
mza
96
6.6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
It's Worth the Effort
3n
187
28k
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