こんにちは、
ページフライチームのリチャードです！この度、PageFlyバージョン4.16.0をリリースいたしました！このアップデートでは、お客様のウェブサイト構築体験を向上させるために、様々な改善・改良を行いました。
ページスピードの向上からFlexレイアウトへの移行まで、このバージョンには魅力的でパフォーマンスの高いページをより効率的に作成するためのアップデートが満載です。それでは、PageFly 4.16.0の新機能の詳細をご覧ください。
⚠️ 重要なお知らせ：Gen 2 Editorベータ版は終了しました。Gen 2 Editorで作成されたページとセクションは完全に機能します。拡張バージョンは近日公開予定です。
ページ読み込み時間の改善
新着情報
ページスピード最適化セクションとアセットプリフェッチパラメータが環境設定ページに追加されました。この機能により、ユーザーがPageFlyで生成されたリンクにアクセスすると、アセットのプリフェッチが開始されます。
新しいアップデートのメリット
これらのアップデートは、以下を目的としている：
- ページの読み込み時間を大幅に短縮
- INP（次のペイントまでのインターアクション）指標の改善
- ユーザーの全体的な体験を向上させる
- サイト全体の効率とパフォーマンスに貢献する
仕組み
- デスクトップの場合：プリフェッチは、ユーザーがリンクの上にマウスを置いたときに発生します。
- タブレット/モバイルの場合：プリフェッチは、ユーザーがリンクをタッチしたときに発生します。
アセット・プリフェッチを有効にすると、ページ速度が半分になるのがわかる。
- 前
- その後
新しい第2世代エディターでUXを強化
⚠️ 重要なお知らせ：Gen 2 Editorベータ版は終了しました。Gen 2 Editorで作成されたページとセクションは完全に機能します。拡張バージョンは近日公開予定です。
新着情報
PageFly 4.16.0のアップデートでは、Flexレイアウトを含む全く新しいGen 2 Editor（ベータ版）をご用意しました。そのため、従来の行/列レイアウトに加え、ShopifyのマーチャントはよりモダンなFlexレイアウトでページを構築することができます。
- 行／列のレイアウト
- 新しいフレックス・レイアウト
新しいアップデートのメリット
PageFly 4.16.0のアップデートでは、Shopifyのマーチャントにこれらの利点を提供することを目指しています：
- 柔軟性の向上：Flexレイアウトでは、要素をより深く積み重ねることができるため、従来の行／列レイアウトよりも複雑なデザインに対応できます。
- ユーザー・エクスペリエンスの向上：ユーザーは、Flexレイアウトを習得しやすく、使いやすくなり、設計プロセスが効率化されます。
- 最新のデザイン基準：多くのページビルダーがFlexレイアウトに移行しているため、業界のトレンドに沿い、ユーザーは最新のツールで作業できます。
- パフォーマンスの最適化：新しいレイアウトシステムは、全体的なパフォーマンスを向上させるように設計されており、読み込み時間の短縮と応答性の向上に貢献しています。
- サイズパラメータの統合：幅と高さのパラメータをほぼすべての要素に適用できるため、デザイナーはレイアウトをより自由にコントロールできます。
- 整列コントロール：Flexレイアウトでは、要素の配置と間隔のコントロールが強化され、CSSを追加することなく正確な配置が可能です。
仕組み
ネストされたコンテナとネストされたブロックを持つフレックスシステムを使用した高度なエディタ。
新しいFlex Layoutでは、コンテナやブロックを無限に入れ子にできるため、ユーザーはレイアウト構造を完全にコントロールできる。ユーザーは、コンテナ内で要素をグループ化したり、ブロック内でブロックを積み重ねたり、複雑なデザイン階層を作成することができます。
これにより、現代のウェブデザイン標準に沿った、より複雑なデザインも可能になり、単純な行／列構造だけでなく、より高度なニーズにも対応できる。
ほとんどの要素に幅と高さのパラメータが追加されました。
PageFlyのFlexレイアウトのほとんどの要素にWidthとHeightパラメータが追加され、Shopifyページの個々の要素のサイズをより正確にコントロールできるようになりました。これらのパラメータにより、ユーザーは要素の幅や高さをカスタマイズすることができ、デスクトップやモバイルデバイスを問わず、全体的なデザインやレイアウトに完璧にフィットさせることができます。
コンテナ内の要素やアイテムの表示方法をよりよくコントロールする。
フレックス・レイアウトでは、コンテナ内のアイテムの並べ方を、水平方向（左から右）、垂直方向（上から下）、折り返し方向のいずれかで定義できる。
また、コンテナ内のアイテムの順序を逆にすることもでき、異なる画面サイズに合わせてレイアウトを調整するのに役立ちます。
さらに、コンテナ内のアイテムの間隔を調整できるようになりました。アイテム間の水平または垂直方向のギャップをカスタマイズすることで、よりユーザーフレンドリーなレイアウトが作成され、スキャンやナビゲートが容易になり、混乱やフラストレーションが軽減されます。
新しいFlex Layoutで、コンテナ内のアイテムの整列が可能になりました。これは、コンテナ内のアイテムの並び方をコントロールするのに役立ちます。
最終的な感想
PageFly 4.16.0のアップデートにより、Shopifyの魅力的なページを簡単に作成・管理できるようになりました。
いつものように、私たちのチームは24時間365日体制でお客様をサポートいたしますので、お気軽にこれらの新機能に飛び込み、その利点を探求し、お客様のためにどのように機能するかをお知らせください。
私たちは、皆様からのフィードバックとニーズに基づき、PageFlyの継続的な改善に取り組んでいます。
PageFlyブログでは、PageFlyのアップグレードの概要をご紹介しています。 過去のPageFlyアップグレード.最新のバージョンアップにご期待ください：
