https://github.com/pw56/web-puri-project

プリ機をWebアプリにするプロジェクト
https://github.com/pw56/web-puri-project

ai ai-coding camera drawing fabricjs face-detection face-landmarks mediapipe puri puriki purikura pwa tensorflow tensorflowjs webapp

Last synced: 2 months ago
JSON representation

プリ機をWebアプリにするプロジェクト

• Host: GitHub
• URL: https://github.com/pw56/web-puri-project
• Owner: pw56
• License: mit
• Created: 2025-07-26T13:25:20.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2026-04-04T14:33:56.000Z (3 months ago)
• Last Synced: 2026-04-04T15:59:35.856Z (3 months ago)
• Topics: ai, ai-coding, camera, drawing, fabricjs, face-detection, face-landmarks, mediapipe, puri, puriki, purikura, pwa, tensorflow, tensorflowjs, webapp
• Language: TypeScript
• Homepage: https://pw56.github.io/web-puri-project/
• Size: 24.8 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# web-puri-project

## 💡 概要

このリポジトリはプリ機をWebアプリとして動かすことを目的に作成されました。

![アプリアイコン](./assets/app-icons/icon-512x512.png)

---

## 🛠️ 技術スタック

![React](https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=black)

![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css&logoColor=white)

![Rust](https://img.shields.io/badge/Rust-DEA584?logo=rust&logoColor=black)

![WebAssembly](https://img.shields.io/badge/WebAssembly-654FF0?logo=webassembly&logoColor=white)

![Web Worker](https://img.shields.io/badge/Web%20Worker-FF9800?logo=web&logoColor=white)

![PWA](https://img.shields.io/badge/PWA-5A0FC8?logo=pwa&logoColor=white)

![Web Share API](https://img.shields.io/badge/Web%20Share%20API-0080FF?logo=web-share&logoColor=white)

![Web Share Target API](https://img.shields.io/badge/Web%20Share%20Target%20API-0080FF?logo=web-share&logoColor=white)

![TensorFlow.js](https://img.shields.io/badge/TensorFlow.js-FF6F00?logo=tensorflow&logoColor=white)

![MediaPipe](https://img.shields.io/badge/MediaPipe-4285F4?logo=google&logoColor=white)

![Dexie.js](https://img.shields.io/badge/Dexie.js-009688?logo=javascript&logoColor=white)

![Fabric.js](https://img.shields.io/badge/Fabric.js-4CAF50?logo=javascript&logoColor=white)

![FileSaver.js](https://img.shields.io/badge/FileSaver.js-9C27B0?logo=javascript&logoColor=white)

![JSZip](https://img.shields.io/badge/JSZip-2196F3?logo=javascript&logoColor=white)

![piexifjs](https://img.shields.io/badge/piexifjs-FF9800?logo=javascript&logoColor=white)

![Marked.js](https://img.shields.io/badge/Marked.js-795548?logo=javascript&logoColor=white)

![i18n](https://img.shields.io/badge/i18n-1E90FF?logo=javascript&logoColor=white)

---

## 🧩 使用素材  

[![Google Fonts](https://img.shields.io/badge/Google%20Fonts-4285F4?logo=googlefonts&logoColor=white)](https://fonts.google.com)

[![OtoLogic](https://img.shields.io/badge/OtoLogic-000000?style=flat&logo=music&logoColor=white)](https://otologic.jp)

---

## ⚡️ 開発環境

### ビルドツール

![Node.js](https://img.shields.io/badge/Node.js-339933?logo=node.js&logoColor=white)

![Vite](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=white)

![Cargo](https://img.shields.io/badge/Cargo-DEA584?logo=rust&logoColor=black)

### AIアシスタント  

![Gemini](https://img.shields.io/badge/Gemini%202.5%20Pro-4285F4?logo=google&logoColor=white)

![GPT-5](https://img.shields.io/badge/GPT--5-412991?logo=openai&logoColor=white)

![Microsoft Copilot](https://img.shields.io/badge/Microsoft%20Copilot-0067B8?logo=microsoft&logoColor=white)

![Cursor](https://img.shields.io/badge/Cursor-000000?style=flat&logo=cursor&logoColor=white)

### デザイン  

![Figma](https://img.shields.io/badge/Figma-F24E1E?logo=figma&logoColor=white)

![Builder.io](https://img.shields.io/badge/Builder.io-FF3366?logo=builder.io&logoColor=white)

![Cursor](https://img.shields.io/badge/Cursor-000000?style=flat&logo=cursor&logoColor=white)

![GPT-5](https://img.shields.io/badge/GPT--5-412991?logo=openai&logoColor=white)

![Storybook](https://img.shields.io/badge/Storybook-FF4785?logo=storybook&logoColor=white)

![Chromatic](https://img.shields.io/badge/Chromatic-FF6A00?logo=chromatic&logoColor=white)

### CI/CD  

![GitHub Actions](https://img.shields.io/badge/GitHub%20Actions-2088FF?logo=githubactions&logoColor=white)

### 公開サービス

![Vercel](https://img.shields.io/badge/Vercel-000000?style=flat&logo=vercel&logoColor=white)

![Cloudflare Pages](https://img.shields.io/badge/Cloudflare%20Pages-F38020?style=flat&logo=cloudflarepages&logoColor=white)

### テスト環境  

![Chrome](https://img.shields.io/badge/Chrome%20OS%20%7C%20Google%20Chrome-4285F4?logo=googlechrome&logoColor=white)

![Safari](https://img.shields.io/badge/iPhone%2016e%20%7C%20Safari-000000?logo=safari&logoColor=white)

![GitHub Actions](https://img.shields.io/badge/GitHub%20Runner-181717?logo=github&logoColor=white)