設定
プロジェクト
閉じるこれまでに作ったもの。新しい順です。
Ecosystem閉じる
Ecosystem

注目
このポートフォリオを支えるプラットフォーム。非公開のAPIを中心に11のプロジェクトがつながっています。
2026TypeScript、Next.js、React、CSS Modules、Node.js、Fastify、PostgreSQL、Drizzle ORM、SQLite、Zod、PWA、Docker、Caddy、DigitalOcean、GitHub Actions、Vitest、Claude、Bash、HTML5、CSS、Git
Mamoru Japan閉じる
Mamoru Japan

注目
かなからJLPTまで、日本語を忘れないためのオフライン対応のインストール可能なWebアプリ。
2026React、TypeScript、Vite、PWA、Fastify、Drizzle ORM、PostgreSQL、Docker、Vitest、HTML5、CSS、Claude、Git
Play閉じる
Play

注目
ピクセルアートの家になったポートフォリオ。オブジェクトを開くとコンテンツが見られます。
2026Next.js、React、TypeScript、CSS Modules、Zod、Docker、GitHub Actions、Vitest、HTML5、CSS、Git
Próxima Estación閉じる
Próxima Estación

注目
n8nが動かすClaudeのエージェントチームが制作する、実用的な日本語のInstagram。
2026n8n、Claude、TypeScript、Fastify、React、PostgreSQL、Docker、GitHub Actions、Git
Chrona閉じる
Chrona

枕元やデスクに置く、純粋な黒と15種類の文字盤のフルスクリーン時計。
2026Flutter、Dart、Android、iOS、HTML5、CSS、GitHub Actions、Git
¡Decídete!閉じる
¡Decídete!

2つの選択肢で迷ったら、メモと好み、そしてはっきりした結論で決められるアプリ。
2026Flutter、Dart、SQLite、Android、GitHub Actions、Git
Dúo Coral: Finance閉じる
Dúo Coral: Finance

一緒に働く2人の見込み収入と入金を、6か月先の予測とともに管理するアプリ。
2026Flutter、Dart、Firebase、Android、GitHub Actions、HTML5、CSS、Git
Frela閉じる
Frela

フリーランスのための会計と請求書。作業時間、請求書、経費を扱い、ロジックはAPIに集約。
2026NestJS、Prisma、PostgreSQL、TypeScript、Flutter、Dart、Android、Docker、GitHub Actions、Jest、HTML5、CSS、Git
Kinnance閉じる
Kinnance

貯金の目標と、AIでアドバイスするコーチがついた家計管理アプリ。
2026Flutter、Dart、Android、iOS、Fastify、Prisma、PostgreSQL、TypeScript、Claude、Docker、GitHub Actions、Vitest、Git
Mamoru Thailand閉じる
Mamoru Thailand

Mamoruのタイ語版。アルファベットと声調からC1まで、オフラインで学べます。
2026React、TypeScript、Vite、PWA、Fastify、Drizzle ORM、PostgreSQL、Docker、Vitest、HTML5、CSS、Claude、Git
Terminal閉じる
Terminal

Ubuntu風のターミナルになったポートフォリオ。すべてのコマンドはサーバーで処理されます。
2026Next.js、React、TypeScript、CSS Modules、Zod、Docker、GitHub Actions、Vitest、HTML5、CSS、Git
Kishirika Bot閉じる
Kishirika Bot

