よっしぃの技術ブログ - 文系おやじの毎日研究

【VSCodeから直接XServerへ】拡張Natizyskunk SFTPでXserverへ右クリック転送する

1.コードを書きながらサーバにアップロード AIが発達してから、WEB系のシステムを組むのが本当に楽になりました。私も毎日のようにVS Codeでプログラムを書いているのですが、一つだけどうしても面倒な作業が残っていました。それが、書いたコードをサーバーに上げるFTP転送の作業です。開発はXAMPPのローカル環境で進めるのですが、最終的な動作確認はやはり本番に近いXserver上で行いたい。そのたびにXAMPPのhtdocsからWinSCPに切り替えて、修正したファイルを目視で探してドラッグ&ドロップして…という流れを繰り返していました。一時期はGitHub Actionsを使って「git...

2026.04.14

技術&プログラミング

【ClaudeCode+VSCode】トークン消費を極限まで減らす開発術

1.VSCodeでClaudeCodeを効率よく使う Claude Codeのコーディング能力は驚異的ですが、直面するのが「コスト（トークン量）」の問題です。「1日の限界」や「週の限界」、そして月額20ドルのProプランの限界にもあっという間に達してしまい、作業が止まってしまう…なんてことも。今回は、VS Codeの拡張機能を卒業し、ターミナル（CLI）を使うことでトークン消費を最大まで減らし、かつ最強の知能を引き出す方法を解説します。 VS Codeの拡張機能を使わずにターミナルでCLIを使う。自動でOpusとSonetを切り替えてくれるopusplanを設定する。 Clau...

2026.04.11

技術&プログラミング

【GitとFTPの自動連携】Cursor×GitHub ActionsでXserverへFTP自動デプロイ環境

1.FTP自動デプロイ毎日Cursorで開発していると、避けて通れないのが「本番サーバーへのデプロイ作業」です。Cursorのターミナルから GitHub にプッシュしたあと、わざわざ WinSCP を立ち上げて、XAMPPのローカルフォルダから修正したファイルを目視で探して、Xserverの本番ディレクトリにドラッグ&ドロップしてアップロードする…。毎日のこととなると、これが本当にストレスで、しかも転送漏れや上書きミスでサイトが壊れる事故もしょっちゅう起こしていました。「コードを書いて git push を叩くだけで、あとは勝手に本番に反映されてくれたら、どれだけ楽だろう」とずっと思っ...

2026.02.03

技術&プログラミング

【Gitの利用】自宅と会社の開発環境を同期する初心者ガイド

1.いつでもどこでも同じコードを使うために自宅のデスクトップ、会社のPC、外出用のノートPC。3拠点で同じプロジェクトを触っていると、必ずぶつかるのが「どうやってソースコードを同期するか」という問題です。私は長らく、htdocsフォルダごと外付けSSDに入れて持ち歩いたり、Xserverの本番環境を中継地点にしてFTPで上げ下ろししたりという、お世辞にもエンジニアらしいとは言えない方法でやりくりしていました。SSDを忘れた日の絶望感、FTPの上げ忘れで会社のPCに古いコードが残っていた時の落胆。同じ経験をしている方は、きっと少なくないと思います。社員からは「Gitを使ってください」と何度...

2026.01.31

技術&プログラミング

CursorでSonnet上限に刺さったので、VS Code運用も本気で比較してみた（料金がいちばん大事）

1.Cursorの限界を考える最近の私の開発スタイルは、かなり割り切ったものになっています。要件整理と設計はGeminiとの壁打ちで固め、実装はCursor上でSonnet 4.6を走らせる。複数ファイルにまたがる改修もほとんどAIに任せ、人間は「何を作るか」と「できたものが正しいか」だけを判断する。この方法に切り替えてから開発速度は本当に跳ね上がりました。ところが先日、ついに恐れていた事態が起きました。Cursorの月間使用上限に到達してしまったのです。画面に「今月のクレジットを使い切りました」と表示された瞬間、開発がピタッと止まる。これは「Cursorが悪い」という話ではなく、私の使...

