ID:74786さん

## プロジェクトの概要 アートに関わる物理・デジタル両方の商品を扱うECサイトを3人で開発しました。 ## URL https://art-sa2.com/ ## リポジトリ https://github.com/recursion-backend-projects/E-Commerce-Webapp-with-Stripe-Sync ## 作成した目的 コンピュータサイエンスとバックエンドのスキルを学習したメンバー同士で、スキルアップのために1からWEBサービスを開発しました。 チーム開発を開始する前に、メンバー間で話し合いをした結果、様々な商品を扱えるアートを題材としたECサイトを作成しようという話になりました。 ## 担当した役割 3人のチームで開発を行い、私は主に以下を担当しました。 - ソフトウェアの初期設計（ER図やユースケース図の作成） - 決済プラットフォームStripeを使った決済機能の実装 - 商品の基本管理機能の実装（商品の追加、編集、削除など） - セッションベースのショッピングカート機能の実装 - 商品へのタグ付け機能の実装 - チャットサポート機能をマイクロサービスとしてGoで実装 ## 使用技術 ### フロントエンド - HTML - CSS - TypeScript - Tailwind CSS ### バックエンド - Ruby - Go - Ruby on Rails ### インフラ - Amazon EC2 - Amazon RDS - Amazon S3 - Docker - NGINX - HTTPS-PORTAL - MailHog - Stripe - GitHub Actions ## 工夫した点 - GitHub Actionsを用いてCI/CDパイプラインの自動化 - Dockerを用いて各環境(ローカル、ステージング、本番)の整備 - Goを用いてチャットサポート機能をマイクロサービスとして実装 - JWTによる認証 - DockerとAWSによるデプロイ - Stripeを用いた安全な決済処理

### 概要 テキストや画像、動画などの投稿、プライベートチャットを楽しめるSNSウェブアプリケーションの個人開発を行いました。 ### URL https://ten.yuki-gakiya.com/ ### リポジトリ https://github.com/AkinoJoey/SocialNetworkingService ### 作成した目的 このSNSウェブアプリケーションの制作は、これまでの学習やプロジェクト作成を通じて得た知識とスキルを活かし、より大規模なプロジェクトに取り組むことを目指して始めました。独自のマイクロフレームワークを使用し、ゼロからアプリケーションを構築することで、将来的にどのようなバックエンドフレームワークを学習する際にも役立つスキルセットを身につけることを意図しています。 MVC（Model-View-Controller）アーキテクチャを採用し、データベースの管理にはマイグレーションベースを採用しました。また、データベースへのアクセスにはDAO（Data Access Object）を利用しています。 特にセキュリティへの取り組みには重点を置き、以下のセキュリティ対策を実装しました。 - セッションベースのユーザー認証 - ユーザー入力のバリデーション - プリペアドステートメントの使用 - テキストの暗号化 - CSRF（Cross-Site Request Forgery）対策 - 署名付きURLの発行 - Eメールの検証 ### 実装した機能 #### アカウント - アカウント作成 - Eメール認証 - ログイン - プロフィール画像、年齢、場所、自己紹介などのプロフィール作成 - アカウントの削除 - パスワードのリセット #### 投稿 - テキストの投稿 - 画像の投稿 - 動画の投稿 - 投稿の削除 - 日付・時間指定による予約投稿 #### ユーザーとのコミュニケーション - ダイレクトメッセージ - フォロー中、トレンド別のタイムライン表示 - ユーザー名、アカウント名でのユーザー検索 - 投稿に対するいいね機能 - 投稿への返信 #### 通知 - 自分の投稿への返信 - 自分の投稿へのいいね - フォロー - ダイレクトメッセージの受信 ### 使用技術 #### フロントエンド | 項目 | 内容 | |---------------------|------------------------------| | 使用言語 | HTML, CSS, Javascript | | CSSフレームワーク | Tailwind | | Tailwindライブラリ | flowbite, daisyUI | | 日付選択ライブラリ | Flatpickr | | リアルタイム通信 | WebSocket | | パッケージ管理 | npm | | モジュールバンドラー | webpack | #### バックエンド | 項目 | 内容 | |---------------------|------------------------------| | 使用言語 | PHP | | データベース | MySQL | | ジョブ管理ツール | cron | | 単体テスト 　　| PHPUnit | | メール送信 　　| PHPMailer | | リアルタイム通信 | Ratchet | | プロセス制御システム | Supervisor | | 画像編集 | ImageMagick | | 動画編集 | ffmpeg | | 日付操作 | Carbon | | ダミーデータ | Faker | | ダミー画像 | Pixabay API | | パッケージ管理 | Composer 　 | | オートローダー | Composer 　 | | Webサーバー | NGINX | | サーバー | Amazon EC2 | | SSL/TLS証明書更新 | Certbot | ## 工夫した点 - 署名付きURLによる検証、ミドルウェアによるアクセス制限、ユーザー入力の検証などによるセキュリティ対策 - cronによる定期スケジューリングの実行 - Web Socketを導入して非同期チャットメッセージ機能を実装

