
ケーススタディ Lar Batista Janell Doyle
マナウスの子どもの家を、会計まで開かれたかたちに。
- クライアント
- Lar Batista Janell Doyle
- 種類
- 団体向けプラットフォーム
- 役割
- プロダクトとフルスタック開発
- 年
- 2026
01概要
1996 年からブラジル・マナウスで子ども、家族、危機にある人々を支えてきた市民団体 Lar Batista Janell Doyle のプラットフォーム。公開サイト、情報公開ポータル、そしてそれらを支える管理画面と API です。
02課題
慈善団体は信頼と、小さく継続的な支援で成り立っています。公式文書、事業、寄付の方法は古いサイトに散らばり、メッセージや寄付、応募は届いても、それに応える場所がひとつにまとまっていませんでした。
02アプローチ
情報公開をフッターの一ページではなく、プロダクトの中心に置く。団体がすでに公開しているものから出発し、古いリンクはすべて生かしたまま、サイトに届くすべてをチームがひとつの画面で扱えるようにしました。
03開発内容
実際につくったもの
- 01
Next.js による公開サイト。団体の歩み、4 つの事業(地域交流、路上アウトリーチ、家族の保護施設、里親家庭プログラム)、PIX での寄付、ボランティア、支援者(パドリーニョ)向けページ、報道を掲載。旧サイトから内容を移行し、301 リダイレクトで旧 URL もそのまま使えます。
- 02
API から配信する情報公開ポータル。2017 年から 2026 年までの公式文書 190 件(事業計画、助成協定、支出負担行為、年次貸借対照表、活動報告)を、年別・種類別に閲覧できます。
- 03
PostgreSQL 上の NestJS と Prisma による API。41 モデルのスキーマに、JWT のアクセス/リフレッシュトークン、ロールと権限、バリデーション、レート制限、フォームの同意記録、Swagger ドキュメントを備えています。
- 04
メッセージへの返信、寄付の確認、ボランティアと里親家庭の応募審査、ページ・事業・パートナー・トップページの数字・動画・スタッフの編集ができる管理画面。公開サイトには VLibras(ブラジル手話)ウィジェット、「動きを減らす」設定への対応、サイトマップも用意しました。
技術
- Next.js
- TypeScript
- React
- Tailwind CSS
- NestJS
- Prisma
- PostgreSQL
- Express
- Vite
- Vercel
04体験





05現在の状況
プラットフォームはエンドツーエンドで動作しています。Vercel 上の本番デプロイは環境設定の完了待ちです。より軽量な React(Vite)と Express の構成への移行を進めています。