2026.01.28

技術&プログラミング

【Cocoon CSSカスタマイズ実録】背景・ナビ透過・グラデーション・ロゴサイズが効かない原因と解決まとめ

WordPressテーマ「Cocoon」を使ってサイトデザインを調整していると、「CSSを書いたのに何も変わらない」「一度だけ反映されたのに、その後まったく効かない」「背景やナビを透過したいだけなのに、なぜこんなに難しい？」 ――そんな場面に何度も遭遇しました。その実録体験談です。簡単な話なのですが、結構面倒で地味にしんふどかった... 最初は自分のCSSの書き方が悪いのかと思い、セレクタを変え、!important を付け、キャッシュを疑い、それでも直らずに時間だけが溶けていく。Cocoonを触ったことがある人なら、一度は通る道だと思います。この記事は、 Cocoon...

2026.01.27

技術&プログラミング

【実録】Gemini APIでブログ自動投稿に挑み、挫折して悟った「成功への唯一の近道」

「AIに商品名を投げるだけで、3000文字のSEO記事が爆誕し、そのまま自分のWordPressに投稿される……そんな魔法の杖が手に入れば、不労所得はすぐそこだ」そんな甘い夢を見て、私はGoogleの最新AI「Gemini」のAPIを叩き、WordPressとの完全自動連携プログラムに挑戦しました。しかし、結果は煌びやかな収益ではなく、エラーメッセージの山と、深い虚無感と無駄に過ごした数時間でした。トホホホ...まあ経験だ... 結論から申し上げます。「AIによる記事量産で稼ごう」という考えは、2026年のインターネットにおいて、もはや通用しない幻想です。本記事では、私が実際に「地獄のデバ...

2026.01.26

技術&プログラミング

Geminiが動かない・画像サイズが違う時の対処法｜AIが不機嫌な原因を徹底解説

「昨日と同じはずなのに、今日は全く使い物にならない」——AIを使っていると、そんな壁にぶつかって投げ出したくなる日が必ずあります。特に、漢字が化ける、アスペクト比を無視する、要約が支離滅裂になるなど、昨日までできていたことが突然できなくなる現象は、ユーザー側の操作ミスではなく、AIというシステムの根源的な仕組みに由来することがほとんどです。この記事では、AI（Gemini）がなぜ「日によって不機嫌になる」のか、その技術的背景と、腹が立つ日の具体的な対処法はないかをさぐってみます。 AIが「日替わり」で挙動を変える4つの問題 AIは電卓のように「1+1=2」を常に返す決定論的な機械ではあり...

2026.01.25

技術&プログラミング

GeminiのGemとは？意味・使い方・プロンプトのコツを徹底解説

Geminiを「Gem」で最強パートナーに変える方法 Googleの生成AI、Gemini（ジェミニ）を使っていると目にメニューに表示される「Gem（ジェム）」... 「普通のチャットと何が違うの？」と疑問に思って使ってみるととても便利。私も存在はわかっていたのですが、いつもチャット方式だけに頼っていました。しかし、同じような作業が多いとき、このGemを使うととても便利だということに気づきましたのでここに紹介します。そして今は、使い込んでいくうちに、Gemは、単なる「便利な機能」ではなく、思考、業務フロー、そして専門知識をAIにインストールし、「専用の分身」を作り出すためのツールにもなってき...

2026.01.24

技術&プログラミング

【徹底解説】CursorのSonnet 4.5とClaude Codeは何が違う？料金と使い分けの正解

Cursor Proで使える標準AI（Sonnet・GPT・Gemini・Auto）の特長と向き不向きを徹底解説。Web、アプリ、組み込み開発ごとの得意分野や、実務で失敗しない使い分けを比較表付きで紹介します。

2026.01.24

技術&プログラミング