PWAおよびAMPの開発支援と定額制サポートを開始

PWAおよびAMPの開発支援と定額制サポート モダナイズ

フレームダブルオーは、ビジネスの成果を最速で向上するプログラムとして、 Google などが推奨するウェブサイトをモバイルアプリのように利用可能にする技術「Progressive Web Apps( PWA )」、ウェブサイトの高速化を実現するオープンソースライブラリ「Accelerated Mobile Pages( AMP )」の開発支援をはじめます。

PWAおよびAMPの開発支援と定額制サポート モダナイズ

■PWA と AMP による効果

Google の開発者向けカンファレンス Google I/O 2018 の中で、PWA や AMP を用いたウェブサイトがどのような成果を挙げたのかが示されました。

PWA AMP 開発支援 定額制サポート モダナイズ PWA AMP 開発支援 定額制サポート モダナイズ

PWA で 50% のコンバージョンを向上( 1-800-Flowers )
PWA で 2 倍の日/月間アクティブユーザー( Starbucks )
AMP で 31% のコンバージョンを向上( AliExpress )
AMP で 2 倍の滞在時間と 40% の直帰率低下( Tencent news )

PWA と AMP はそれぞれ特性が異なり、ウェブサイトの課題に応じて適した選択をすることが必要です。PWA と AMP は競合する技術ではないため組み合わせて利用することも可能です。

PWA の特性

PWA は主に顧客ロイヤルティの向上に効果を発揮します。PWA はウェブサイトを閲覧したユーザーに対してウェブサイトをインストール可能にします。通信環境が悪いエリアでもユーザーエクスペリエンスを維持したり、2 ページ目以降のリソースをキャッシュして高速なページ遷移を実現、またプッシュ通知への対応など、ウェブサイトをインタラクティブに変更できます。

AMP の特性

AMP はリード顧客のコンバージョン向上に効果を発揮します。AMP はウェブサイトを極めて高速に表示することを可能にします。検索や友だちから送られた共有リンクなどを通じてウェブサイトを訪問したユーザーに対して、高速にページを表示することで離脱率の大幅な改善を実現します。

※最近行われた DoubleClick の調査では、ページの読み込みに 3 秒かかると全ユーザーの 53% 以上が離脱することが分かっています。

■開発支援

フレームダブルオーの開発チームは、ユーザーエクスペリエンスの改善に直結する PWA と AMP の開発支援を提供します。効果の見込める新技術を他社に先駆けて対応することができます。

PWA: 1 つのウェブサイトにつき 60 万円から
AMP: 要相談
※AMP はページのデザインによって工数が大きく変動します。フレームダブルオー株式会社では、通常のウェブデザインと比べて制約事項の多い AMP のデザインにおいても最大限のクリエイティブを維持します。

PWA もしくは AMP はソースコードを納品しますので、社内の開発者がメンテナンスすることもできます。( TypeScript によるプロジェクトとなります )
また、納品後のメンテナンスもサポートしています。納品で終わりではなく、その後の効果検証を行い、より効果の見込める改善策を実施する「モダナイズ」サービスを提供しています。

 

CTO プロフィール

