のすけ@web制作

Web制作／HTML・CSSコーディングを中心に対応
FLOCSS・BEM設計、WordPressオリジナルテーマ制作
製造業での品質管理経験を活かし、品質と報連相を重視
#しめサポ

[のすけ@web制作 @nosuke112233]

コーディングSkillの成果共有会に参加！

精度が高いのは知っていましたが、想像していた以上でビックリ！

ピクパ対応だけでなく、確認・検証までやってくれるのは正直エグいですｗ

できることがどんどん増えていて、これからさらに進化していきそう✨

お話しありがとうございました～

#しめサポ

[こう@コーディング一本で生活してます @Kou_bangkok]

#しめサポ でコーディングSkillの成果共有会でした。

かずひろさん(@KZ_ymkz)は受けられる案件が増えて、
さかまきさん(@sakamaki_t25)は徹夜がなくなった。

2人ともさらっと「時給10,000円」と言っていて、
びっくりした。

土日に働かなくなって、
休んでるときに仕事のことを考えなくなって、
納期の不安も消えた。

Skillを使って生活まで変えたお2人。

これからもガンガン使い倒してください。

今日はありがとうございました！

[のすけ@web制作 @nosuke112233]

@centonze_kana こちらこそ3次会ではありがとうございました〜！
あまりお話し出来なかったけど
またよろしくお願いします☺️

[のすけ@web制作 @nosuke112233]

先日 #しめサポ のオフ会に参加しました！

0次会からしめじさんとも話せて、
学びも刺激も多い最高の時間でした✨

スゴイ人たちばかりで最初緊張しましたが、
3次会までご一緒できてめちゃ楽しかったです！

幹事の皆さま、本当にありがとうございました！

0次会からの参加がオススメですｗ

[のすけ@web制作 @nosuke112233]

AIコーディングのセミナー参加しました！

完成度がエグいですね！！
「すごっ！」って何回言ったかw
自分じゃここまで仕上げるのは難しいと感じました。コーディングの概念が変わるセミナーでした。

@Kou_bangkokさん
@simeji_pro さん
ありがとうございました！

[こう@コーディング一本で生活してます @Kou_bangkok]

昨日は #しめサポ 内でセミナーを開催しました。

なんと160名もの方にご参加いただき、本当にありがとうございます。

テーマは「コーディングを自動化するAIエージェント」。

しめじさんの圧倒的な知識と、惜しげもない情報共有の連続…

しめさぽメンバーだけが知れるこの情報、間違いなく今後追いつけないレベルの「圧倒的な差」がつく内容になりました。

参加してくださった皆様、遅くまでありがとうございました。

[のすけ@web制作 @nosuke112233]

@Gin_you80 なかじんさん、
ありがとうございます😊

最近は朝活参加できてないので、
まずは朝活の皆さんと交流して
レベル上げていきます！

今後ともよろしくお願いします🙇

[なかじん｜AI ×営業自動化 @Gin_you80]

https://t.co/wxUG5Xffii

[なかじん｜AI ×営業自動化 @Gin_you80]

https://t.co/evxbjFdctL

[のすけ@web制作 @nosuke112233]

@4610_hotel 集客の解説書

[のすけ@web制作 @nosuke112233]

AIコーディング、ここまで来てるのかと驚きました。

9割自動生成＋ピクセル差分チェックまで自動化。
修正箇所が「見える化」されるのがかなり強い。
あとFigmaはオートレイアウト必須なのは盲点でした。

無料でこのレベルは本当にありがたいです！！

[こう@コーディング一本で生活してます @Kou_bangkok]

🎁無料プレゼント企画🎁

コードの9割をAIに書かせて、
3ページ分のWebサイトを仕上げる方法。

『9割自動化
AIエージェント完全マニュアル』

━━━━━━━━━━━━━
▌ 動画で公開する全内容
━━━━━━━━━━━━━

▶ 3ページ分のWebサイトを"9割AIに任せて"仕上げる
実案件レベルのAIコーディング全手順

▶ AIの出力精度が天と地ほど変わる、
Figmaカンプ準備の「正しい型」

▶ 時給5,000円の壁を突破し10,000円超に到達した
9割AIに任せる実務フロー

▶ 初回出力"7〜8割止まり"を9割まで詰める、
AIへの修正指示の精度設計

▶ 非公開の自作AIエージェントの使い方

▶ Figmaから画像を1枚ずつ落とす手作業もゼロ、
必要な画像はAIエージェントが全自動で書き出す仕組み

▶ ピクセルパーフェクト仕上げを90%まで自動化する
Skills機能の仕組み

▶「書けなくていい。でも読めないといけない」
AI時代のコーダーに残る"唯一の武器"

