M&2K

Portfolio

Web Developer & Creator: M&2K

About & Strengths

「興味と仮説を、技術でシステム化する」
Webアプリケーション、分析ツール、キャラクターIPの展開など、自身の関心領域やユーザーの需要をもとにプロダクトを企画・実装。心理機能(MBTI/ソシオニクス)の精密な分析ロジック構築や、創作活動を支援する直感的なUI設計を得意としています。

分析とアルゴリズム構築

表面的なアンケートに留まらず、ユーザーの入力速度や迷いなどの「行動ログ」から深層心理を逆算する独自ロジックの設計。

UI/UXと世界観の統合

複雑なデータベース連携を裏で行いつつ、表向きは「可愛くて直感的」なフロントエンドを実装するデザイン力。

フルスタックな個人開発

React/Supabaseを用いたアプリ開発から、Pythonによる自動化bot、さらには音声合成(UTAU)や3Dモデル制作まで幅広く対応。

Technical Skills

HTML5 / CSS3 (UI Design)
JavaScript (Vanilla / ES6)
React / Vite
Supabase (PostgreSQL / RLS)
Python (Bot開発 / 自動化)
GitHub Actions (CI/CD)
Google Analytics API
C# (基礎)
Unity (小規模制作・学習中)
CLIP STUDIO PAINT
Adobe Illustrator / Photoshop
VRoid Studio (3Dモデリング・実績336体)

Featured Case Studies

Cocotte - Simple Memo App

担当: 企画・UI設計・フルスタック実装 期間: 約2ヶ月 対象: 創作クリエイター・一般ユーザー
ReactViteSupabaseVercel
概要と課題解決

デバイスごとにデータが完全分離されたPWA対応メモアプリ。「会員登録は面倒だが、デバイス固有のセキュアな保存領域が欲しい」という需要に応えるため開発。

技術的な工夫点
  • SupabaseのRLSポリシーを利用し、デバイスID基準でデータを分離。
  • QRコードによるデバイス間ログイン(同期)機能を実装。
  • 画像ファイルのアップロードと連携保存に対応。
苦労した点と解決策

データ型の不一致によるビルドエラーが発生したため、データベースのスキーマを整理・再定義。また、RLSポリシーの設計が複雑化したため、「デバイスID」を認証の基準として再構築し、堅牢性を確保しました。

Deep Cognition Archive & 心理機能分析ツール

担当: ロジック構築・実装 対象: 心理学(MBTI/ソシオニクス)に関心層 成果: サイト内のアクセス上位層を獲得
JavaScriptHTML/CSSアルゴリズム設計
概要と技術的工夫

従来の「自己申告型アンケート」によるバイアスを排除するため、回答時の「ミリ秒単位の迷い」や「修正行動」をログ化し、情報代謝プロセスを定量的に分析・逆算する独自のアルゴリズムを実装。「Gモデル診断」や「Chroma Log」など、派生ツールを含め専門性の高い観測プラットフォームを構築しています。

とりの丘学園 公式ポータル & IP展開

担当: 世界観構築・Webデザイン・音声制作 期間: 継続開発中
UI/UX DesignPython (Bot)UTAU
概要とIP展開の工夫

架空の学園「とりの丘学園」の世界観を軸に、Webポータル、ノベルゲーム、AI対戦アプリを横断的に展開。さらに公式キャラクター「みりんてゃ」のPython製SNS運用Botや、自作音声ライブラリ(UTAU)を制作・公開し、キャラクターIP(知的財産)としての価値を高める多角的なアプローチを行っています。

Other Works

上記代表作以外にも、クリエイターや推し活層の需要に応える様々なツールを継続的に開発・公開しています。

すべてのツール一覧を見る →

Connect & Contact

日常の開発進捗、ツールの更新情報などはSNSより発信しています。
お仕事のご相談やご感想等も、自作のお問い合わせフォームよりお気軽にお送りください。