
01
HTML3 years
セマンティックでアクセシブルなマークアップが基本。見出し階層やランドマークを正しく組み、スクリーンリーダーや検索エンジンにも意味が伝わる構造で書く。

from craft to value
Stack 01 — 07
いま手を動かせる言語と、その経験年数。

01
セマンティックでアクセシブルなマークアップが基本。見出し階層やランドマークを正しく組み、スクリーンリーダーや検索エンジンにも意味が伝わる構造で書く。

02
レイアウトからアニメーションまで。Grid / Flexbox・カスタムプロパティ・clamp() を使い、どの画面幅でも崩れないレスポンシブと、心地よい動きを設計する。

03
DOM 操作やスクロール連動など、素の JavaScript でインタラクションを実装。依存を増やしすぎず、軽くて壊れにくい動きをつくることを心がけている。

04
型システムで安全に。型注釈やインターフェースで意図を明確にし、補完とコンパイル時チェックで壊れにくいコードを書く。規模が大きくなっても見通しの効く設計を心がける。

05
コンポーネント単位で UI を組み立てる。状態管理やフックを使い、再利用しやすく見通しの良い画面を設計。宣言的な記述で複雑な操作も整理して扱う。

06
スクリプトや自動化、データ処理に活用。面倒な手作業をまとめて片付けたり、簡単なツールを書いたりと、開発まわりの効率化に使っている。

07
サーバーサイドの定番。フォーム処理や簡単な動的ページ、データのやり取りなどに使い、フロントとバックエンドを橋渡しする実装に活用している。
いいプロダクトは、細部 に正直だ。 — R, coding principle
Latest 3
最新の実績を3つ。すべては実績ページへ。

HTML・CSS・素の JavaScript だけで一から制作。設計から実装・文章まで担当。

シーンと選択肢を編集するだけで、分岐するゲームブックを組み立てられる制作ツール。CSV と画像を差し替えれば、自分の作品にそのまま展開できる。
R は東京を拠点とするフロントエンドエンジニア。HTML / CSS を軸に、JavaScript・TypeScript・React・Python・PHP まで扱い、Web をつくる。
「つくる技術を、届く価値へ」を信条に、見た目の美しさだけでなく、速度・アクセシビリティ・コードの読みやすさまで意識して制作する。小さな手応えの良さにこだわり抜く。

Let's build something good
© 2026 R. All rights reserved. — 無断転載を禁ず.