Portfolio / Retasusan

Webアプリと、ネットワークのこと。

Rails / React での Web アプリ開発と、ネットワークの構築・監視をやっています。最近は SRE とクラウドインフラにも関心があります。

制作物を見る ↓

制作したもの

Web アプリ / チャット

Janus

サークル向けのチャットアプリ。

  • Next.js
  • TypeScript
  • Ruby on Rails
  • Auth0

サークルでの利用を想定したチャットアプリ。ポーリングによるメッセージ取得や、お絵描きツールなどの機能を備える。Next.js のフロントエンドと Rails のバックエンドを組み合わせて開発。

技術検証 / 認証

Next.js × Rails × Auth0

Next.js と Rails を Auth0 でつなぐサンプル。

  • Next.js 15
  • Ruby on Rails
  • Auth0

Next.js 15 のフロントエンドと Rails のバックエンドに、Auth0 を組み合わせた認証サンプル。技術書展 2025 に向けて公開したプロジェクトです。

チーム制作

共有 ToDo リスト

複数の端末で共有できる ToDo リスト。

  • Next.js
  • Firebase
  • localStorage

大学入学後に取り組んだ初めてのチーム制作。Google アカウントでログインすると Firebase に保存し、ログインしていない場合は localStorage に保存することで、利用状況に合わせて ToDo を管理する。

SNS / バックエンド担当

後悔を共有する SNS

後悔を投稿・共有する SNS。

  • NestJS

登竜門Hack関西でチーム開発した SNS。NestJS を使うバックエンドを担当。返信を選択式にすることで、誹謗中傷への対策を取り入れた。

Web アプリ / ゲーム

Typing Game

Next.js で作ったタイピングゲーム。

  • Next.js
  • TypeScript

Next.js と TypeScript で制作したタイピングゲーム。ブラウザで動くゲームづくりに取り組んだプロジェクトです。

暮らしの道具

Inventory Controller

自宅の食品を管理するためのアプリ。

  • JavaScript
  • HTML
  • CSS

自宅の倉庫にある食品を管理するためのアプリ。商品名・分類・購入日を入力して、食品の情報を整理できます。

自己紹介

Web アプリの開発と、ネットワークの構築・監視をやっています。

Rails / React での開発に加えて、ルータ・スイッチの設定や、Prometheus・Grafana を使った監視基盤づくりを経験してきました。インターンや NOC にも参加しています。

甘いものと、期間限定の飲み物が好きです。

関心
Web アプリケーション / ネットワーク / SRE / クラウドインフラ

使ってきた技術

Frontend

TypeScript / JavaScript / React / Next.js / Vite

Backend & languages

Ruby on Rails / Ruby / Go / NestJS / RSpec / RuboCop / C++ / Python

Cloud & infrastructure

AWS / MySQL / Docker / Docker Compose / Proxmox / Auth0

Networks & observability

VLAN / VRRP / SNMP / Prometheus / Grafana / firewalld / Datadog

経歴と活動

項目を開くと、担当したことや出典を読めます。

  1. イベント秋のBBQ(CKP学生部)
  2. イベントISUCON 参加
  3. イベントVuefes 参加
  4. イベントKaigi on Rails 2026/学生支援
  5. 仕事pixiv インターン—
  6. イベントluccafort farewell party
  7. イベント名古屋Ruby会議
  8. イベントOSS Gate Osaka
  9. イベントGo Conference 2026
  10. 仕事エスエムエス インターン—
  11. 仕事freee インターン/SRE船団 AI Ops—

    Slack Bot への Datadog Live Debugger 導入に向けた環境構築・検証に取り組み、調査内容と実装状況の引き継ぎ資料を作成。

  12. 仕事メドレー インターン—
  13. イベントきのこカンファレンス
  14. イベント関西Ruby会議09
  15. イベントCA.go
  16. イベントCloudflare Workers Tech Talks in Kyoto #2
  17. イベントKyoto Tech Talk #10
  18. イベントKyoto.go #65 オフラインLT会@はてな
  19. イベントクラウドネイティブ会議 参加—
  20. イベントKyoto.rs #1
  21. イベントRubyKaigi 2026 NOC 参加—
  22. イベントKyoto.rb Ohanami with Chris Hough
  23. イベントAI-Native Coding Night
  24. イベント関西エンジニア学生Meetup in 大阪 #1/LT会・交流会
  25. イベントKyoto.rb Meetup RubyKaigi 2026 予習会
  26. 学びGo College 参加—

    サイバーエージェントの Go を学ぶインターンシップ。最終課題ではバックエンドのリファクタリングと監視基盤の実装に取り組んだ。

  27. イベントネットワークゆるLT大会 in 京都
  28. イベントケーブルテクノフェア in Kansai 2026 参加
  29. 学びGo College (offline) 参加
  30. イベントJANOG57 NOC/ケーブルチーム—

    ケーブル長の算出、ケーブルの作成・かしめ、会場への敷設を担当。

  31. イベントさくらの夕べ in 大阪 参加
  32. イベントKC3Hack
  33. イベント「つながらない」から始めるネットワーク入門
  34. イベントKyoto.kt #6 参加
  35. 仕事ネットワークエンジニア(アルバイト)—現在

    ルータ・スイッチによるネットワーク構築や VLAN 設定、Proxmox を使ったサーバー構築、VRRP による冗長化、SNMP・Prometheus・Grafana を用いた監視基盤の作成を経験。

  36. イベントKaigi on Rails 2025 参加—

    TwoGate の学生支援を受けて参加。実務に関するセッションを通じて Rails の開発について学んだ。

  37. 仕事SmartHR サマーインターン/チーム優勝

    4日間のチーム開発に参加し、所属チームが優勝。後日の座談会が SmartHR Tech Blog に掲載された。

  38. イベントTwoGate ハッカソン参加

    高専生向けのハッカソンに参加し、開発に取り組んだ。

  39. イベントNaniwaNOG NOC/バックボーンチーム

    バックボーンチームとして参加し、IX へのコンフィグ投入を経験。ネットワーク構築への理解を深めた。

  40. イベントSPAJAM 優秀賞
  41. イベントSECCON Beginners CTF 2025/222位
  42. イベント関西Ruby会議08 参加
  43. イベントKyoto Tech Talk/学生枠で初登壇
  44. イベントRubyKaigi 2025 参加—

    エス・エム・エスの学生支援を受けて参加。参加記事を同社のテックブログに掲載。

  45. 制作認証サンプルを公開

    技術書展 2025 に向けて、Next.js・Rails・Auth0 を組み合わせたサンプルを制作。

  46. 仕事開発インターン/アプリケーションエンジニア—

    Ruby on Rails・React・Auth0 を用いたアプリケーション開発に従事。RSpec・RuboCop、AWS・MySQL・Docker Compose などを使用。

  47. イベントJANOG・ICPC に初参加

    JANOG に一般参加。ICPC では3問を完答。

  48. イベント登竜門Hack関西/ベストグロース賞

    初めてのハッカソンで Nest.js を使ったバックエンドを担当。後悔を共有する SNS をチームで開発し、個人でベストグロース賞を受賞。

  49. 制作初めてのチーム制作/共有 ToDo リスト

    大学入学後の初めてのアプリケーション開発。Next.js と Firebase を使い、同じ Google アカウントで端末間の ToDo を共有するアプリを制作。

ほかの場所

GitHub ↗
コードと制作物
Zenn ↗
技術のアウトプット
Qiita ↗
学んだことの記録
X ↗
日々のこと
Scrapbox ↗
実績と活動の記録
connpass ↗
イベントへの参加