Upgrade to Pro — share decks privately, control downloads, hide ads and more …

個人開発で挫折する人を救いたい

 個人開発で挫折する人を救いたい

さくらのマイクロコミュニティ(Webサービス開発者の会)#6

Yusuke Inai

March 30, 2023
Tweet

More Decks by Yusuke Inai

Other Decks in Programming

Transcript

  1. 使用技術・インフラ構成 バックエンド フロントエンド その他 Ruby 3.0 Ruby on Rails 6.1.6

    (APIモード) TypeScript React 18.2.0 TailwindCSS Mantine TanStack Query Redux Docker Firebase Auth GitHub Actions
  2. Webサーバ APIサーバ データベース ① ② ③ ④ ⑤ クライアント ①URLをサーバに問い合わせ

    ②必要な静的ファイルを返却 ③データリクエスト ④データレスポンス ⑤取得データを基にレンダリング CSR前提のSPA
  3. Comp B Comp C Comp A Comp B Comp C

    Comp A cache useQuery isLoading isError isLoading isError store Classical Fetch TanStack Query
  4. useEffect fetch , [ ] useQuery always no data in

    loading no data in loading only first mount stale data stale data after second mount
  5. MVPリリースまでのロードマップ 01 企画・アイデア出し どういうサービスを 作りたいのか? 02 設計 ワイヤーフレーム作成 コンポーネント設計 DB設計

    03 環境構築 バックエンドはDocker フロントエンドはVite 05 各機能の実装 フロントエンド→バックエン ドで実装 04 デプロイ+自動化 herokuとAWSにデプロイ 一連のワークフローの自動化
  6. 独自ドメイン Google Domains で取得 利用規約など KIYACで作成 GA4の導入 アクセス数や 利用者数を取得 するため導入

    OGP、メタタグ OGPは Lambda@Edge を使って対応 リリース作業 Twitter Qiita 本リリースまでにしたこと