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

社内の開発便利ツールを作った話 / サブカル業界Developers 勉強会Vol.6

cateiru
March 01, 2024
470

社内の開発便利ツールを作った話 / サブカル業界Developers 勉強会Vol.6

cateiru

March 01, 2024
Tweet

Transcript

  1. 自己紹介 • @cateiru(かている) • 渡邊 悠人 • 株式会社はてな Webアプリケー ションエンジニア

    • マンガメディア開発チームで GigaViewerを作っています • 2023年4月に新卒入社したので、 まだギリギリ”新卒1年目”です 2
  2. 自己紹介 • @cateiru(かている) • 渡邊 悠人 • 株式会社はてな Webアプリケー ションエンジニア

    • マンガメディア開発チームで GigaViewerを作っています • 2023年4月に新卒入社したので、 まだギリギリ”新卒1年目”です 3
  3. GigaViewerの環境 1/3 • 本番環境 • ステージング環境 ◦ 本番環境とほぼ同じ環境 ◦ 作品の入稿チェックなどにも使用

    • 開発環境 ◦ 開発ブランチにマージされるとデプロイされる ◦ DBは専用のものにつながっている 9
  4. GigaViewerの環境 3/3 • ブランチごとの環境 ◦ 世間的には Deploy preview とか Preview

    deployments とか言われている環境 ◦ ブランチごとに立てられる ◦ 設定することで本番の読み取り専用DBにも接続で きる 11
  5. 技術構成 • React + ViteのSPA構成 • UIは ChakraUI • 各環境のURLはソース内にハードコーディング

    • ブランチごとの開発環境のみブランチ名をクエリパ ラメータに渡すことでURL一覧を生成できるように • GitHub Pagesでホスト 22