ID:70751さん

# プロジェクト概要 本プロジェクトは、Shopify HydrogenとRemixを使用し、AI生成商品を取り扱うオンラインストアの構築を目的としています。プロジェクトはデザイナー1人と開発者2人によって進行され、企画段階から参加しました。Remixを利用して、バックエンド側でKlaviyoとのAPI処理を実装しました。また、OpenAIのAPIを利用してチャットボットも実装し、主な担当はフロントエンド開発で、コードレビューも実施しました。使用技術としてはRemix, Shopify Hydrogen, React, TypeScript, Firebase, そして GraphQLを使用しました。プロジェクトの進行管理はGitHubでのIssue管理、コードレビュー、Google広告の運用とアナリティクスの管理、改善を行い、Discordを利用して迅速な意見交換を行っています。 ## 開発メンバー - プロジェクトマネージャー: 1人 - デザイナー: 1人 - 開発者: 2人 ## 担当内容 フロントエンド開発を主に担当し、RemixとShopify Hydrogenを利用して、オンラインストアのUI/UXをデザインおよび実装しました。また、OpenAIのAPIを利用してチャットボットの実装を行い、KlaviyoとのAPIの連携を通じてバックエンド処理を実装しました。コードの品質を保つためにコードレビューを実施し、チームメンバーと連携して開発プロセスの改善と効率化を図りました。 ## 使用技術 - **Remix**: フロントエンドフレームワークとして利用し、効率的かつスケーラブルなアプリケーション構造を実現しました。 - **Shopify Hydrogen**: オンラインストアの基盤として利用し、高速なページロードとスムーズなユーザエクスペリエンスを提供しました。 - **React**: UIコンポーネントの構築と管理を行いました。 - **TypeScript**: 型安全性を保ちながら効率的なコードを実写しました。 - **Firebase**: バックエンドサービスとして利用し、データベース管理と認証を実装しました。 - **GraphQL**: 効率的なデータフェッチと管理を行いました。 ## 取り組み - **GitHub**: Issue管理とコードレビューを通じて、プロジェクトの進行状況と品質を管理しました。 - **Google広告とアナリティクス**: 広告の運用とアナリティクスの管理を通じて、サイトのトラフィックとコンバージョン率の改善を図りました。 - **Discord**: チーム内コミュニケーションと意見交換を行い、効率的な開発プロセスを実現しました。 以上の取り組みと実装を通じて、AI生成商品を提供するオンラインストアの構築プロジェクトを成功裏に進行させました。

# プロジェクト概要 本プロジェクトはReact Native(Expo)とAWS Amplifyを使用してiOSおよびAndroidアプリを開発しました。プロジェクトメンバーは自分一人で、企画から設計、デザイン、QA, 実装、運営管理まで全て一人で行いました。担当範囲はフロントエンド、バックエンド、デザインであり、主に使用した技術はReact, TypeScript, AWS Amplify, React Native, Expoです。プロジェクトの中で特に苦労した点はDynamoDBのシングルテーブル設計での最適化とStripeのwebhook実装でした。また、アプリをGoogle Playで公開するプロセスも含まれています。 ## 開発メンバー - 開発者: 1人 (自分) ## 担当内容 - **フロントエンド**: React NativeとExpoを使用して、iOSおよびAndroidアプリのUI/UXを実装しました。 - **バックエンド**: AWS Amplifyを利用し、バックエンドの設計と実装を行いました。特にDynamoDBのシングルテーブル設計での最適化に焦点を当てました。 - **デザイン**: アプリのデザインコンセプトを作成し、UI/UXデザインを実施しました。 - **QA**: アプリの品質保証とテストを行いました。 - **運営管理**: アプリの運営と管理を行い、Google Playでの公開を含むリリースプロセスを管理しました。 ## 使用技術 - **React**: UIコンポーネントの構築と管理を行いました。 - **TypeScript**: 型安全性を保ちながら効率的なコードを実写しました。 - **AWS Amplify**: バックエンドサービスとして利用し、データベース管理と認証を実装しました。 - **React Native**: モバイルアプリケーションの開発フレームワークとして利用しました。 - **Expo**: モバイルアプリケーションのビルドとデプロイメントを効率化しました。 - **Recoil**: 状態管理ライブラリとして利用し、アプリケーションの状態を効率的に管理しました。 ## 苦労した点 - **DynamoDBのシングルテーブル設計**: DynamoDBのシングルテーブル設計での最適化を行い、パフォーマンスとスケーラビリティを確保しました。 - **Stripeのwebhook実装**: Stripeのwebhookを実装し、決済処理の自動化を実現しました。 - 初めはSolitoというReact Native + Next.jsのライブラリで一気にios, android, webを構築しようと考え実装したのですが、AWS-Amplifyとの連携が上手くいきませんでした。そこで、基本に立ち返りReact NativeでモバイルをNext.jsでwebを構築するというように、分けて実装するように方向転換しました。アプリ開発の良いところは、小さく分けてシンプルに、複雑にしないという教訓を得られました。 ## アプリ公開 - Google Playを通じてアプリを公開し、ユーザーフィードバックとレビューを収集し、アプリの改善を続けています。 以上の取り組みを通じて、iOSおよびAndroid向けのアプリケーションを効率的に開発し、運営しました。

# プロジェクト概要 本プロジェクトでは、ウェブサイトにおけるチャットボットの組み込み開発を担当しました。開発者は自分一人で、企画から設計、デザイン、実装、QA、そして運営管理まで全て一人で行いました。担当範囲はフロントエンド、バックエンド、そしてQAであり、主に使用した技術はReact, Gatsby.js, TypeScript, Firebase, OpenAI API, そして Supabaseです。 ## 開発メンバー - 開発者: 1人 (自分) ## 担当内容 - フロントエンド: ReactとGatsby.jsを利用して、ウェブサイトのUI/UXを実装しました。TypeScriptを用いて、コードの品質と効率を保ちました。 - バックエンド: FirebaseとSupabaseを利用し、バックエンドの設計と実装を行いました。特に、OpenAI APIを使用して、チャットボットの機能を実装しました。 - QA: ウェブサイトとチャットボットの品質保証とテストを行いました。 ## 使用技術 - React: UIコンポーネントの構築と管理を行いました。 - Gatsby.js: 高速なウェブサイトのビルドとデプロイメントを実現しました。 - TypeScript: 型安全性を保ちながら効率的なコードを実写しました。 - Firebase: バックエンドサービスとして利用し、データベース管理と認証を実装しました。 - OpenAI API: チャットボットの応答生成に利用しました。 - Supabase: 元になる資料をEmbeddingしたベクトルの保存先として使用しました。 ## 苦労した点 - OpenAI APIの応答チューニング: OpenAI APIを利用したチャットボットの応答チューニングに多くの時間と労力を投じ、期待するレベルのユーザーエクスペリエンスを提供できるよう努力しました。 - 音声再生機能の実装: ChatGPTの応答を音声で再生する機能を実装する際、Node.jsのライブラリ選定に苦労しました。最終的には適切なライブラリを見つけ、期待する機能を実装できました。 ## プロジェクトの成果 本プロジェクトを通じて、効率的なコードの記述、そして新しい技術の習得に成功しました。また、ユーザーからのフィードバックを受け取り、ウェブサイトとチャットボットの改善を続けています。