Mudaeで好きな作品が出たら知らせ、サーバーの統計をとるDiscordボット。
2024Discord.js、TypeScript、Node.js、MongoDB、Git
MyBash閉じる
MyBash
- すべてのプロジェクトを見る (新しいタブで開きます)
このパソコンからは、ターミナル版のポートフォリオも開けます。 ターミナルを開く (新しいタブで開きます)
経歴
閉じる働いた場所と学んだ場所を、古い順に並べています。
フリーランスWebデベロッパー
Freelance
フリーランス
デジタルエンターテインメント分野のクライアントと取り組んだ、独立した開発者としての最初のプロジェクト。
プロジェクト1件
〜
〜
〜
〜
Lead Frontend Specialist & Consultant
企業
TDD・ベストプラクティス・アジャイル手法に特化し、高品質なソフトウェア開発を支援するコンサルティング会社。
プロジェクト14件
〜現在
制作中
閉じるまだ公開していないプロジェクト。何なのかだけお伝えします。
制作中のプロジェクト4件
- ウェブサイト, 55%55%完成
- ウェブサイト, 12%12%完成
- ウェブサイト, 15%15%完成
- ウェブサイト, 16%16%完成
クローゼット
閉じるキャラクターの見た目を変えられます。保存されるのはお使いのブラウザーの中だけです。
クローゼットを使うには JavaScript が必要です。無効のままだと、キャラクターは私の姿のままです。
私について
閉じる
Michael Reyes
フロントエンド開発主任兼コンサルタント
日本
テクノロジー、品質、継続的な学習、デザイン、日本文化を愛する開発者です。
連絡先
閉じるプロジェクトのご相談は、この用紙からご連絡ください。私が直接お返事します。
このフォームに入力された内容は、返信のためだけに使います。 プライバシーポリシー (新しいタブで開きます)
こちらにもいます
記事
閉じるコードがすべてではない
振り返り
3分
この記事では、コードそのものよりも「人」の重要性について考察します。
フィードバックは必要である
振り返り
2分
数か月の旅行中、自分自身について多く考えていました。特に仕事に関して、なぜなら最近行き詰まりを感じていたからです…
Devs Lives #17|日本を旅する開発者
テクノロジー
65分
以前、日本語を勉強しながら約4か月間、日本で暮らしていました。帰国後…
FlutterのHooks
テクノロジー
13分
FlutterにもHooksがあることをご存じでしたか?この動画では、ReactのHooksと比較しながら、その仕組みを説明しています。
FlutterのBLoCパターンの仕組みを解説
テクノロジー
4分
この記事では、FlutterのBLoCパターンの動作について説明します。
役立つかもしれないCSSのヒント
テクノロジー
3分
最近でもデザインに苦労している人が多いので、CSSでカラムを作る3つの方法を共有します。
Flutter、素晴らしい!それとも…?
テクノロジー
3分
この記事では、私たちがGoogleによって作られたこの技術を数ヶ月間使ってみた体験を紹介します。
- すべての記事を見る (新しいタブで開きます)
本を選ぶと開きます。
最近書いたものです。
アーケード筐体
閉じる愛犬が主役のアクションゲームが入った私のアーケード筐体。キーボードか筐体のボタンで遊べます。
テイデへ走れ
このゲームには JavaScript が必要です。
庭、浜辺、アナガの森、テイデ山の4ステージのアクションゲーム。各ステージの最後にあるボールまで犬を連れて行こう。骨を集め、カニやトカゲや鳥は踏みつけるかよけて、水や溶岩やウチワサボテンには気をつけて。水の器で途中から再開できます。ライフは各ステージ3つ。
- ← → か A D:走る
- スペース、Z か ↑:ジャンプ(長押しで高く)
- P か Enter:一時停止
- Esc:筐体から離れる
好きなもの
閉じる好きなものをひとつずつ、その名前をブランドにした商品にしました。
- TypeScript
- アジャイル
- TDD
- Node.js
- デザイン
- Next.js
- メンタリング
- Flutter
- React
- ベストプラクティス
- 日本語
- 品質文化
- フロントエンド
- CSS
- アジア文化
- コンサルティング
- テスト
- C#・.NET
- リモートワーク
手紙
閉じる一緒に働いた人たちからの言葉です。
Michael Reyes
Airán Sánchez Brito閉じる
マイケルと一緒に働けたことは、私のキャリアの中でも最高の経験のひとつです。技術面に精通しているだけでなく、チーム全体の技術的な品質と働く環境まで高めてくれる開発者です。
複雑な問題にも確かな力で取り組み、ベストプラクティスを実践しながら、常にクリーンでスケーラブルな仕事を心がけています。協調的な姿勢、進んで周りを助ける心構え、そして日々の業務をより円滑に進める力が、最初の瞬間から大きな信頼感を与えてくれます。
一緒に働いていて気持ちのよい、非の打ちどころのないプロフェッショナルです。いつかまた同じチームで働けることを願っています。マイケルが加われば、どんなプロジェクトも大きく前進します。
Airán Sánchez Britoソフトウェア開発者マイケルと同じチームで勤務翻訳 Adrián Ferrera González閉じる
幸運なことに、何年にもわたってマイケルと肩を並べて仕事をしてきました。彼には感謝と尊敬の言葉しかありません。
彼がキャリアを歩み始めた頃から、確かな判断力と主体性を備え、あらゆる仕事に深く関わるシニアのプロフェッショナルへと成長していく姿を間近で見てきました。積極的で好奇心旺盛、いつも進んで調べ、貢献し、チームを助けてくれる人です。
マイケルは間違いなく模範的な同僚であり、毎日一緒に働くのが楽しいと思える存在です。機会があれば、迷わずまた一緒に働きたいと思います。
Adrián Ferrera González (新しいタブで開きます)Lead Software Developer & Consultant、Lean Mindマイケルの直属の上司翻訳 Aitor Reviriego Amor閉じる
マイケルと密接に協力する機会を得られたことは光栄であり、個人としての成長とプロフェッショナルとしての成長の両面で、深く価値を感じている経験です。
マイケルは、チームに完璧に溶け込むだけでなく、チーム全体の価値と能力を何倍にも高める独自の力を持つプロフェッショナルとして際立っています。彼の存在は、チームの構造と回復力を強化するポジティブな波及効果を生み出します。
彼の貢献は3つの基本的な柱に支えられています。まず、疑いようのない技術的な卓越性です。彼の開発は品質、持続可能性、堅牢性を特徴とし、効果的でスケーラブルなソリューションを保証するスキルで課題に取り組みます。これに加えて、ポジティブなリーダーシップがあります。グループのパフォーマンスを高める生来の資質を備え、最適で協力的な職場環境をつくるうえで欠かせない存在であり、それが最大の生産性につながります。最後に、どのような障害に直面しても、スピード、冷静さ、正確さを兼ね備えた優れた問題解決力を発揮し、プロジェクトが大きく遅れることなく前進するようにします。
マイケルは計り知れない価値を持つ人材であり、成功の触媒です。技術面でも、ハイパフォーマンスチームの結束とチームワークの面でも、より高い成果を求めるあらゆる組織に、彼の才能とポジティブな影響力を強く推薦します。
Aitor Reviriego Amor (新しいタブで開きます)Software Developer | Refactoring, TDD & Code Quality翻訳 Roberto del Pino Hormiga閉じる
インターンシップ中にマイケルをメンターに持てたことは光栄でした。それ以来、彼は私のキャリアにおいて、常に導きとインスピレーションの源であり続けています。深い技術的知識と、複雑な概念を明確かつ実践的に説明する力を持つ彼は、卓越した教師でありチームメイトです。私が課題に直面したり疑問を持ったりするたびに、いつも時間を割いて助けてくれ、解決策だけでなく、その背後にある考え方まで理解できるようにしてくれます。
マイケルは、技術的な卓越性と優れたソフトスキルを兼ね備えた開発者です。クリーンで保守しやすいコードに情熱を持ち、ソフトウェア設計の原則とベストプラクティスをしっかりと身につけています。また、さまざまな分野の複数のプロジェクトに携わってきたことで、貴重な技術的知識とビジネス知識を備えています。
Roberto del Pino Hormiga (新しいタブで開きます)バックエンドデベロッパー、SaludOnNet翻訳 Luis Gabriel Rodríguez Alejos閉じる
マイケルは素晴らしいチームプレーヤーです。フロントエンドのスペシャリストですが、バックエンドやIaC(Infrastructure as Code)など、ほかの分野もこなせます。
品質の高いコードについて深い知識を持ち、多くのパターン、原則、プラクティスに精通しています。
非常に優れたソフトスキルを持ち、チームメンバー一人ひとりのニーズを理解しています。
また、とても優れた教師でありメンターでもあり、実用性を念頭に置いて教える力があります。
彼と一緒に仕事ができるのは喜びです。
Luis Gabriel Rodríguez Alejos (新しいタブで開きます)ソフトウェアデベロッパー、Lean Mind翻訳 Diego Andrades閉じる
私はマイケルと1年間、重要な技術移行プロジェクトで協力する機会に恵まれました。そのプロジェクトで私たちは、プラットフォームをNuxtから、TurborepoとNext.jsをベースとしたモダンなアーキテクチャへと刷新しました。
マイケルは、単なる技術コンサルタントをはるかに超える存在でした。戦略的な意思決定に深く関わる彼の力は素晴らしく、常にビジネスのニーズと技術的な卓越性のバランスが取れた視点をもたらしてくれました。移行を助けてくれただけでなく、私たちのチームにとって手本となる存在になりました。
ドメイン駆動設計(DDD)とテスト駆動開発(TDD)における彼の経験は、私たちの働き方を変えました。マイケルは単にプラクティスを勧めるだけではなく、チームと肩を並べて働き、自ら手本を示しながら、メンバー全員がこれらの基本原則を理解し、取り入れられるようにしてくれました。彼の教え方と、複雑な概念を説明する際の忍耐強さは格別でした。
その結果生まれたアーキテクチャは、技術的な目標を達成しただけでなく、私たちのプロダクトの将来の成長に向けた強固な基盤を築きました。彼はチームが自律性と自信を得る手助けをしてくれました。
技術的な進化、スケーラブルなアーキテクチャ、チームの育成を必要とするあらゆるプロジェクトに、迷わずマイケルを推薦します。マイケルは深い技術的専門知識と、他とは一線を画すメンタリングスキルを持っています。
Diego Andrades (新しいタブで開きます)Technical Project Manager | Teams · Delivery · Product翻訳 Kevin Hierro Carrasco閉じる
こんにちは。マイケルは素晴らしいチームメイトです。彼と一緒に働いた経験から、プロジェクトを前に進めるうえで、彼の冷静さ、プロフェッショナリズム、技術的な卓越性は本当に際立っていると言えます。専門分野であるフロントエンド開発では右に出る者がなく、UIの質の高さのおかげでクライアントの満足度も高まっています。彼のシニアリティは技術面だけでなく、対人面にも表れています。チームの雰囲気に気を配り、自分の役割に適応するために積極的にフィードバックを求めます。さらに、多文化環境での高い協働スキルも備えており、これは特に価値のあるものです。
Kevin Hierro Carrasco (新しいタブで開きます)Design Thinking | Lean | Craftsmanship翻訳
道具
閉じる仕事で使っている技術を、フロントエンド、バックエンド、その他の引き出しに分け、それぞれ使った数が多い順に並べています。
フロントエンド
- CSS19件のプロジェクト
- HTML519件のプロジェクト
- TypeScript16件のプロジェクト
- React11件のプロジェクト
- JavaScript7件のプロジェクト
- CSS Modules5件のプロジェクト
- Next.js3件のプロジェクト
- PWA3件のプロジェクト
- Angular2件のプロジェクト
- Hugo2件のプロジェクト
- Vite2件のプロジェクト
- Ionic1件のプロジェクト
- Tailwind CSS1件のプロジェクト
バックエンド
- Node.js7件のプロジェクト
- PostgreSQL6件のプロジェクト
- Fastify5件のプロジェクト
- Drizzle ORM3件のプロジェクト
- C#2件のプロジェクト
- PHP2件のプロジェクト
- Prisma2件のプロジェクト
- SQLite2件のプロジェクト
- .NET1件のプロジェクト
- ASP.NET MVC1件のプロジェクト
- Discord.js1件のプロジェクト
- Express1件のプロジェクト
- Firebase1件のプロジェクト
- Java1件のプロジェクト
- MongoDB1件のプロジェクト
- MySQL1件のプロジェクト
- NestJS1件のプロジェクト
- Oracle1件のプロジェクト
- Razor1件のプロジェクト
その他
- Git26件のプロジェクト
- TDD13件のプロジェクト
- GitHub Actions9件のプロジェクト
- Android8件のプロジェクト
- Docker8件のプロジェクト
- Jest7件のプロジェクト
- Dart6件のプロジェクト
- Flutter6件のプロジェクト
- Vitest6件のプロジェクト
- Claude5件のプロジェクト
- iOS3件のプロジェクト
- Zod3件のプロジェクト
- Bash2件のプロジェクト
- JUnit2件のプロジェクト
- Azure1件のプロジェクト
- BLoC1件のプロジェクト
- Caddy1件のプロジェクト
- DigitalOcean1件のプロジェクト
- Figma1件のプロジェクト
- Kotlin1件のプロジェクト
- MVVM1件のプロジェクト
- n8n1件のプロジェクト
- Swift1件のプロジェクト
- Trello1件のプロジェクト
- WordPress1件のプロジェクト
- xUnit1件のプロジェクト
- Zsh1件のプロジェクト
ほかのサイト
閉じるこの家は、私のポートフォリオを見るための方法のひとつです。
私のスマホ
閉じるSNSと、家のみんなからのメッセージ。
SNS
- LinkedIn mreysei (新しいタブで開きます)
- GitHub mreysei (新しいタブで開きます)
- DEV mreysei (新しいタブで開きます)
- Instagram mreysei (新しいタブで開きます)
- X mreysei (新しいタブで開きます)
メッセージ
- 犬
散歩?散歩?さんぽ!?
- 黒猫
ソファに日なたができた。ぼくの場所。
- トラ猫
キーボードがあったかい。どこにいるかわかるよね。
- 金色の猫
お皿が半分空。それはほぼ空ってこと。
- 白猫
午前3時。廊下を全力で走る時間。
- 犬
物音がした。葉っぱだった。でもちゃんと守ったよ。
- 長毛の猫
ランプを消さないで。上に乗ってるから。
- 黒猫
寝室に来る?それとも場所をあたためておく?
遊び方
閉じるここは私の家です。上で丸が跳ねているものはどれも、私のポートフォリオの一部を開きます。
キーボードで
W A S D か矢印キーで歩きます。目の前のものは E、Enter、スペースキーで開きます。Mキーでスマホを開きます。Escで閉じます。Tabキーでも、歩かずに開けるものをすべて順番にたどれます。
マウスや指で
床をクリックするとそこまで歩き、ものをクリックすると開きます。
家にあるもの
- プロジェクトを見る パソコン:13件のプロジェクト
- GitHubの活動を見る カレンダー
- 経歴を見る 額縁:5か所
- 制作中のものを見る 製図台:スケッチ4枚
- 見た目を変える クローゼット
- 私について知る 肖像画
- 連絡する 電話
- 記事を読む 本棚:7本の記事
- 話せる言語を見る 地球儀:3言語
- 愛犬と遊ぶ アーケード筐体
- 好きなものを見る 冷蔵庫:19個の商品
- ポートフォリオへ出る (新しいタブで開きます) 門
- 手紙を読む 郵便受け:7通の手紙
- 使っている技術を見る 工具箱:59個の技術
- ほかのサイトを見る 道しるべ
- 法的情報を読む 掲示板
法的情報
運転席で
閉じる自分の車の運転席に座っています。リモコンでガレージが開きます。
W A S D か矢印キー、または床をクリックして移動します。上で丸が跳ねているものは、前でEキーを押すかクリックすると開きます。スマホはMキーで開きます。W↗A↖S↙D↘EM