aggre
行動分析スタートアップ、ファッション出版社のウェブメディア部門を経て 2017 年よりフレームダブルオー株式会社にジョイン。新しいウェブ標準仕様である Web Components を全面的に採用したサービスとして Double O( https://ooapp.co ) を立ち上げ、Web Components 対応のための技術者向けサービスとして Renderly( https://renderly.io )を立ち上げる。事業の中でオープンソースへの寄与を推奨し、積極的にオープンソースを公開および利用、オープンソースコミュニティである Polymer Japan などを共同主催する。持続可能でリーンなプロダクト開発を追及している。

 

■定額制の成長支援サービス「モダナイズ」

フレームダブルオーは特定の業種に限らず、化粧品 / 健康食品 / アパレル / デザイン家電 / 食品 / 飲食 / 旅行 / エンタメ / 流通 / コンビニ / 保険 / メガバンク / 証券 / 金属 / BtoB / SIer / 人材教育 / ロボット / 不動産 / ヘルスケア / メディアまで、ウェブ開発やプロジェクト管理と多くの実績を持つプロフェッショナルによるフルスタックなチームです。
フルスタックなチームが全体を俯瞰しながら、企業が抱えている課題や理想とする未来像に対して、最善の方法で迅速に対応することができます。このプロフェッショナルの強みを集結させたのが「モダナイズ」サービスです。
複雑化して古くなったシステムやマーケティングを最新にアップデートし、経営層が望んでいる事業成果を最速で向上していきます。一時的になにかを作るだけではなく、継続的な効果測定と学習、改善施策の実行を繰り返していき、企業の成長にコミットしています。
フレームダブルオー株式会社はお客様の成果に真に貢献するため、継続的なサポートを定額で提供しています。継続的なサポートを行うことで、お客様のことを深く理解し、最善の提案を迅速に行っています。

 

モダナイズ診断

経営、IT、マーケティング、組織について、短い設問に答えるだけで、自社のモダナイズ状況が簡単にスコア化できます。診断はオンラインで、5 分で実施できます。ぜひ体験してください。

[モダナイズサイト] https://www.frame00.com/

 

■お問い合わせ

以下のページよりご連絡ください。
https://corp.frame00.com/contact

ビジネスの成果を最速で向上する『モダナイズ』

複雑化して古くなったシステムやマーケティングを最新にモダナイズし、ビジネスのパフォーマンスを向上する(KPIの最大化、コストの最小化、LTVの最大化)サービスです。
自社のモダナイズ状況が簡単にスコア化できるモダナイズ診断も提供しています。

企業モダナイズ診断の提供を開始

モダナイズ パフォーマンス 

モダナイズ パフォーマンス 

フレームダブルオーは、新たに企業価値向上を全方面から支援するモダナイズサービスの提供を開始しました。

 

モダナイズとは

モダナイズとは、日々生じているビジネスの様々なワークフローを最新にし、パフォーマンスを最大化すること。

たとえば単純作業に費やされていた膨大な時間を自動化でゼロにしたり、複雑化したマーケティングやシステムにおけるユーザーの行動を正確に把握し、A/B テストで最善の結果を知った上で、成長のための確実な改修を繰り返すことなどが挙げられます。

フレームダブルオーでは、ビジネスの真価を発揮するために、これらの最新のワークフローを一緒に築き、学習と継続的改善を加える実働型コンサルティングにより、企業のモダナイズに併走します。

 

モダナイズ診断について

経営、IT、マーケティング、組織について、短い設問に答えるだけで、自社のモダナイズ度が簡単に評価できます。

自社のモダナイズ度を診断してみませんか? 診断はオンラインで、5分で実施できます。ぜひ体験してください。

 

[モダナイズ紹介サイト]

モダナイズで真のパフォーマンスを発揮する ー フレームダブルオー株式会社

ビジネスの成果を最速で向上する『モダナイズ』

複雑化して古くなったシステムやマーケティングを最新にモダナイズし、ビジネスのパフォーマンスを向上する(KPIの最大化、コストの最小化、LTVの最大化)サービスです。
自社のモダナイズ状況が簡単にスコア化できるモダナイズ診断も提供しています。

Web Components Cafe -「現場の Web Components」発表資料

Web Components Cafe -「現場の Web Components」

CTO の aggre です。

先日 4 月 23 日に開催された Web Components Cafe by Polymer Japan @メルカリで、現場の Web Components というテーマで登壇しました。

UI パーツをフル Web Components で実装している Double O を開発する過程で得た知見をフロントエンドエンジニアの方々と共有させていただきました。

20 分のセッションでしたがスライドが 116 枚にもなってしまい、かなり駆け足での発表となってしまったので、追ってブログにまとめたいと考えています。

セッションでは Web Components とは既存のビューライブラリと競合するものではなく共存可能なこと、 Web Components をインターフェイスとして異なるビューライブラリ同士の共存さえも可能とするものであること、そのうえでビューライブラリを使わないまま開発する場合でも親しみやすくなっていることをお話ししました。

Web Components はウェブブラウザが文書閲覧環境からアプリケーション実行環境へと変化する過程のファーストステップだと考えます。これから Web Payments や Web Authentication, Web Share など多くの標準化が待っているので、FRAME00 ではこれらのプレイグラウンドとしても Double O でいろいろ試していきたいところです。(人材…)

では。

オープンイノベーションプラットフォーム『Double O』

Double O (ダブルオー)は、イノベーターの創造を応援するオープンイノベーションプラットフォームです。SNSで質問やAMAを受け付けたり、プロダクトやコミュニティーのナレッジを共有してPRできます。beta開発中ですので、ぜひフィードバックを聞かせて下さい。

SSR開発を不要にする SSR as a Service “Renderly” の試用を開始

こんにちは。FRAME00 CTO の aggre です。

SSR as a Service 『Renderly』の無料試用ができる『Try it out』を公開しました。

SSR as a Service とは

現在、ウェブサイトのインターフェイス の実装は旧来のサーバーサイドテンプレートから、React や Vue、Polymer などに代表される JavaScript アプリケーションに取って代わられようとしています。

JavaScript アプリケーションは顧客にとっても開発者にとってもベネフィットが多いものの、新たな課題としてボットからの品質評価が著しく低下する問題がありました。これはボットが JavaScript の実行環境を持たないために発生する問題で、SEO のスコア低下などを引き起こします。その対策として現在では、JavaScript をサーバーサイドで実行してサーバーサイドテンプレート時代と同じ結果を得ようとする『SSR(Server Side Rendering)』という手法が広く採用されています。

JavaScript アプリケーションのベネフィットの一つには、インターフェイスの実装がサーバーサイドから完全に切り離され、フロントエンドで完結するところにありました。しかし SSR のために再びサーバーサイドの実装に戻るという状況に開発者は悩まされることになります。

Renderly は開発者が余計な開発コストを払うことなく SSR の効果を得るために、SSR をサービスとして提供します。

Renderly の特徴

Renderly はバックエンドで Headless Chrome を実行しているため、どのようなアプリケーションも SSR できます。

Shadow DOM の SSR にも対応しているため、今後のウェブ開発の重要なスタックである Web Components によるアプリケーションも SSR できます。

また、対象のアプリケーションコードに変更を要求しないためいつでも付け外しができます。

SSR はリアルタイムで実行され、キャッシュ戦略にも干渉しません。

試用方法

Try it out』にアクセスし、Settings のフォームに JSON フォーマットで設定を記述後、Test ボタンをクリックします。

設定方法の詳細は Gitbook でご確認いただけます。

また、Qiita の記事ではいくつかのサンプルも公開しています。


Renderly はまだプレビュー段階ですが、サービスのトップページから無料ニューズレターを購読いただいた方にアップデートをお送りいたします。

活用をご検討の場合はぜひニューズレターをご購読ください。

SSR as a Service “Renderly”

Renderly は、JavaScript の SSR 開発を不要にする SSR as a Service です。
Web Components 対応でベンダーロックインもなく柔軟な設定で SSR を可能にします。