最近、自分の実務でやってるコーディングのAI活用を共有します。 結論から伝えると、とにかく自動化というより、Claude様（様！）と僕で、「ペアプログラミング」しているイメージに近いです。 ※ペアプログラミング：2人のプログラマが1台のマシンを操作してプログラミングを行う手法（出典：Wikipedia）。 TLで流れてくるようなトレンドなやり方をしていないので、「古っ！」と思われてしまうかもしれません。 ただ、割と（かなり）効率化できてる実感があります。 体感では、これまでかかってた工数の約4～5割くらいでしょうか（もっとか）。 クライアントワークの実務なので、「AIで作ったのでこんなもんです。」とはいきません。品質が求められるため、いきなりサクッとAI移行ともいかず。地味な使い方をしています。 ▼前提 ・オリジナルデザインだったり既存サイトの改善なので、細部の設計は人間（僕）がやる。 ・Claude Codeを「超高速で動くコーディングの相棒」として使っている。 ▼技術スタック ・EJS でHTMLテンプレート管理 ・SCSS（FLOCSS）でCSS設計 ・Gulp でビルド自動化（コンパイル、圧縮、BrowserSync） （ここまでは従来のタスクランナー） ※最終的に WordPressテーマに反映。 ▼Claude Code様の役割分担 ・コーディング規約（FLOCSS命名、変数など）に沿って、SCSSやEJSの実装・修正、提案も。 ・「CLAUDE.md」に仕様が書かれており、それを毎回読み込む。僕のこれまでのコーディング思想（？）や実装の癖など、文脈を保持。 ▼自動化されているもの ・Gulp側：ビルド・監視・BrowserSync ・Claude Code側：指示に基づいてコーディング作業の補助 とにかく自動でというより、Claude様と僕で「ペアプログラミング」しているイメージに近いです。 実務的な使い方を探している人の、参考になれば幸いです。

やったこと ・お仕事 ・コーディング CSSの基本を再確認 ピクセルパーフェクト対応でpadding / marginの調整を見直し。 余白調整＝安易にmarginを使わない。 明日やること gulpファイルを調整。 BrowserSyncの使い勝手を改善予定🔥

9月21日 ✔︎環境構築 WordPressのlocal環境でbrowsersync、その他問題なく期待通り動いた🪄cursorでAI使って初めてコード補完体験してるけど、す、すごい😶補完コードでてくるのに、目がまだ慣れないけど…重い腰上げて引っ越して良かった👩‍💻！vsコードでコパイロット使えば同じような感じやったんかな？cursor使いこなすぞー💗 今日4時前には学習開始できたのに、娘5時起き🌪️今日は本業で朝早くから保育園でその後英会話なのに、、体力もつか心配😔 #デイトラ #デイトラコミュニティ

How it's going: 1) Run Webhaven on DDEV ✅ 2) Get BrowserSync to work and optimize how the theme gets generated on changes ✅ 3) Now I'm looking for a good documentation pages structure Any help or suggestions on 3) is welcome! 🙏 Let's go!

managed to build a decent chunk of my current bankroll during the height of NFT mania last cycle, i remember owning 20%~ supply of some well known collections at times twas -ev to share things back then but back when things were super early you could gain an edge on the market just by being sliightly technical extremely bootleg (apologies to my technical mentors) but back in the days of candy machine filled dopamine (followed by flexing on @EyezNft lol) i would run testing tools like browsersync which would essentially let you control multiple browser windows from the one i’d combine this with crawling a website to find a mint page in advance or even guess it at times (it was often some combination of mint.domain.com or domain.com/mint lmao) this simple combination alongside setting up phantom to auto-approve transactions was enough to essentially mass mint in scenarios where a mint page was known - i still remember collectively owning 50% of the @irrelevants_nft collection at one stage this was all prior to the sneaker botters coming/taking over, eventually I joined one of the first bot groups on @solana at the time - which I guess has become a bit more normalized as we’ve seen with the evolution of unibot, banana gun -> the axioms / phantoms of today anyway I guess my takeaway is to always look for ways you can gain an edge on the market and to always challenge the status quo – tbh idk if I would of ventured down this path if a close friend didn’t question if it was possible your edge might not always be technical but its always important to at least be aware of where you have asymmetry and size in off the back of this do badgers still follow badgers lol 🦡

8月17日 ✔︎gulp沼🦠 WordPressサイトをphpに直書きで作る時、皆さんリロードってどうしてますか？手動？gulp使ってBrowserSyncで自動更新の方が圧倒的に良くない？ そう思って自分のベースコードにgulp導入することにしたけど、上手くいかない部分がある🌪️2h/日の学習時間がここで消えていくの辛すぎぃ🥹 #デイトラコミュニティ

🎖努力賞②🎖 #技育CAMP #ハッカソン　Vol.6🎉 今回、次の作品が受賞！ チーム：【間違ってもレクサスには追突するな】 作品：【BrowserSync for Code】 🎊受賞おめでとうございます🎊