━━━━━━━━━━━━━
▌ 動画と合わせて、もうひとつ
━━━━━━━━━━━━━

それがこちらです。

『魔法のプロンプト』

たった一文。
コピペでそのまま使えて、
Claude CodeでもCursorでも、
どんなAIに添えても効きます。

これを入れたAIは、
「言われた通りに直す」モードから、

「なぜそのズレが起きたのかを自分で考え、根本から直す」モードに切り替わる。

同じ修正指示でも、
この一文があるかないかで、出力は別物になります。

━━━━━━━━━━━━━
▌ いま現場で起きていること
━━━━━━━━━━━━━

コーダーの世界は、すでに二つに分かれ始めています。

■ AIに9割任せている側

・コーディングの9割をAIが回している
・「書く作業」は消え、「指示と判断」だけが仕事になる
・同じ時間で2〜3倍の案件を捌ける
・納品は前倒し、クライアントの信頼が積み上がる
・労働時間はむしろ減り、収入は増えている
・時給が"手の速度"という物理的上限から解放されている

■ 自分の手で書き続けている側

・相変わらず手でコードを書いている
・作業量が増えても、時給は頭打ちのまま
・AIを触るたびに「使えない」で終わり、結局手書きに戻る
・周りがAIで3〜5倍速になる中、
同じ単価で同じ時間を切り売りし続ける
・1年後、AI活用組に案件を静かに奪われていく

両者の距離は、毎月少しずつ広がっています。

コードを書く力そのものが価値だった時代は、
すでに終わりに向かっています。

これからは、AIに的確に指示を出せる人のところに、
仕事も単価もすべて集まります。

━━━━━━━━━━━━━
▌ 動画の受け取り方
━━━━━━━━━━━━━

① いいね＆フォロー（@Kou_bangkok）
② プロフのLINEから動画を受け取る

[のすけ@web制作 @nosuke112233]

@kazumarudrive 自動

[のすけ@web制作 @nosuke112233]

@hiromu_wbung ひろむさん、ありがとうございます！
本当にめちゃ快適ですw
何か気付いたらご連絡させていただきますねー

[のすけ@web制作 @nosuke112233]

めちゃくちゃ便利！
感動レベルの使用感です✨

AIに修正指示を出す際の
「どのファイルのどこをどう直して」って書くのが一番手間だったので超絶ありがたい🙌

AIコーディングでは修正前提なので、
この部分の時短効果はかなり大きい🔥

ひろむさん @hiromu_wbung
本当にありがとうございます！

[ひろむ | 提案オタク @hiromu_wbung]

これChrome拡張機能として作ったんだけど、
公開審査あるらしい…笑
完了まで2日〜3日かかるとのこと😂

ということで、

（間に合えば）2月17日（火）販売【予定】！！

決済周りも至急整えなければ！
初めてだらけで楽しい

[ゆうたろう｜コーダーの"できた"を広げる伴走者 @hirataro_89]

ついに、完成しました・・・！！

「WordPress開発＝重い・遅い・面倒」
この常識を過去にします。

✅ Vite × wp-env (Docker)
✅ 保存した瞬間に画面反映（リロード不要）
✅ コマンド一発で環境構築＆初期設定完了
✅️チーム間のDB同期も爆速
✅ 実務用テンプレート（PHP/SCSS）同梱
✅️誰も迷わないような「超絶過保護」な手順書つき

Localの起動待ちも、
ブラウザの更新ボタン連打も、
もういりません。

あなたの開発環境を
「ガラケー」から「スマホ」へ変えます。

本日から3日間限定で
リリース記念割引も用意しました。

詳細はリプライ欄へ▼

[のすけ@web制作 @nosuke112233]

超快適なWordPress開発環境✨
早く欲しいですね！あと2日で販売開始！！
嬉しい🙌

[ゆうたろう｜コーダーの"できた"を広げる伴走者 @hirataro_89]

【リリースまで、あと2日！】

2/6（金）に公開する
Vite × WordPress 開発環境。

「結局、何ができるんや？」
ってところをまとめてみます。

✅環境構築がコマンド一発
言語設定、パーマリンク設定、固定ページの作成...

あの面倒な「管理画面ポチポチ」は不要。

コマンド一発で開発準備が整います。

✅保存＝即反映
CSSもPHPもJSも。
修正後のリロード待ち時間はほぼゼロに。

✅DB同期革命
投稿データ、ACFの設定、フォームの設定

チーム開発でズレがちなこれらも、
コマンド一発で同期完了です。

✅自動最適化
画像を入れれば WebP or AVIF に変換。

保存すればPrettierやLintがコード整形。

全部勝手にやります。

✅PHPもコンポーネント化
スパゲッティコードから卒業しましょう。

「どう分けるのがいいの？」
という設計ガイドも付けておきます。

