漏洩百貨店(loo100) (loo100 — Data Breach Archive)
最近ニュースになった日本企業の情報漏洩事件を、時系列・原因・対策の3つの視点で解説し、セキュリティを学べるサイト。トップは事件の発生日と被害規模を並べた歴史のグラフ。
使用技術・タグ: Astro, Hono, Cloudflare Workers, D1, Turnstile
ステータス: Public
公開URL: https://loo100.miiiwa.com
駆け出しの学生エンジニア(27卒)Miiiwaのポートフォリオサイトです。 「面白いを最優先!」をモットーに、Webアプリケーション、3Dグラフィックス、モバイルアプリなどの開発に取り組んでいます。
2019年、漫画『王様達のヴァイキング』を読んだことをきっかけにプログラミングの世界に魅了されました。 情報系高校へ進学し、C言語でアルゴリズムやメモリ管理の基礎を徹底的に習得。 その後Pythonと出会い、自らのアイデアを形にするスピードと楽しさを知りました。
2024年にはエンジニア養成機関「42tokyo」に入学し、ピアラーニング環境で自走力と本格的なソフトウェアエンジニアリングを鍛えています。 2025年には東京大学松尾研究室のGCI(グローバル消費インテリジェンス寄付講座)を修了し、データサイエンスやAIの知見を深化。 実社会の課題解決に向けた産学連携プロジェクトのリーダーやエンジニアインターンを経験しながら、多数のWebサービス・アプリを個人開発しています。
最近ニュースになった日本企業の情報漏洩事件を、時系列・原因・対策の3つの視点で解説し、セキュリティを学べるサイト。トップは事件の発生日と被害規模を並べた歴史のグラフ。
使用技術・タグ: Astro, Hono, Cloudflare Workers, D1, Turnstile
ステータス: Public
公開URL: https://loo100.miiiwa.com
日用品・食料品・サービスの値段をテンキーで答えて、自分の物価感覚が「上位何%」かを診断するWebサービス。正解は総務省「小売物価統計調査」の公表値で、全員の回答分布と並べて見られます。
使用技術・タグ: React, Vite, Hono, Cloudflare Workers, D1
ステータス: Public
公開URL: https://bukka-now.miiiwa.com
「メールを溶かして、会話にする。」定型の挨拶・署名・引用履歴を取り除いてメールをチャットのように表示し、チャット感覚の短文をビジネスメールに整えて送るスマホアプリ。
使用技術・タグ: React Native, Expo, TypeScript, IMAP
ステータス: dev
カメラを植物に向けると、実物の植物から吹き出しが出て、その植物が自分の言葉で状態を伝えるiOSアプリ。キャラクターは作らず、主役は目の前の植物のまま、センサーの値を植物のセリフに翻訳します。
使用技術・タグ: Swift, SwiftUI, ARKit, Vision, RealityKit
ステータス: dev
「脳死でできる、究極のストレス解消体験」。現実のレイジルーム(破壊部屋)のカタルシスを手のひらの上でいつでも再現する、超リアルな破壊シミュレーション。
使用技術・タグ: iOS, Unity 6 (URP)
ステータス: dev
「文字にはわからないことがある」グループディスカッション(GD)をオンラインで評価し、参加者が自分の意思で企業へ評価データを送れるプラットフォームです。
使用技術・タグ: Next.js, Supabase, LiveKit, Gemini, Whisper
ステータス: dev
URLを共有するだけで現在地をリアルタイムに共有できるWebアプリです。アプリインストールやアカウント登録は不要で、すぐに使い始められます。
使用技術・タグ: Next.js, Supabase, Tailwind CSS, Leaflet
ステータス: Public
公開URL: https://imadoko.miiiwa.com
視線推定・アイトラッキングを活用し、画像の中の「つい見てしまう場所」を見てしまうまでの時間を計測するブラウザゲーム・エンタメWebアプリです。
使用技術・タグ: Next.js, MediaPipe, Cloudflare Workers, D1
ステータス: Public
公開URL: https://michaw.miiiwa.com
音階、色覚、モールス、リズムなど、様々な感覚を研ぎ澄ます無料の神経衰弱ゲーム・コレクション。ブラウザでいつでも手軽にプレイできます。
使用技術・タグ: Next.js, React, Web Audio API, Tailwind CSS
ステータス: Public
このサイトの2代目。宇宙に浮かぶボクセルの惑星と、その上の5つのランドマークや街並みを、すべてコードで手続き的に生成した3Dポートフォリオ。世界観を作り直すにあたり、当時のビルドをそのまま触れる形で保存しています。
使用技術・タグ: Three.js, React Three Fiber, Next.js, TypeScript
ステータス: Public
公開URL: /archive/v1
このサイトの初代。黒地にネオンのグラデーションを重ね、カーソルから逃げ、長押しで吸い寄せられるパーティクルを敷いた、1ページ縦スクロールの HTML ポートフォリオ。3Dの惑星(v1)に置き換わるまで公開していたビルドを、そのまま触れる形で保存しています。
使用技術・タグ: Next.js, React, Tailwind CSS, Framer Motion
ステータス: Public
公開URL: /archive/v0
この期間の思い出を、みんなで一つに。固定グループ(カップル・仲間・チーム・家族・学級など)が、1日に一回、写真/動画/文字を投稿してためていくクローズドSNS。
使用技術・タグ: Concept
ステータス: dev
特定の人への“ありがとう”を贈るアルバムアプリのプロトタイプ。(Reallogの前身プロジェクト)
使用技術・タグ: Prototype
ステータス: dev
開発のご相談、ポートフォリオへのフィードバックなどは X(旧Twitter)@miiiwa3330のDMより受け付けております。
プライバシーポリシー・免責事項・Google AdSenseの広告配信ポリシーについては、こちらのプライバシーポリシーページをご確認ください。