コーディング

Resendとは？料金・無料枠とWordPressのメール不達対策｜制作会社が解説

Resendは開発者向けのメール配信サービスです。2026年9月時点の料金と無料枠、SendGrid・Amazon SESとの比較、WP Mail SMTPでの設定値、受託案件で使うときの注意点を一次情報ベースで解説します。

Vercel（バーセル）はGit連携でサイトを自動公開できるホスティングです。2026年9月時点の料金、Hobby無料枠の上限、商用利用の線引き、デプロイ手順、WordPressとの使い分けを一次情報ベースで解説します。

Chromeの文字が突然変わる原因を仕組みから解説します。設定のリセットではフォントが戻らない理由、標準とSans Serifの違い、ズームとの切り分け、WindowsとMacの違いまでWeb制作会社が整理しました。

パララックスとは、スクロール時に背景と手前を違う速さで動かし奥行きを出す演出です。CSS・GSAP・WordPressでの作り方5選、iPhoneで効かない原因、SEOと表示速度の注意点を制作会社が解説します。

背景が漂い、スクロールが滑らかに動くWebサイトの作り方を実例の構成から解説。PixiJS・GSAP・Locomotive Scrollの役割分担と、動作検証済みのコードを紹介します。

Swiperでアーチ型・円弧スライダーを実装する方法をコード付きで解説。回転が逆になる原因や、autoplayでカクつく仕組みと3つの対処法も紹介します。

YouTube IFrame Player APIで動画をファーストビューに自動再生ループで埋め込む手順を制作会社が解説。ミュートが必須の理由、loopが効かないときの対処、画面全面をカバーするCSS、スマホ対策まで実装コード付きで紹介します。

動画を軽く埋め込む方法を制作会社が解説。YouTube埋め込みが重い理由、loading="lazy"、ファサード方式、lite-youtube-embed、video要素の最適化まで、コピペできるコード付きで紹介します。

見出し（h2・h3）のCSSをブラウザ上で作れる無料ツール「見出しCSSジェネレーター」の使い方を解説します。16種類のデザインから選び、色・線の太さ・角丸を調整して、HTMLとCSSをコピーするだけ。長い見出しの崩れも事前に確認できます。

リンク（aタグ）のCSSを、4つの状態の指定から下線の調整、ホバーアニメーション、ボタン化、スマホでの注意点まで制作会社が解説します。コピペで使えるコードと、リンクと分からなくなる失敗例つきです。

デザインと発信の力で、お客様の強みや想いを形にし、
成果につながるコンテンツを制作します。
「うちの場合はどうなる？」という段階からでも、どうぞお気軽にご相談ください。