こもりまさあき。フリーランスで活動し始めて25年。これまで手がけたWeb制作関連書籍は執筆／監修含め多数。2025年秋よりFigma関連の解説動画、TypeScirptやReact、Tailwind CSSなどの初心者向け解説動画など販売中。Unsplashの全投稿者中、最も閲覧数の多い500人の中の1人でもあります。
Joined April 2007
- Tweets 143,636
- Following 1,806
- Followers 2,546
- Likes 143
Photos and videos
Pinned Tweet
Jun 15
「Astro v6 実践ガイド 〜 基礎から学ぶモダンなWeb制作」本編公開しました。動画本数52本、総時間4時間59分です。HTMLをベースにAstro化しつつ、Reactのコンポーネント入れたり、Store作ったり、SSRにしてみたり、Cloudflareにデプロイしたり。非公開オリジナルスキル付き
kmrvid.com/products/astro-v6…
1
1
171
ちなみにですが、オリジナルのCSSとかで作られてたら変更にそれなりの時間もかかるでしょうし、意図せぬ結果になることもありますので（そもそもの作り方の問題）。
基本的にAIで回しやすいTailwindでできてるプロジェクト想定です。
ブラウザ拡張なしで、ブラウザに表示されたページ内をクリック→Claudeに修正指示を送れるスキル「click-to-fix」を公開しました。
VS Code・Claude Desktop・ターミナルどの環境でもたぶん動きます。macOS / Linux 対応。Windows の方は環境に合わせて自分で書き換えて🙏
github.com/gaspanik/click-to…
10
ブラウザ拡張なしで、ブラウザに表示されたページ内をクリック→Claudeに修正指示を送れるスキル「click-to-fix」を公開しました。
VS Code・Claude Desktop・ターミナルどの環境でもたぶん動きます。macOS / Linux 対応。Windows の方は環境に合わせて自分で書き換えて🙏
github.com/gaspanik/click-to…
1
69
ClaudeのChrome拡張機能系はいまいち動作不安定というかどこで動かすかで起動したりしなかったりすることがあったので、それに依存しない形に書き換えて、フレームワークとかも基本関係ないようにしておいた。差し込むスクリプトとか裏で動かすサーバは、終了時に削除と停止するようにして安心安全に
何かキャプチャして場所を明示して指示を書いたり、セクションを言葉で伝えて指示したりって面倒くさすぎるので、ブラウザで表示してる内容で場所をクリックしてそこに修正指示を書き込んでそれを元にClaudeさんに修正してもらうスキルを作成中。
1
1
133
これならコードがわからない人でも使えるし、スクリーンショット撮って指示して貼り付けて…とかの手間もないし、楽になること間違いない。
ただまぁ、オリジナルのCSSとかで作られてるサイトとかは修正に時間かかるだろうなぁ。場所がわかったところでクラスの関係性とかそういうの見なきゃだし
56
スキルを拡張してた。
1. スキルの呼び出し
2. dev サーバー確認・起動
3. ブラウザを開く
4. 永続スクリプトを配置（リロード耐性）
5. オーバーレイを inject 修正モード ON
6. 修正したい場所をクリック → 指示を入力 → 送信
7. Claude が実装
8. 自動で再 inject 修正モード ON
9. 6〜8 を繰り返す
10. 「編集終了」でクリーンアップ
Figma MCPのCode to Canvasと同じ挙動
84
「日本国憲法改正手続の改正案」の慎重審議を求める c.org/vTmc8zxG65
1
82
何かキャプチャして場所を明示して指示を書いたり、セクションを言葉で伝えて指示したりって面倒くさすぎるので、ブラウザで表示してる内容で場所をクリックしてそこに修正指示を書き込んでそれを元にClaudeさんに修正してもらうスキルを作成中。
3
1,664
Jun 15
各種スターターキットとClaude Code用のスキルの一覧を作りました。スターターキットとスキルの多くはGitHubにて公開していますが、一部スキルについては販売中の講座の付録やセミナー特典として限定配布のみになります。
各種スターターキットとClaude Code 用スキル
kmrvid.com/blogs/news/kmrvid…
143
Jun 15
SSGモード（mobile-polish実行してメニュー追加）
marvelous-dusk-9f89e1.netlif…
SSRモード（作例の最終データそのまま）
astro-test.gaspanik.workers.…
136
Jun 15
モックアップ作るスキルは、デスクトップもモバイルもまとめてやってくれるけど、モバイルのメニュー作らなかったりするので、モバイルサイズの面を磨くスキル「mobile-polish」を作り始めた。
105
Jun 15
RT @otakumatch: ちょっと知るだけ知っておいて欲しいのですが、近頃、これまでとは少し違う動き方をする“インプレゾンビ的”なアカウント群を確認しています。
アカウント開設時期は2026年5月〜6月に集中。私が5月頭から観察している範囲だけでも、新規作成は3万件規模…
4,767