【このPortfolioで掲載しているWorksについて】
☆このWorksでは、個人製作物や一部の企業案件のみを公開しています。
ClientWork中心の実績は以下のような例があります、別途お問い合わせください。
・小売り業総合管理システム / UIデザイン
・次世代バーチャルオフィスアプリ / フロントエンド
・採用プラットフォーム / フロントエンド
・出版社の漫画アプリ / ディレクション・UIデザイン・PdM・エンジニアリングマネージャー
・社内向け管理アプリのPoC開発 / UIデザイン・ディレクション・実装

☆登壇に関しては規模の大きいもののみを掲載しております。
☆勉強会については代表として主催したもののみを掲載しております。

このPortfolioで掲載しているWorksについてのご案内

【重要】掲載しているWorksについて

ADDITIONAL

10年後も遊べる友達を、
O2FLATで。

というコンセプトのもと、ゲーム趣味の合う友達を見つけるマッチングアプリを作成しました。

担当はUIデザインとサービスデザインで、実装はFlutterですがほとんど関わっていません。

ゲームのプレイ時間帯や、どのようなモチベーションでゲームに臨んでいるか等、ゲームに特化した情報をやり取りします。

ゲームプレイヤー向けマッチングアプリのデザイン

O2FLAT

UIはすべてFigmaを利用して作成しており、要件からWFへの落とし込み、DesignTokenの作成と適用、UIの作成までを一貫して担当いたしました。

Gameでつながるカジュアル面談プラットフォーム、GameGIGのデザインを担当しました。
3名で開発し、UIデザインはほぼすべてを担当しております。

Game GIG | outlands

「デザインエンジニアが語る、隣接領域を学ぶということ」というタイトルでDesignShip2022へ登壇しました。

「デザインエンジニアが語る、隣接領域を学ぶということ」というタイトルでDesignShipで登壇しました。

【登壇】Designship2022

MMORPGの高難易度コンテンツにおいて、パーティーメンバーと話し合いをしながら何処で何のスキルを利用するかを事前に決めておくことがあります。

現状では少しリッチなスプレッドシートを利用しているユーザーが多く、勿論良いところも沢山あるのですが、さらにユーザーにとって使いやすく最適なアプリケーションを作成しました。

【特徴（技術要素）】
・オンラインへのデータ保存（Firebase cloud firestoreを利用）
・複数PC間でのリアルタイムの状態同期（同上）
・各スキルのクールダウン時間やボス攻撃のタイミングなどを見やすく表示
・ドラッグアンドドロップで使用しているタイミングを自由に操作可能（Reactで実装）

Nextで作成してVercelに公開、バックエンドはFirebaseを利用しています（有料プランで若干の月課金が発生する利用者数）

FinalFantasyXIVというオンラインゲームにおいて、複数人のパーティーで各個人がどのタイミングでスキルを使うか検討、記録するためのアプリケーションです。デザインから実装、公開まですべて担当。

FFXIV ボス軽減検証ツール【個】

技術的要素
・React、Next.js
・TypeScript
・Builder.io
・Vercel（SSG）

BuilderをただのHeadlessCMSとしてだけでなく、記事コンテンツのコード生成なども利用しています。
ついでにビルド時にnoteの記事を引っ張ってきてリンクも生成しています。


このポートフォリオサイトです。Next.jsとBuilder.ioを利用しており、SSGで動いています。

Portfolio (this)【個】

株式会社ginのコーポレートサイトのデザイン、実装、公開等を行いました。

株式会社ginコーポレートサイトのデザイン・実装

gin corpsite | gin

自社プロダクトの初期検討段階において、ワークショップを開催して各検討を進め、そこからWFの提案、UIの提案改善と音頭を取って実行しました。

(旧)Twitterの投稿やクラスタを分析し、インプレッションをブーストするための最適なソリューション。サービス設計からWF,UIデザインの作成まで担当。

boostimp

自分からあの人まで、知り合いの知り合いでたどり着くにはどうすれば？という解決をしてくれるアプリです。UIデザインと一部実装ディレクションを担当

株式会社gin

Personal link | gin

デザインも実装も30分クオリティなので特筆する場所はありません。アプデが追いついておらず、いまだにTwitterになっています（現X.com）

各SNSへのリンクをまとめたプロフィールページです。各SNSのBioにURLを掲載してあるほか、NFC名刺（プレーリーカード）からもこちらにアクセスできるようになっています。

Personal links【個】

アプリの企画、デザイン、実装、運営まですべて一人で担当。
※現在は決済プラットフォームの仕様変更により公開中止

【サービス・デザイン】
「かたいいし」はあなたの決意にお金をかけ、より一層堅くするサービスです。
お金がかかっていればやる（かもしれない）
というコンセプトで、「1か月間Uber eats絶対頼まない」「毎日筋トレする」等、の意志にお金をかけ、達成すれば決済は起きず、非達成の場合は決済される（達成状況は自己申告）、というシンプルなアプリです。
固い意志を曲げがちな数人にユーザーインタビューなどを行いながらサービスを設計しました。

「かたいいし」という、ユーザーが何かを成し遂げたいときに、金を賭けて意思をよりかたくするアプリを開発しました。

かたいいし【個】

「Vueのテスト手法とVRTのすゝめ」というタイトルでYahooの勉強会「BonfireFrontend」へ登壇しました。

「Vueのテスト手法とVRTのすゝめ」というタイトルでYahooの勉強会に登壇しました。

【登壇】BonfireFrontend

2019年から合計6回、株式会社ゆめみでYumemi.vueというエンジニア向け勉強会を開催しました。代表として企画、募集、運営等を担当。コロナの影響で休止するまで全300名近くを動員

Yumemi.vueというVue.jsユーザーイベントを開催しました。

Yumemi.vue

株式会社ginのサービス「Splunk@gin」の公式LPを作成しました。

株式会社ginのサービス「Splunk@gin」の公式LP作成

splunk@gin LP | gin

Vue.jsで文字をシャカシャカと動かして表示を切り替えてくれるライブラリです。OSSでnpmへ公開中

Vue.js用の文字ビジュアライズライブラリ

vue-scramble-text

コロナ禍で減った楽しみを可視化し、わくわくを増幅させるサービスを開発しました。
6名のチームで開発し、企画・UIデザインを主に担当。

プロモーション動画の作成も担当いたしました。

コロナ禍で減った楽しみを可視化し、わくわくを増幅させるサービスを開発しました。
6名のチームで開発し、企画・UIデザインを主に担当。

プロモーション動画の作成も行いました。