A portfolio website built in Ruby on Rails for a model client based in Japan.
My wife posted on Instagram that I build websites. A model with over 4,000 followers saw the post and reached out asking if I could build her a portfolio site. I volunteered to take it on.
It was a natural opportunity to work with a real client brief while also pushing myself technically. I had been working primarily in Next.js and TypeScript, and I wanted to see what web development felt like in a completely different ecosystem. Ruby on Rails was the answer.
Next.js is still my primary stack and will remain so. But this project has been a genuinely valuable learning experience. Rails has a different philosophy from Next.js and understanding that difference has made me a better developer overall.
- Framework: Ruby on Rails
- Frontend: Tailwind CSS, ERB templates
- Interactivity: Hotwire, Stimulus
- Database: PostgreSQL
- Deployment: TBD
- Rails conventions and MVC architecture
- ERB templating vs JSX
- Hotwire and Turbo Frames as an alternative to React state management
- Stimulus for lightweight JavaScript behavior
- How opinionated frameworks shape the way you think about problems
Active development. This is a real client project for a real person, built while learning Rails from the ground up.
Part of an ongoing journey to build across multiple stacks and become a stronger full-stack developer.
日本在住のモデルクライアント向けに Ruby on Rails で構築したポートフォリオサイトです。
妻がInstagramに「夫がWebサイトを作っています」と投稿したところ、フォロワー4万人以上のモデルがその投稿を見て、ポートフォリオサイトの制作を依頼してきました。実際のクライアントと仕事ができる良い機会だと思い、引き受けることにしました。
それまでは主にNext.jsとTypeScriptで開発していましたが、全く異なるエコシステムでWeb開発がどういうものか試してみたいという気持ちもありました。その答えがRuby on Railsでした。
Next.jsは今後も自分のメインスタックであることに変わりありません。ただ、このプロジェクトは非常に価値ある学習経験になっています。RailsはNext.jsとは根本的に異なる設計思想を持っており、その違いを理解することで開発者としての幅が広がっています。
- フレームワーク: Ruby on Rails
- フロントエンド: Tailwind CSS、ERBテンプレート
- インタラクション: Hotwire、Stimulus
- データベース: PostgreSQL
- デプロイ: 検討中
- Railsの規約とMVCアーキテクチャ
- ERBテンプレートとJSXの違い
- React状態管理の代替としてのHotwireとTurbo Frames
- 軽量なJavaScript制御のためのStimulus
- 意見の強いフレームワークが問題へのアプローチにどう影響するか
現在アクティブに開発中です。実在するクライアントのための本物のプロジェクトであり、Railsをゼロから学びながら構築しています。
複数のスタックで開発経験を積み、より強いフルスタック開発者になるための継続的な学びの一部です。