トピックス
inaro.devについて
コーディング・CMS実装を軸に、
アプリ開発まで対応しています。
デザインの意図を丁寧に汲み取って、軽くて速い、長く安心して使えるサイトに仕上げます。
アクセシビリティにも気を配ったマークアップにします。
スクロールに合わせた動きは、GSAPの出番です。
WordPressやmicroCMSでの実装が中心で、React・Next.jsを使ったWebアプリ開発も請け負います。
新しく作るだけでなく、今あるサイトの改修や、CMSのアップデート、急なエラー対応も引き受けます。
要件の整理から実装、SEO、公開後の保守運用まで通して見ます。
ここ数年で、AIエージェントを開発フローに組み込みました。
AIに渡すルールを整えて、仕上がりを確かめるところまで仕組みにしています。
inaro.dev
フロントエンド開発を得意とするエンジニアです。Web制作会社や広告代理店での経験を経て、2022年に独立しました。初めて触る技術を任されることが多く、そのたびに調べながら形にしてきました。
- 2011年
- Web制作を学び始める
- 2012〜2016年
- ECサイトの業務に携わりながら、Web制作を経験
- 2016〜2022年
- Web制作会社や広告代理店でコーディングスキルを磨く
- 2022年夏
- 独立して活動を開始
技術スタック
これまでの案件で扱ってきた、主な技術です。
言語
- HTML / CSS / Sass
- JavaScript
- TypeScript
- PHP
フレームワーク
- React
- Next.js
- Astro
スタイリング・アニメーション
- Tailwind CSS
- GSAP
- ScrollTrigger
CSS設計
- FLOCSS
- BEM
CMS
- WordPress
- microCMS
- Kuroco
ホスティング・インフラ
- Vercel
- Cloudflare Pages
- Netlify
開発環境
- Git / GitHub
- Vite
- Gulp
- Docker
- Storybook
品質・検証
- ESLint
- Stylelint
- Prettier
- Playwright
- Lighthouse
- miChecker
AI駆動開発
- Claude Code
- Figma MCP
- ChatGPT
- Cursor
デザインツール
- Figma
- Adobe XD
- Photoshop
- Illustrator
サービス内容
コーディングやCMS実装から、Webアプリ・業務システムの開発まで、こんな仕事をしています。
01
Web制作・コーディング全般
デザインの意図を汲み取って、HTML・CSS・JavaScript・TypeScriptで忠実に再現します。
軽くて速く、SEOにも配慮したマークアップが基本です。
アクセシビリティはmiCheckerで確認して、案件の基準に合わせます。
GSAPとScrollTriggerでのアニメーションも得意分野です。
スマホやタブレットでも気持ちよく見えるように、レスポンシブは細部まで詰めます。
02
CMS実装・運用
更新しやすくて、長く安心して使えるCMSを実装します。
WordPressやmicroCMSが中心で、画像付きの更新マニュアルも作れます。
テーマのカスタマイズやプラグインの調整はもちろん、REST APIを使ったヘッドレス構成も守備範囲です。
セキュリティと表示速度にも気を配って、公開後の運用まで見て設計します。
03
Webアプリ開発
React・Next.js・TypeScriptでアプリを作ります。
要件に合わせて、管理しやすくて速い、安全な構成を設計します。
あとから機能を足したくなっても困らないよう、広げやすい形にしておくのが前提です。
04
既存サイトの改修・保守運用
今あるサイトの改善・修正から、CMSのアップデート、急なエラー対応まで引き受けます。
既存のテーマやコードの書き方に合わせて、無理のない形で手を入れます。
SEOの調整や表示速度の改善、定期的なバックアップと脆弱性対策までやるので、公開した後も安心です。
1回きりの対応でも、続けての運用保守でも大丈夫です。
05
AI駆動開発
Web制作もアプリ開発も、近年はAIを取り入れて進めています。
メインで使うのはClaudeとChatGPTです。
下調べや叩き台づくりはAIに任せて、設計の判断と仕上げに時間をかけます。
環境変数や秘密情報はAIに渡しません。
制作実績
自主開発はWebアプリを公開しています。実務案件は案件名を伏せていて、載せているのは直近の一部です。
news-cms
デモお知らせCMS
お知らせだけを管理画面から更新できる、小さなCMSです。WordPressやmicroCMSを入れずに、Next.jsで作り、Cloudflareで動かしています。保存すると1〜2秒で公開サイトに反映されます。管理画面は公開していないので、画面の様子は解説記事で紹介しています。
- TypeScript
- React
- Next.js
- Tailwind CSS
- Cloudflare Workers
- Cloudflare D1
- Cloudflare R2
image-resize
公開中画像リサイズ・トリミング
複数枚の一括リサイズと、ドラッグで範囲を決めるトリミングができます。出力サイズをpxで指定すると選択枠がその比率に固定されるので、支給素材を次々と同じサイズで切り出せます。処理はすべてブラウザ内で完結します。
- TypeScript
- React
- Vite
- Cloudflare Workers
image-to-webp
公開中画像→WebP変換
PNGやJPEGをまとめてWebPに変換します。品質スライダーで圧縮の強さを決められ、変換前後のファイルサイズと削減率がその場で出ます。透過は保持したまま、ZIPで一括ダウンロードもできます。ファイルはサーバーに送りません。
- TypeScript
- React
- Vite
- Cloudflare Workers
image-to-pdf
公開中画像→PDF変換
複数の画像をドラッグするだけで1つのPDFにまとめます。並べ替えてから変換でき、ページサイズは画像そのままかA4を選べます。JPGとPNGは再エンコードせず埋め込むので画質が落ちません。変換は手元のブラウザだけで終わります。
- React
- TypeScript
- Vite
- Cloudflare Workers
お問い合わせ
「制作リソースが足りない」制作会社の方、「コーディングやCMS実装を任せたい」デザイナーの方。単発の依頼から継続的な協業まで引き受けています。