🏕#技育CAMP 2025💻 #ハッカソン Vol.6発表中❗ /／ 実況中継〜〜💐 ＼＼ チーム：【間違ってもレクサスには追突するな】 作品名：【BrowserSync for Code】

【「Gulp」って何ができるの？】 ✅ Sassの自動コンパイル ✅ CSS/JSの圧縮 ✅ 自動リロード（BrowserSync） ✅ ファイル監視 → 手作業を減らす“作業効率アップツール”です💡 この他にもCSSの自動整列、画像圧縮なども自動化できます！ #Web制作 #Gulp

What’s your must-have sync feature? A) Bookmarks B) Passwords C) Tabs D) Other Vote! Syncing browsers like Chrome, Edge, or Firefox keeps your PC and phone in harmony, so you never lose your place in work or study. #BrowserSync,#TechPoll,#DigitalSkills

viteとgulpの違い、色々あるけど1番違うのは「速さ」 gulpはいちいちBrowserSyncとかを自前で設定しなきゃいけないし、全リビルドされがちだから激重 対してviteは差分だけコンパイルするから超爆速 設定ファイルも宣言的で書きやすいし、気軽にカスタマイズも可能 解説記事、書こ（はよ書け）

Browsersyncばり便利じゃん！ なんで今まで使わなかったんだろう！！

【Vim Browsersync】 開発体験を向上させるために試行錯誤したので、久しぶりに技術記事を投稿しました🐣 zenn.dev/yosoyalumno/article… 完全に自分の備忘録用なので、誰得記事になっている点はご容赦を😇

Gulpでタスクを実行したときに起動するブラウザが、デフォルトでChromeのシークレットモードにできなかった問題が今日ついに解決！🎉 これで、Gulpで唯一のストレスがなくなりました～！✨ 面倒くさがりなので、エラーチェックのために標準モードからシークレットモードに手動で切り替えないといけないことが地味にストレスだったんですが、以前調べて分からなかったのでそのまま放置してました😅 なつおさん @natsuo1201 とお話できたおかげで自分のコードを見直すきっかけになって解決できました！ ちゃんかわさん @chan_WebCoder の朝ポモのおかげで今日の作業がはかどりました！ ありがとうございます😊 🔧今までのコード （※「browser-sync」をインストール） -------------------- const browserSync = require('browser-sync').create(); function browserInit(done) { 　browserSync.init({ 　　server: { 　　　baseDir: "./public/" 　　} 　}); 　 　done(); } -------------------- 🆕 変更後のコード （※「browser-sync」と一緒に「open」をインストール） -------------------- const browserSync = require('browser-sync').create(); async function browserInit(done) { browserSync.init({ server: { baseDir: "./public/", }, open: false }); // シークレットモードでChromeを開く const open = await import('open'); await open.default('http://localhost:3000', { app: { name: 'chrome', arguments: ['--incognito'] } }); done(); } -------------------- ※「open: false」を削除すると、標準モードとシークレットモードが両方起動。 ※「http://localhost:3000」は自分の開発環境のURL。 💡 ちなみに、Gulpを使わずに Live Server を使う場合は、自動保存とシークレットモードでの起動を有効にすると、とっても便利です！ ①ファイルを編集すると自動で保存（初期設定では1秒後に保存） ②Live Serverがファイルの保存を検知して、ブラウザをリロード。変更を即座に反映。 ③シークレットモードで開くため、わざわざ標準ブラウザから切り替えなくてもブラウザ拡張機能の影響を受けない環境でエラーチェックまでそのままできる。 楽チンになります。 してない方はぜひ！👇 📌設定方法 設定→コマンドパレット→settings(JSON)→「基本設定：ユーザー設定を開く(JSON)」に以下を追加 ------ // 自動保存を実行 "files.autoSave": "afterDelay", // Live ServerをプライベートモードのChromeで開く "liveServer.settings.CustomBrowser": "chrome:PrivateMode" ------ #デイトラ #デイトラコミュニティ

BrowserSyncは使用していませんが、私もVite用いて開発時だけHMR有効にしています。 cofus.blog/posts/build-wordp…

やっとVite WordPressの開発環境の準備ができた...！viteとWordPressの連携部分をBrowserSyncのmiddlewareで無理やりしたけど、多分大丈夫よね...？

This is a bite 😂 but nope. Laravel Mix had browsersync capabilities before many of these DX-focused frameworks existed and now uses Vite so it's just the same experience.

9/2 ☑︎コーディング2件 ☑︎デザトレ（写真加工、統一感）→2hr ☑︎添削会 gulpのBrowserSyncが作動しなくて、1時間溶かしました😭 body開始タグが消えてたのが原因。 着手直後でHTMLエラーチェッカーもしてなかったし、予想外すぎた...

Preprosすごい🤣！ 感動ポイント！ ①ローカル環境でもスマホで確認可✨ ②Browsersyncで、ファイル保存したら、それを検知して自動的にリロード✨ GUIで操作できるのも嬉しい😊 とにかく使ってみるの精神で、 色々触りまくります☺️ Prepros、、名前だけは覚えにくい笑 #プログラミング学習