ブログ
Web 制作・システム開発に関する記事を公開しています。
Web 制作・システム開発の外注で、返事を待つ時間がいちばんしんどい
「金曜の夕方に出した質問の返事が、翌週水曜まで来ない」。Webやシステムを外注したときに本当にしんどいのは、コミュニケーションそのものより、話が止まっている時間だと思います。
3年前の下書き記事「ChatGPTを使ったWeb開発の未来」を見て時代の変化を感じた
WordPressに限界を感じたエンジニアが、EmDashにベットする理由
PHPベースの技術スタック、億劫な管理画面、サーバー保守のコスト。WordPressへの不満を抱えるエンジニアに向けて、CloudflareがAIエージェント中心に設計した新CMS「EmDash」への移行理由と、移行で同時に回収できる4つの価値を解説する。
地方在住フリーランスがオンライン完結で戦うための戦略
地方在住・フルリモート・SES契約という条件は、東京中心の王道キャリア戦略とは噛み合わない。しかし制約を直視すれば、取るべき道はむしろ明確になる。オンライン完結で戦うための3つの戦略軸を整理する。
人月ビジネスの行方 — 市場は残るが実装層は縮む
AIによって人月ビジネスは消えるのか。市場全体は残るが、設計に関与しない「実装だけ」の層は確実に縮む。挟み撃ちに遭う中間単価帯の構造と、4〜7年スパンで訪れる再編に向けて、残された時間をどう使うかを整理する。
AI時代に直面しているエンジニアの構造変化
「スキルが消えたんじゃなくて、単価が下がった」——AI時代に実装の中間層が溶け、上下が残る構造変化。自分のポジションをどう診断するか。
Cloudflare Pages Functionsでメールが送信できない場合の対処法
Cloudflare Pagesの利用者に向けて、メール送信機能のセキュリティ対策が強化されました。これにより、SPF認証とDomain Lockdownの設定が必要となり、正確なTXTレコードの指定が求められるようになりました。これらの変更に対応するための具体的な手順をご説明します。
WordPressデータ(投稿記事や画像)をCSV形式で出力する
投稿記事や固定ページ、アイキャッチ画像やタグ、さらにはカスタム投稿タイプまで、WordPressデータをCSVで出力するには、WordPressプラグイン「Import All Pages, Post types, Products, Orders, and Users as XML & CSV」を使うのが便利です。
AstroでGoogleアドセンスの広告を表示する
AstroでGoogleアドセンスの広告を表示するには、元の広告コードのインラインで実行しているscriptタグにis:inlineを付けます。その他のコードはそのまま読み込んでOKです。
Nuxt3でGoogleアドセンス広告を表示する
Nuxt3で構築されたサイトにGoogleアドセンスの広告を表示する具体的な手順をご紹介します。プラグインは使いません。
Nuxt3で外部画像を静的生成する
Nuxt3で内部画像と外部画像を静的生成し、各デバイス毎に画像サイズを最適化するには、公式モジュールのNuxt Imageを使います。
Nuxt ContentでコンポーネントにクラスやIDを付ける
Nuxt Contentでスタイリングする際、直接要素にCSSを当てるのが簡単ですが、クラスやIDなど各種属性を付けることもできます。Tailwind CSSなどのUIライブラリを使う場合に便利な方法です。
さようならVuetify。ようこそTailwind CSS
Nuxt2の時から愛用していたVuetifyの使用をやめ、Tailwind CSSに乗り換えました。Nuxt2からNuxt3への移行と同じく、Vuetify2から3への移行も一筋縄ではいかなかったのですが、久しぶりにバージョンアップしてみたところ(v3.3.9)、またバグが発生して対応が必要だったため、ここら辺で見切りをつけることにしました。
Vercel, Netlify, Cloudflare Pages 課金するならどれ?
2023年版では「1ドル安いNetlify」が結論でしたが、NetlifyはPro月20ドルのクレジット制になり、Cloudflareは課金の入口がWorkers Paid(月5ドル〜)に変わりました。2026年の現行料金で考え直しています。
Next/ImageはCloudflare Pagesの無料プランで使えない
Next.jsには、画像をキャッシュして各デバイスサイズに最適化して配信するNext/Imageコンポーネントがあり、通常は面倒な画像最適化を簡単に実現できますが、Cloudflare Pagesの無料プランでは使えません。
Cloudflare Pages Functionsの制限サイズエラー
Next.js製のサイトをCloudflare Pagesにデプロイする際、Functionsのスクリプトサイズが大きすぎる旨のエラーが発生してデプロイに失敗しました。
Vercel, Netlify, Cloudflare Pages 無料で使うならどれ?
JAMstackのWebサイトなどをホスティングする際、主な選択肢になるのがVercel, Netlify, Cloudflare Pagesの3つかと思います。どれも無料で利用できるため、まずは体験してみるのが1番ですが、無料で使う場合Cloudflare Pagesが最強です。
【無料】Bing AIでブログ記事を自動作成するコツ
Bingのチャット機能(Bing AI)は、有料版ChatGPTの機能が使える裏技的な方法で、執筆時点で最も高性能なモデルのGPT-4やブラウジング機能が使えます。この記事では、そのBing AIを使ってブログ記事を作成するコツをご紹介します。
AIで動画の文字起こし、記事作成、サムネ画像作成を同時に行う
動画の文字起こしから、ブログ執筆、さらにはサムネイル画像の生成まで、AIの力で一気通貫で行う方法をご紹介します。動画とブログの二刀流を実現したい方におすすめの方法です。
WhisperとNext.js(Edge Runtime)で文字起こし
OpenAIのサービスの1つであるWhisperのAPIを使い、Next.jsのアプリケーションで文字起こしをする実践的な手順をご紹介します。