## 概要 ユーザーが匿名でテキストや画像を投稿できるイメージボードWEBアプリケーションを個人開発しました。 ## URL https://kotatsu.yuki-gakiya.com/ ## リポジトリ https://github.com/AkinoJoey/ImageboardWebapp ## 作成した目的 DAO（データアクセスオブジェクト）を活用したWEBアプリケーションを構築し、スキルアップを目指すためにこのアプリケーションを作成しました。 また、以下の技術も導入し、より強固でセキュアなアプリケーションの構築を目的にしました。 - マイグレーションベースのスキーマ管理 - バックエンドからのデータベース操作 - SQLインジェクション対策 - サーバーサイドレンダリング - 3層アーキテクチャ ## 実装した機能 - スレッドの作成 - スレッドへの返信 - スレッドと返信の表示 - URL作成 - 画像アップロード - 相対的な日付表示 - サムネイルの表示 - エラーハンドリング ## 使用技術 ### フロントエンド | 項目 | 内容 | |---------------------|------------------------------| | 使用言語 | HTML, CSS, Javascript | | CSSフレームワーク | Pico.css, Flexbox Grid | ### バックエンド | 項目 | 内容 | |---------------------|------------------------------| | 使用言語 | PHP | | データベース | MySQL | | 画像編集 | ImageMagick | | 日付操作 | Carbon | | ダミーデータ | Faker | | パッケージ管理 | Composer 　 | | オートローダー | Composer 　 | | Webサーバー | NGINX | | サーバー | Amazon EC2 | | SSL/TLS証明書更新 | Certbot | ## 工夫した点 - データアクセスオブジェクトの導入し、データベースへのアクセス方法を抽象化 - スケーラビリティ確保のためのハッシュを用いたディレクトリ管理 - テストと開発の効率向上のためのダミーデータ導入システムの構築

## 概要 ユーザーアカウント不要で手軽に画像をアップロード、共有、表示できるオンライン画像ホスティングサービスを個人開発しました。 ## URL https://pix-pocket.yuki-gakiya.com ## リポジトリ https://github.com/AkinoJoey/OnlineImageHostingService ## 作成した目的 学習した3層アーキテクチャ、サーバーサイドレンダリングの知識をアウトプットしたいと思い作成しました。 ### 実装した機能 - 画像アップロード - URL作成 - 閲覧数カウンター - 手動での画像削除 - 一定期間アクセスがない画像の自動削除 - エラーハンドリング ## 使用技術 ### フロントエンド | 項目 | 内容 | |---------------------|------------------------------| | 使用言語 | HTML, CSS, Javascript | | CSSフレームワーク | Pico.css, Flexbox Grid | | CSSアニメーション | Animista | ### バックエンド | 項目 | 内容 | |---------------------|------------------------------| | 使用言語 | PHP | | データベース | MySQL | | ジョブ管理ツール | cron | | Webサーバー | NGINX | | サーバー | Amazon EC2 | | SSL/TLS証明書更新 | Certbot | ## 工夫した点 - スケーラビリティを確保するためにハッシュベースのファイル管理手法を用いて画像を保存した - cronを利用して30日間アクセスのない画像は自動的に削除する機能を導入した - 厳密なPOSTデータ検証を実装し、ユーザー入力によるエラーを未然に防ぐようにした

## 概要 ユーザーアカウント不要で手軽にテキストやスニペットを共有できるWEBアプリケーションを個人開発しました。 ## URL https://text-snippetter.yuki-gakiya.com ## リポジトリ https://github.com/AkinoJoey/TextSnippetSharingService ## 作成の目的 以下の知識・技術を駆使して、動的なWEBアプリケーションを構築し、サーバーサイドのスキル向上を図りました。 - マイグレーションベースのスキーマ管理 - バックエンドからのデータベース操作 - SQLインジェクション対策 - サーバーサイドレンダリング - 3層アーキテクチャ ## 実装した機能 - スニペット作成 - URL作成 - 有効期限管理 - コードエディター - 複数言語対応のシンタックスハイライト表示 - エラーハンドリング ## 使用技術 ### フロントエンド | 項目 | 内容 | |-------------------|------------------------| | 使用言語 | HTML, CSS, Javascript | | コードエディタ | Monaco Editor | | CSSフレームワーク | Pico.css, Flexbox Grid | ### バックエンド | 項目 | 内容 | |-------------------|------------------------| | 使用言語 | PHP | | データベース | MySQL | | Webサーバー | NGINX | | サーバー | Amazon EC2 | | SSL/TLS証明書更新 | Certbot | ## 工夫した点 - マイグレーションベースのスキーマ管理を自作した - エラーを未然に防ぐためにデータのバリデーションを厳密に行った - 開発の拡張性と保守性向上を目指し、MVCアーキテクチャを実装した