これら全部、
「初期設定済み」でリリースします。

コマンドをパパっと叩けば
即効できちゃう状態。

あなたの「開発の常識」を
本気でアップデートしに行きます。

準備はいいですか・・？？

P.S
限定のクーポンを公式LINEで配布中です。
固定ポストから今のうちにチェックしておいて😌

[のすけ@web制作 @nosuke112233]

企画参加させていただきました！

静的環境はViteになり爆速になったので、
WordPress開発環境も早くViteにしたいと思ってたのですが、
色々と超便利になってる。WordPress環境が超進化しそう。

細かく説明していただき、ありがとうございました！

この環境が早く欲しいですねｗ

[ゆうたろう｜コーダーの"できた"を広げる伴走者 @hirataro_89]

#しめサポ にてVite × WordPress の企画するぞーーー

おーーーーー

「ViteをどうやってWordPress制作に活用するのか」
「てかそもそも開発環境ってなんやねん」

ここらへん、話します！！

緊張する！！
押忍！！！

[のすけ@web制作 @nosuke112233]

企画に参加させていただきました🙌

自分の軸（ルール）を事前に明確にしておくことの重要性を実感しました！
まだ私自身は言語化し切れていませんが、これを整理して共有できていれば、駆け出しの段階でも判断に迷う場面を大きく減らせそうだと感じました✨

貴重なお話をありがとうございました🙏

[がっちゃん@成果につながるWeb制作 @Gaaaachaman]

明日しめサポ内で企画を実施します！

第一回は、
自分だけの軸を確立してクライアントワークの質を向上させる話。

自分の軸って何？
ってなるかと思います。

ただクライアントワークにおいて
この軸を確立することは個人的に超重要かと！

具体事例などを踏まえてお話する予定ですので、
ぜひ多くの人に参加して欲しいですね🔥

何かここから変わるきっかけになる。
そう言う時間にしたいな！

明日は楽しむぞ🔥
#しめサポ

[ゆうたろう｜コーダーの"できた"を広げる伴走者 @hirataro_89]

【お待たせしました】
公式LINEではお伝えしていたのですが...

現在懸命に作成中の
『Vite × WordPress 環境』
公開日を決めました・・！！

🔥 2月6日（金） リリース 🔥

です！！

✅️爆速ホットリロード
✅️画像も自動変換&圧縮
✅️投稿一覧やフォームのテンプレ

実務で使える機能を
いっぱい詰め込んでます。

で、ここから大事な相談です。

ぼく、この環境をただの自己満じゃなくて、
みんなと「最強の環境」に育てていきたいんですよね。

「ここ使いにくい」
「こんな機能ほしい」

そういう声をしっかり反映させたい。

なので…
「開発の改善案や意見をくれる」
って約束してくれる方には、

【 限定割引クーポン 】

をお渡しすることにしました🙌

「一緒に最強の環境を作ってやるよ！」
って方、ぜひリプ欄から受け取ってください。

お祭り騒ぎしましょう🔥🔥

[ゆうたろう｜コーダーの"できた"を広げる伴走者 @hirataro_89]

これ、できちゃったかも・・・！！！

管理画面上でACFの設定を変更したら
自動で acf-json に吐き出されて、
Gitに差分が出る仕様。

これ、何がヤバいって、
「いつ、誰が、どのフィールドを変えたか」
が全部Gitのログで追えるようになること。

✅チーム間の共有は git pull だけ
✅間違えて消しても git revert で復活
✅DB同期不要でデプロイ完了

逆に、
「AIにJSONを作成させて
管理画面にも自動反映させる...」
とかも夢じゃないかも・・！

もちろん、今準備中の
「Vite × WordPress 開発環境」
に最初から組み込んでおく予定👍

「WP案件をもっと便利にしたい」って方は、
投稿を追っておいてくれると嬉しいです。
（固定ポストのnoteも更新予定...！）

公開までまだまだ気張ります・・！！

[ゆうたろう｜コーダーの"できた"を広げる伴走者 @hirataro_89]

【進捗報告】
Vite × WordPress 開発環境

できたこと
✅️PHPの変更も監視して自動リロードで爆速反映
✅️ScssやJSはsrc内を監視させることでこちらも爆速
✅️画像のWebp変換&WP用ディレクトリへの自動移動
✅️ルートのディレクトリ名をテーマ名に自動で変換
✅️functions.phpたちもパーツ分けして見やすく

今やってること
✅️pluginをJSON管理して自動で全部インストール
✅️投稿ページやらのテンプレート作成
✅️WPは常に最新の推奨verをインストールする

やりたいこと
✅️pushしたらテストサイトに自動でサーバーアップ

こうやって整理すると楽しくなるよね🥹🥹
（なお案件対応・・）