WEB制作

パララックスとは？作り方5選とiPhoneで効かないときの対処法【2026年版】

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

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

若者・Z世代に刺さるWebデザインの特徴を、配色・タイポグラフィ・動き・情報量の観点から解説。採用サイトや業種別の見せ方、失敗例も紹介します。

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

Webデザイナーのポートフォリオサイトで評価される7つのポイントを、制作会社が実際に見ている観点から解説。基本構成と作り方の手順も紹介します。

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

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

AI検索に引用されない原因は、記事の中身ではなくサイトの入口にあることがあります。AIクローラーの種類、robots.txtの判断、コマンドとアクセスログでの確認手順、読まれない5つの技術要因を、Web制作会社が実例つきで解説します。

Gmailを新しく作らなくても、今使っている会社のメールアドレスでGoogleアカウントは作成できます。公式手順の要点と、共有シートの編集権限がなぜアカウント必須なのかを制作会社が解説します。

Instagramの画像・動画を保存する方法を、公式の保存機能・リールのダウンロード・情報のエクスポート・Webサイトへの埋め込みまで手順で解説。外部ダウンロードツールの規約・著作権リスクも制作会社が整理します。

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