つべこべ言わずにwebアプリをつくろう！/create_web_app_guide

Slide 1

Slide 1 text

つべこべ言わずにwebアプリをつくろう！山下智矢株式会社Inner Resource

Slide 2

Slide 2 text

何をするか web アプリを作りたいと思ったら、何を考えるかの話をします web アプリとは、インターネット上に公開されているブラウザで動作するアプリのことを指します

Slide 3

Slide 3 text

やらないこと設計や実装の仕方などの細かい話

Slide 4

Slide 4 text

アジェンダ何を考えるかどのように構築するかどのように公開するか

Slide 5

Slide 5 text

何を考えるかなぜ作るのか目的は？何を作るかどんなアプリ？何を使いたいか使いたい技術は？いくらかけれるか予算は？

Slide 6

Slide 6 text

何を考えるか - 目的は？今後の考え方、モチベーションや技術選定に大きく関わるので、しっかり固めておきましょう学習のため身近な問題を解決するためお金を稼ぐため

Slide 7

Slide 7 text

何を考えるか - どんなアプリ？整理したり計算したりするだけのツール電卓、同期機能のないToDoリストなどデータの保存はしないか、デバイス上で完結ビジネスロジックがあれば良い

Slide 8

Slide 8 text

何を考えるか - どんなアプリ？あなたがコンテンツを提供しユーザーは閲覧するブログ、ニュースなど単一方向のCMS DBと、コンテンツを閲覧しやすいUIが必要

Slide 9

Slide 9 text

何を考えるか - どんなアプリ？ユーザーもコンテンツをCRUDする掲示板、SNS などインタラクティブなCMS コンテンツのCRUDをしやすくするバックエンドロジックも必要誰がコンテンツを作ったのかを管理するために、認証の機能なども

Slide 10

Slide 10 text

何を考えるか - 使いたい技術は？言語は？フレームワークは？アーキテクチャは？

Slide 11

Slide 11 text

何を考えるか - 予算は？無料で？趣味の範囲内で課金できる？採算がとれる目処がある？出資者がいる？

Slide 12

Slide 12 text

どのように構築するかバックエンドのロジックが必要な場合、サーバを用意して構築することが必要ですフレームワークに頼ってある程度自分で構築する SaaSに頼ってサーバーレスで構築する

Slide 13

Slide 13 text

どのように構築するか　 - サーバーレス目的や予算によっては、車輪の再開発をせずに、提供されているサービスや公開されているAPI を有効活用しましょう

Slide 14

Slide 14 text

サーバーレスサービスの一例 CMS フルスタック CMS Wordpress Headless CMS Contentful FaaS 独自のAPIのエンドポイントとなる AWS Lambda Google Cloud Functions

Slide 15

Slide 15 text

サーバーレスサービスの一例 DB (BaaS） Firebase Supabase 認証・認可多様化する認証フローをすべて自分で作るのは大変なので Firebase Authentication Amazon Cognito Auth0

Slide 16

Slide 16 text

サーバーレスサービスの一例メール送信 Sendgrid Mailchimp 決済セキュリティとか担保できないなら、自分で構築するのは避けましょう Stripe Square Pay.jp

Slide 17

Slide 17 text

サーバーレスサービスの一例ストレージ画像やファイルの保存、画像の加工なども Cloudinary Amazon S3 Firebase Storage 各種公開API 公開されてるAPIをうまく使えば、自分で開発することはほとんどなかったりする

Slide 18

Slide 18 text

どのように公開するかインターネット上に公開する以上、インターネットに繋がっているサーバにアプリを設置する必要がある自宅サーバ IaaS PaaS

Slide 19

Slide 19 text

どのように公開するか - 自宅サーバ停電や通信切断のリスクを取れて、セキュリティやネットワークの知識に自信があれば取りうる主なコストは電気代

Slide 20

Slide 20 text

どのように公開するか - IaaS Amazon EC2, レンタルサーバなどミドルウェアやランタイムの導入、デプロイは自分でやるスペックにこだわらなければ安価に利用できるものが多い

Slide 21

Slide 21 text

どのように公開するか - PaaS Netlify, Heroku, Vercel など自分の使いたい言語のランタイムに対応しているかソースコードをプッシュするだけで簡単にホスティングできるものが多いファンクションやストレージ機能を提供してくれるものも無料で使えたり、少額のサブスクで使える