inaro.devについて
コーディング・CMS実装を軸に、
アプリ開発まで対応しています。
デザインの意図を丁寧に汲み取って、軽くて速い、長く安心して使えるサイトに仕上げます。
アクセシビリティにも気を配ったマークアップにします。
WordPressやmicroCMSでの実装が中心で、React・Next.jsを使ったWebアプリ開発もやります。
新しく作るだけでなく、今あるサイトの改修や、CMSのアップデート、急なエラー対応も引き受けます。
要件の整理から実装、SEO、公開後の保守運用まで通して見ます。
近年はAIエージェントを開発フローに組み込んでいます。
inaro.dev / Web Engineer
フロントエンド開発を得意とする、フリーランスのエンジニアです。Web制作会社や広告代理店での経験を経て、2022年に独立しました。
- 2011年
- Web制作を学び始める
- 2012〜2016年
- ECサイトの業務に携わりながら、Web制作を経験
- 2016〜2022年
- Web制作会社や広告代理店でコーディングスキルを磨く
- 2022年夏
- フリーランスとして独立
技術スタック
これまでの案件で扱ってきた、主な技術です。
言語
- HTML / CSS / Sass
- JavaScript
- TypeScript
フレームワーク・ライブラリ
- React
- Next.js
- Astro
- Vite
スタイリング・アニメーション
- Tailwind CSS
- GSAP
CMS
- WordPress
- microCMS
- Kuroco
ホスティング・インフラ
- Vercel
- Cloudflare Pages
- Netlify
AI駆動開発・ツール
- Claude Code
- Git / GitHub
- Figma
- Storybook
サービス内容
制作会社・デザイナーのコーディング代行・フロントエンド開発の外注先として、こんな仕事をしています。
01
Web制作・コーディング全般
デザインの意図をしっかり汲み取って、HTML・CSS・JavaScript・TypeScriptで忠実に再現します。軽くて速く、SEOやアクセシビリティにも配慮したマークアップにします。GSAPを使ったアニメーションも書けます。スマホやタブレットでも気持ちよく見えるように、レスポンシブは細部まで詰めます。
02
CMS実装・運用
更新しやすくて、長く安心して使えるCMSを実装します。WordPressやmicroCMSが中心です。テーマのカスタマイズやプラグインの調整はもちろん、REST APIを使ったヘッドレス構成でも組めます。セキュリティと表示速度にも気を配って、公開後の運用まで見て設計します。
03
Webアプリ開発
React・Next.js・TypeScriptでアプリを作ります。要件に合わせて、管理しやすくて速い、安全な構成を設計します。あとから機能を足したくなっても困らないよう、広げやすい形にしておきます。
04
既存サイトの改修・保守運用
今あるサイトの改善・修正から、CMSのアップデート、急なエラー対応まで引き受けます。SEOの調整や表示速度の改善、定期的なバックアップと脆弱性対策までやるので、安心して使い続けられます。1回きりの対応でも、続けての運用保守でも大丈夫です。
05
AI駆動開発
Claude CodeなどのAIエージェントを日々の開発に組み込んでいます。繰り返しの多い作業や叩き台づくりはAIに任せて工数を抑え、そのぶん設計の判断や仕上がりの確認に時間をかけます。
制作実績
実務案件は案件名を伏せています。載せているのは直近の一部です。個人開発はWebアプリを公開しています。
地方銀行ブランドサイト
フロントエンド実装
地方銀行のブランドサイトをAstroで構築しました。ブランドの世界観を損なわないよう、GSAPとScrollTriggerで細部まで動きを詰めています。CMSは入れず、担当者がAstroの構成のまま更新できる形に整理しました。1次公開・2次公開の2段階でリリースしています。
- HTML / CSS
- Sass
- Astro
- GSAP
- ScrollTrigger
食品メーカー採用サイト
フロントエンド実装
複数のセクションで構成された採用サイトのフロントエンドを担当しました。セクションごとに変わるレイアウトを、デザインを忠実に再現しながらHTMLとSassで実装しています。
- HTML / CSS
- Sass
- JavaScript
製薬会社タイアップコンテンツ
フロントエンド実装
メディアとのタイアップ記事コンテンツを担当しました。スタイリングはTailwind CSSで組み、記事を読み進める流れに合わせたアニメーション演出をGSAPで実装しています。
- HTML / CSS
- Tailwind CSS
- JavaScript
- GSAP
エンタメ施設イベントLP
フロントエンド実装
エンタメ施設のイベント向けLPを担当しました。GSAPとScrollTriggerで複雑なスクロールアニメーションを実装しています。演出の数が多く、それぞれの発火タイミングを細かく詰める精度が求められた案件でした。
- HTML / CSS
- Sass
- JavaScript
- GSAP
- ScrollTrigger
お問い合わせ
「制作リソースが足りない」制作会社の方、「コーディングやCMS実装を任せたい」デザイナーの方。単発の依頼から継続的な協業まで、幅広く対応しています。