<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>React on サブカル科学研究会のブログ</title>
    <link>https://www.subcul-science.com/tags/react/</link>
    <description>Recent content in React on サブカル科学研究会のブログ</description>
    <generator>Hugo</generator>
    <language>en</language>
    <lastBuildDate>Fri, 11 Jul 2025 07:06:30 +0900</lastBuildDate>
    <atom:link href="https://www.subcul-science.com/tags/react/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>BookingButler：Googleカレンダー連携で出張管理を自動化するWebアプリ</title>
      <link>https://www.subcul-science.com/post/20250711booking-buttler/</link>
      <pubDate>Fri, 11 Jul 2025 07:06:30 +0900</pubDate>
      <guid>https://www.subcul-science.com/post/20250711booking-buttler/</guid>
      <description>出張の移動時間計算とスケジュール調整を自動化するBookingButlerの開発記録。Googleカレンダーと連携し、予定間の最適な移動ルートを算出する技術実装を紹介。</description>
    </item>
    <item>
      <title>サークル写真管理の分散・重複問題をSHA256ハッシュで解決 - drive-gallery開発事例</title>
      <link>https://www.subcul-science.com/post/20250711drive-gallery/</link>
      <pubDate>Fri, 11 Jul 2025 06:51:53 +0900</pubDate>
      <guid>https://www.subcul-science.com/post/20250711drive-gallery/</guid>
      <description>&lt;h2 id=&#34;はじめに&#34;&gt;はじめに&lt;/h2&gt;&#xA;&lt;p&gt;サークルやチームでイベントの写真・動画を管理していると、「どこに何の写真があったっけ？」「同じ写真が複数の場所にアップされている」といった問題に直面することはありませんか？本記事では、音楽セッショングループ「Luke Avenue」の&lt;strong&gt;メディア管理課題&lt;/strong&gt;を解決するために開発した「drive-gallery」における&lt;strong&gt;分散・重複問題の技術的解決アプローチ&lt;/strong&gt;について詳しく解説します。&lt;/p&gt;</description>
    </item>
    <item>
      <title>ViteでReact の環境構築</title>
      <link>https://www.subcul-science.com/post/20250125vite/</link>
      <pubDate>Sat, 25 Jan 2025 13:55:51 +0900</pubDate>
      <guid>https://www.subcul-science.com/post/20250125vite/</guid>
      <description>&lt;h2 id=&#34;環境構築&#34;&gt;環境構築&lt;/h2&gt;&#xA;&lt;pre&gt;&lt;code&gt;npx create-react-app my-app&#xA;cd my-app&#xA;npm start&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;p&gt;上の方法は古いらしい&lt;/p&gt;&#xA;&lt;p&gt;下記の方法でviteを利用してReact+TypeScriptの環境構築を行う&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;npm create vite@latest&#xA;&lt;/code&gt;&lt;/pre&gt;</description>
    </item>
  </channel>
</rss>
