Home

Awesome

<p align="center"> <img src = ./public/favicon.ico width=500> </p> <div align="center"> <a href="https://github.com/sora32127/healthy-person-emulator-dotorg"> <img src="https://img.shields.io/github/stars/sora32127/healthy-person-emulator-dotorg?style=social" alt="stars - healthy-person-emulator-dotorg"/> </a> <a href="https://github.com/sora32127/healthy-person-emulator-dotorg"> <img src="https://img.shields.io/github/forks/sora32127/healthy-person-emulator-dotorg?style=social" alt="forks - healthy-person-emulator-dotorg"/> </a> </div> <table align="center"> <tr> <td>License</td> <td>Language</td> <td>EcoSystem</td> <td>InfraStructure</td> </tr> <tr> <td> <a href="./LICENSE"> <img src="https://www.gnu.org/graphics/gplv3-or-later.svg"> </a> </td> <td> <a href="https://www.typescriptlang.org" alt="TypeScript"> <img src="https://img.shields.io/badge/-typescript-EEE.svg?logo=TypeScript&style=flat"> </a> <br> <a href="https://remix.run" alt="Remix"> <img src="https://img.shields.io/badge/-Remix-EEE.svg?logo=Remix&style=flat"> </a> </td> <td> <a href="https://vitejs.dev" alt="Vite"> <img src="https://img.shields.io/badge/-vite-EEE.svg?logo=vite&style=flat"> </a> <br> <a href="https://www.prisma.io" alt="Prisma"> <img src="https://img.shields.io/badge/-prisma-EEE.svg?logo=prisma&style=flat"> </a> <br> <a href="https://playwright.dev" alt="Playwright"> <img src="https://img.shields.io/badge/-playwright-EEE.svg?logo=playwright&style=flat"> </a> <br> <a href="https://tailwindcss.com" alt="tailwindcss"> <img src="https://img.shields.io/badge/-tailwindcss-EEE.svg?logo=tailwindcss&style=flat"> </a> </td> <td> <a href="https://vercel.com" alt="Vercel"> <img src="https://img.shields.io/badge/-vercel-EEE.svg?logo=vercel&style=flat"> </a> <br> <a href="https://supabase.com" alt="supabase"> <img src="https://img.shields.io/badge/-supabase-EEE.svg?logo=supabase&style=flat"> </a> <br> <a href="https://www.cloudflare.com" alt="Cloudflare"> <img src="https://img.shields.io/badge/-cloudflare-EEE.svg?logo=cloudflare&style=flat"> </a> <a href="https://newrelic.com" alt="new relic"> <img src="https://img.shields.io/badge/-newrelic-EEE.svg?logo=newrelic&style=flat"> </a> </td> </tr> </table> <div align="center"> <a href="https://twitter.com/helthypersonemu"> <img src="https://img.shields.io/badge/-x-EEE.svg?logo=x&style=flat&label=Follow"> </a> <a href="https://bsky.app/profile/helthypersonemu.bsky.social"> <img src="https://img.shields.io/badge/-bluesky-EEE.svg?logo=bluesky&style=flat&label=Follow"> </a> <a href="https://misskey.io/@helthypersonemu"> <img src="https://img.shields.io/badge/-misskey-EEE.svg?logo=misskey&style=flat&label=Follow"> </a> </div>

概要

デザインコンセプト

  1. アクセシビリティの重視
    • 健常者エミュレータ事例集は、個人の属性に寄らず、誰もが暗黙知にアクセスできる場所を目指す
    • 暗黙知へのアクセスを容易にするため、アクセシビリティを重視したデザインを採用する
  2. 匿名性
    • 健常者エミュレータ事例集は、安心して暗黙知を共有できる場所を目指す
    • 匿名性を重視し、収集するユーザーの属性情報を最小限に抑える
  3. 疲れているときでも利用しやすいデザインにする
    • 健常者エミュレータ事例集は、情報過多を避けるため、シンプルなデザインを採用する
    • ユーザーが目に入る情報量を減らすことで、疲れているとき、あるいは精神にダメージがあるときでも利用しやすいメディアを目指す

健常者エミュレータ事例集に貢献する方法

  1. 事例を投稿する
    • 健常者エミュレータ事例集は、個人の属性に寄らず、誰もが暗黙知にアクセスできる場所を目指すため、事例の投稿を求めています
    • 事例の投稿は、テンプレート投稿フォームから行えます
  2. 事例にコメントする、評価する
    • 事例に対してコメントや評価を行うことで、他のユーザーとのコミュニケーションを図り、投稿された知識を深めることが可能となります
  3. デザイン上の問題やバグを報告する
    • 健常者エミュレータ事例集は、個人の属性に寄らず、誰もが暗黙知にアクセスできる場所を目指すため、アクセシビリティを重視したデザインを採用しています
    • デザイン上の問題やバグを発見した場合、GitHubからIssueを作成して報告するか、Discordの #エンジニアリング議論 に投稿してください
  4. コードの改善を行う
    • コードの改善を行う場合、GitHubからPull Requestを作成してください
    • ローカル開発環境のセットアップは下記を参照してください
  5. 経済的に支援する
    • 健常者エミュレータ事例集は、運営費用を管理人の自己負担で賄っています
    • サーバーの維持費用やドメインの更新費用など、運営費用を支援するため、Pixiv FANBOXにて支援を受け付けています

ローカル開発環境セットアップ

手順

Docker compose v2を利用して、ローカル開発環境をセットアップします

  1. リポジトリをクローン
git clone https://github.com/sora32127/healthy-person-emulator-dotorg.git
cd healthy-person-emulator-dotorg
  1. docker compose upを実行
touch .env
docker compose up
  1. http://localhost:3000/にアクセス

活用したアセット

参考にしたデザイン

連絡先