こんにちは、 KenRp01
バックエンドエンジニアです。

GoによるREST APIとReactによる画面を組み合わせ、チャット機能のデータフローを検証した個人開発です。

APIとUIを分離し、異なる言語・実行環境間で型と責務をどう整理するかを学びました。

担当

企画、API設計、フロントエンド・バックエンド実装

使用技術

Go、Echo、React、TypeScript

成果・学び

REST APIの設計から画面接続まで、一連の実装を通して構成上の判断点を整理しました。

AngularとFirebaseの学習を目的に、メッセージを投稿・参照できるチャットアプリを開発しました。

コンポーネント分割、フォーム、Firebaseを使ったデータ永続化を実装しています。

担当

画面設計、フロントエンド実装、Firebase設定

使用技術

Angular、TypeScript、Firebase

成果・学び

CRUD処理とリアルタイムデータを扱うWebアプリケーションの基本構成を習得しました。

Angularの状態管理とコンポーネント間連携を学ぶために作成したToDoアプリです。

タスクの追加・更新・削除という小さなドメインに絞り、画面とロジックの責務分離を試しました。

担当

画面設計、フロントエンド実装

使用技術

Angular、TypeScript、Firebase Hosting

成果・学び

基本的なCRUD操作を一貫したUIで提供し、Angularの開発サイクルを確認しました。

GatsbyとMarkdownで運用している個人技術ブログです。日々の実装メモを、後から読み返せる記事として整理しています。

frontmatter契約、draft制御、タグ・カテゴリ導線、GitHub Pages配信、Mermaid図表の表示を整備しました。

担当

サイト設計、Markdown運用設計、Gatsby実装、GitHub Pages公開

使用技術

Gatsby、React、Markdown、Playwright、GitHub Pages

成果・学び

技術メモを公開記事へ変換する流れを作り、記事一覧・詳細・問い合わせ・図表表示までブログとして利用できる状態にしました。

共有買い物リストを題材に、招待リンク、リスト共有、モバイルUI、認証・データ移行を検証しているWebアプリです。

Next.js App Routerを中心に、Firebase Auth、Cloudflare D1、OpenNext for Cloudflareへの移行を進めています。

担当

プロダクト設計、UI改善、API設計、認証・データ移行、テスト整備

使用技術

Next.js、React、TypeScript、Firebase Auth、Cloudflare D1、Playwright

成果・学び

共有アプリのUI、API、認証、データ永続化を分けて整理し、Cloudflare上で運用しやすい構成へ近づけました。

日々の売買判断を小さく検証するための、利益計算・入力UI・確認フローを備えた個人開発ツールです。

計算ロジックと画面表示を分け、ブラウザ確認とテストで小さな変更を安全に積み上げる構成を試しました。

担当

要件整理、計算ロジック実装、UI実装、テスト・ブラウザ確認

使用技術

React、JavaScript、Playwright

成果・学び

数値入力と結果表示の責務を分離し、投資・日次確認系ツールで必要になる検証観点を整理しました。

MONE MILとして作成している、低コスト運用前提の家計バランスアプリです。ゲスト利用から家計共有まで段階的に扱えます。

IndexedDBでのローカル保存、Supabase Auth、共有招待、レシートOCR、PayPay履歴スクショOCRを組み合わせています。

担当

要件整理、画面設計、家計集計ロジック、認証・共有設計、OCR導入

使用技術

Next.js、React、Supabase、IndexedDB、Tesseract.js、Zod

成果・学び

ログイン不要のMVPを壊さず、認証ユーザー向けのクラウド保存と家計共有へ拡張できる構成を整理しました。

CraftMarginとして作成している、ハンドメイド作家向けの利益・損益分岐価格・おすすめ価格計算ツールです。

材料費、送料、梱包費、販売手数料を入力し、保存件数制限や有料版検証フラグも含めて需要検証できる構成にしています。

担当

プロダクト設計、計算ロジック実装、UI実装、Cloudflare Pages公開設計

使用技術

React、Vite、Zod、Playwright、Cloudflare Pages

成果・学び

販売手数料と原価計算をクライアントサイドで扱い、小さく公開して需要検証へ進める状態を作りました。

Spring Bootで作成した商品管理向けのマイクロサービスです。MongoDBを使ったデータ永続化とREST APIを扱います。

Testcontainers、REST Assured、Springdoc OpenAPIを導入し、APIの検証と仕様確認をしやすい構成にしています。

担当

API設計、バックエンド実装、テスト基盤整備、OpenAPI導入

使用技術

Java 21、Spring Boot、MongoDB、Testcontainers、REST Assured、Springdoc

成果・学び

商品サービスの基本的なAPI構成を作り、Swagger UIとAPI Docsで確認できるバックエンドの土台を用意しました。

社内のエンジニアにAngularを用いた開発を体験してもらうために簡易的に作成したログイン画面。AngularMaterialの学習にもなった。

https://qiita.com/kenRp01/items/bc42fa1cdc766b75f842

担当

教材設計、画面設計、フロントエンド実装、解説記事作成

使用技術

Angular、TypeScript、Angular Material

成果・学び

社内エンジニアがAngular開発を体験できる題材として実装し、学習内容を記事にまとめました。