Tec Blog
AIプロンプトはMarkdownで書くべきか?構造化の意味と実務での使い方

ChatGPT に「いい感じに直して」と投げて、返ってきた文章を見て止まってしまう。意図は伝えたつもりなのに、トーンが違う、情報が足りない、逆に盛りすぎている。仕事で生成AIを使い始めた人ほど、このズレに直面します。原因の多くは、モデルの性能不足というより 指示の渡し方 にあります。会話の延長で書いた一文には、役割・目
【脱・非同期処理アレルギー】JavaScriptのasync/awaitの使い方とメリット|昔のコードとの比較から実務での使い道まで解説

非同期処理と聞くだけで、少し身構えてしまう人は少なくありません。「コールバック地獄」という言葉だけが先行して、.then() を数珠つなぎにしたコードを見ると、どこで失敗したのか追えなくなる。実務ではこの感覚が、レビュー時間とバグの温床になります。この記事では、フリーランスのWebディレクター兼エンジニアとして、API
【実務ノウハウ】Contact Form 7にA8.netの成果計測タグを確実に埋め込む2つの方法|サンクスページ・JSイベント対応

Contact Form 7(以下 CF7)で問い合わせを受け、A8.net などの成果計測タグを「送信完了のタイミング」で発火させたい。ところが CF7 はデフォルトで同じページ内に完了メッセージを出すだけで、サンクスページに遷移しません。成約タグをどこに置けばよいか分からず、計測漏れや二重計測が起きやすいです。この
【実務レベル】Next.jsを一般的な共有サーバーで公開する完全手順|SSG出力の注意点と対策

「Next.jsで作りたいが、すでにロリポップやエックスサーバーの契約がある」「Vercelに移すほど予算も運用も変えられない」。現場ではよく聞く話です。共有サーバーは基本的にPHP前提で、Node.jsを常駐させるSSRやISRは使えません。結論から言うと、共有サーバーでNext.jsを公開するなら SSG(静的エク
【実務レベル】Next.js × microCMSで爆速サイトを構築する完全手順|Webディレクター兼エンジニアが解説

WordPressでサイトを運用していると、「管理画面は慣れているのに表示が重い」「プラグイン更新が怖い」「ヘッドレスにしたいが手順が分からない」といった悩みが出てきます。特に企業サイトやポートフォリオでは、見た目の更新頻度より表示速度と運用の安心感が成果に直結します。この記事では、フリーランスのWebディレクター兼エ