2019 年の Web 開発テクノロジーのトレンド

導入

デジタル変革は年々、生活やビジネスのさまざまな分野をカバーしています。 ビジネスが競争力を維持したい場合、通常の情報サイトではもはや十分ではありません。ユーザーに情報を提供するだけでなく、商品やサービスの受け取りや注文、ツールの提供など、ユーザーが特定の機能を実行できるモバイル アプリケーションや Web アプリケーションが必要です。

たとえば、現代の銀行にとって、情報を掲載した Web サイトを持つだけではもはや十分ではなく、顧客向けのオンライン ツールや、ユーザーが口座、投資、融資を管理できる個人口座が必要です。 中小企業であっても、医師や美容師の予約をしたり、誕生日パーティーのためにレストランや子供用プレイルームのテーブルを予約したりするなど、コンバージョンを増やすための便利なツールが必要です。

そして、オーナー自身も、さまざまな生産部門の統計データや分析の収集、部門の生産性など、会社の状態に関する情報をタイムリーに便利な形式で受け取る必要があります。 多くの場合、各部門は独自の方法でこのデータを収集し、異なるツールを使用することもあります。所有者はこれらすべてを理解するために多くの個人的な時間を費やす必要があり、これは間接的または直接的に会社の効率と最終的に利益に影響を与える可能性があります。 デジタル変革と Web またはモバイル アプリケーションの開発もここで役に立ちます。

テクノロジーは立ち止まることなく常に進化しており、数年前に使われていたものが今では通用しなくなったり、数年前にはできなかったことがすでに現実になっている場合もあります。 Web アプリケーションやモバイル アプリケーションをより速く、より適切に作成するのに役立つ最新のツールがあります。 個人的な観察と経験に基づいて、近い将来どのテクノロジーとツールが需要があるのか​​、そして最新の Web アプリケーションを作成する際にそれらに注意を払う必要がある理由について、私のビジョンを共有したいと思います。

単一ページのアプリケーション

用語を少し定義してみましょう。 シングル ページ アプリケーション (SPA) は、コンポーネントが XNUMX ページに XNUMX 回ロードされ、必要に応じてコンテンツがロードされる Web アプリケーションです。 また、アプリケーションのセクション間を移動するとき、ページは完全には再ロードされず、必要なデータのみがロードされて表示されます。

シングルページ アプリケーションは、速度と使いやすさの点で従来の Web アプリケーションから大きなメリットをもたらします。 SPA を利用すると、再起動や大幅な遅延を発生させることなく、Web サイトがデスクトップ上のアプリケーションのように動作する効果を実現できます。

数年前のシングルページ アプリケーションは実質的に検索エンジンの最適化をサポートしておらず、主に個人アカウントや管理パネルの作成に使用されていましたが、今日では検索エンジン最適化 (SEO) を完全にサポートするシングルページ アプリケーションの作成がはるかに簡単になりました。 現在、サーバーレンダリングのシングルページアプリケーションを使用すると、この問題は完全に解消されました。 言い換えれば、これは同じ単一ページのアプリケーションですが、最初のリクエストでサーバーはデータを生成するだけでなく、表示可能な HTML ページを作成し、検索エンジンはすべてのメタ情報とセマンティック マークアップを含む既製のページを受け取ります。 。

クライアント側の Web アプリケーションを作成するツールの開発により、シングルページ アプリケーションの開発と移行は、今年とその後もさらに増加するでしょう。 古いアプリケーションを使用していて動作が遅く、セクション間を切り替えるときにページ全体がリロードされる場合でも、今年は高速な XNUMX ページ アプリケーションに安全にアップグレードできます。今が良い時期です。テクノロジーにより、すでにそれが可能になっています。これを非常に迅速かつ効率的に行うことができます。

最新で高速な Web サイトを持つことは非常に良いことですが、正直に言っておきます。すべてのアプリケーションをシングルページ アプリケーションに簡単に変換できるわけではなく、移行には費用がかかる場合があります。 したがって、誰がそのような移行を必要とするのか、そしてなぜそのような移行が必要なのかを理解する必要があります。

理解を助けるために、以下の表に、SPA の開発または SPA への切り替えが適切かつ正当な場合と、そうでない場合の例をいくつか示します。

ЗА

最新の高速アプリケーションを作成し、Web バージョンだけでなくモバイル バージョンやデスクトップ バージョンも使用したい場合、すべてのプロセスと計算はリモート サーバーまたはクラウド サーバーで行われます。 さらに、すべてのクライアントに XNUMX つの対話インターフェイスがあり、新しいクライアントを追加するときにサーバー コードをすべて編集する必要がありません。

例: ソーシャル ネットワーク、アグリゲーター、SaaS プラットフォーム (クラウド サービスとしてのソフトウェア)、マーケットプレイス

店舗や Web サービスを運営している場合、そのサービスの速度が遅く、人々が離れていくことを知っていて、サービスをより速くしたいと考えており、顧客の価値を理解しており、アップグレードに XNUMX 万ルーブル以上を支払う用意があります。

サイトの API を使用するモバイル アプリケーションがありますが、サイトが遅く、ページ間を移動すると完全なコンテンツがリロードされます。

に対して

対象ユーザーが最新のブラウザーやデバイスを使用していない場合。

例: 銀行、医療機関、教育向けの内部システム開発など、特定の企業分野。

あなたは主な活動をオフラインで行っており、オンラインでサービスを提供する準備ができておらず、顧客を引き付けることだけが必要です。

すでに売上が好調なオンライン ストアや Web サービスを持っている場合、顧客の流出や苦情は発生しません

動作するアプリケーションが SPA に適応できず、すべてを最初から書き直して他のテクノロジを使用する必要がある場合、これに数百万ドルを費やす準備はできません。

例: ボックス化されたサイトや、ある種の自作の古代のモノリシック コードがあります。

プログレッシブウェブアプリケーション

プログレッシブ Web アプリケーションは、ネイティブ アプリケーションと Web サイトの共同進化の産物です。 基本的に、これは実際のネイティブ アプリケーションのように見え、動作し、プッシュ通知を受信したり、オフライン モードで動作したりできる Web アプリケーションです。 この場合、ユーザーは AppStore や Google Play からアプリケーションをダウンロードする必要はなく、デスクトップに保存するだけで済みます。

PWA は、技術または開発アプローチとして 2015 年から開発が進められており、最近では電子商取引分野で非常に人気が高まっています。

実際の例をいくつか示します。

• 昨年、ベストウェスタン リバー ノース ホテルは、新しい PWA 対応 Web サイトを立ち上げた後、収益を 300% 増加させることができました。
• アラビア語の Avito OpenSooq.com は、Web サイトで PWA サポートを作成した後、サイトの訪問時間を 25% 増加させ、リードの数を 260% 増加させることができました。
• 有名な出会い系サービス Tinder は、PWA を開発することで読み込み速度を 11.91 秒から 4.69 秒に短縮することができ、さらに、アプリケーションの重量はネイティブの Android 対応のものより 90% 軽量になりました。

このテクノロジーに注目する価値があるという事実は、電子商取引プロジェクトを作成するための最大のエンジンの 2018 つである Magento が XNUMX 年に PWA Studio の初期開発バージョンを開始したという事実によっても示されています。 このプラットフォームを使用すると、PWA サポートを備えた e-コマース ソリューション用の React ベースのフロントエンドをすぐに作成できます。

すでにインターネット プロジェクトを持っている人、またはモバイル デバイスをサポートする新しいサービスのアイデアを持っている人へのアドバイス: 急いで本格的なネイティブ アプリケーションを作成せず、まず PWA テクノロジに注目してください。 これは、あなたの製品にとってコストパフォーマンスに最も優れたソリューションである可能性があります。

練習から少しだけ。 シンプルなネイティブ モバイル ニュース アプリケーションを作成するには、既製の REST サーバーがすでにある場合、プラットフォームごとに約 200 ～ 300 工数が必要です。 1500 時間の開発の平均市場価格は 2000 ～ 1 ルーブル/時間であるため、アプリケーションには約 200 万ルーブルかかる可能性があります。 PWA (プッシュ通知、オフライン モード、その他の機能) を完全にサポートする Web アプリケーションを開発する場合、開発には 300 ～ 2 工数かかりますが、製品はすぐにすべてのプラットフォームで利用可能になります。 つまり、アプリケーション ストアへの配置に料金を支払う必要がないことは言うまでもなく、約 XNUMX 倍の節約になります。

サーバレス

これも開発に対する現代的なアプローチです。 その名前のせいで、多くの人はこれが真のサーバーレス開発であり、バックエンド コードを記述する必要がなく、フロントエンド開発者なら誰でも本格的な Web アプリケーションを作成できると考えています。 しかし、それは真実ではありません！

サーバーレス アプリケーションを作成する場合も、サーバーとデータベースが必要です。 このアプローチの主な違いは、バックエンド コードがクラウド関数 (サーバーレスの別名は FaaS、サービスとしての関数、またはサービスとしての関数) の形式で提示され、アプリケーションを迅速に拡張できることです。簡単に。 このようなアプリケーションを作成する場合、開発者はインフラストラクチャの拡張や設定について考えることなく、ビジネス上の問題に集中できるため、結果的にアプリケーション開発がスピードアップし、コストが削減されます。 さらに、サーバーレス アプローチは、タスクを完了するために必要なだけのリソースを使用し、負荷がなければサーバー時間はまったく使用されず、料金も発生しないため、サーバーのレンタルを節約するのに役立ちます。

たとえば、米国の大手メディア企業 Bustle は、サーバーレスに切り替えることでホスティング コストを 60% 以上削減することができました。 また、コカ・コーラ社は、自動販売機で飲料を販売するための自動システムを開発する際、サーバーレスに切り替えることで、ホスティング コストを年間 13000 ドルから 4500 ドルに削減することができました。

ここ数年、サーバーレスはその目新しさと限界により、主に小規模プロジェクト、スタートアップ、MVP に使用されてきましたが、現在ではソフトウェアの進化、サーバーのコンテナ化の多用途性と能力のおかげで、次のようなツールが登場しています。制限を取り除き、クラウド アプリケーションの開発を簡素化および高速化できます。
これは、以前はクラウドのモダナイゼーションが不可能と考えられていたエンタープライズ ビジネス シナリオ (エッジ デバイス、転送中のデータ、ステートフル アプリケーションなど) が現実になったことを意味します。 将来性が期待できる優れたツールは、kNative と Serverless enterprise です。

しかし、これらすべてにもかかわらず、サーバーレスは Web アプリケーション開発にとって特効薬ではありません。 他のテクノロジーと同様に、このツールには長所と短所があり、技術的に進んでいるからといって「顕微鏡で釘を打つのではなく」、理解した上でこのツールを選択する必要があります。

それを理解しやすくするために、新しい Web サービスを開発するとき、または現在の Web サービスを拡張するときにサーバーレスを検討する必要がある場合の例をいくつか示します。

• サーバーの負荷が定期的で、アイドル状態の容量に対して料金を支払う場合。 たとえば、コーヒーマシンのネットワークを備えたクライアントがありましたが、リクエストを処理して統計を収集する必要があるのは XNUMX 日に数百回から数千回だけでしたが、夜間にはリクエストの数が数十件に減少しました。 この場合、リソースの実際の使用に対してのみ料金を支払う方がはるかに効率的であるため、サーバーレスでのソリューションを提案して実装しました。
• インフラストラクチャの技術的な詳細に踏み込み、サーバーとバランサーのセットアップと保守に過剰な費用を支払うつもりがない場合。 たとえば、マーケットプレイスを開発する場合、トラフィックがどのようなものになるか正確にわかりません。また、その逆の場合も同様です。大量のトラフィックを計画しており、アプリケーションが確実に負荷に耐えられるようにするため、サーバーレスは優れた選択肢です。
• メイン アプリケーションでストリーミング イベントを実行する必要がある場合は、テーブルにサイド データを書き込み、いくつかの計算を実行します。 たとえば、ユーザーのアクションの分析データを収集し、特定の方法で処理してデータベースに保存します。
• アプリケーションの現在の操作を簡素化、統合、または高速化する必要がある場合。 たとえば、ユーザーがビデオをクラウドにアップロードし、メイン サーバーが通常どおり動作し続けている間に別の関数がトランスコーディングを処理するときに、画像やビデオを操作するためのパフォーマンスを向上させるサービスを作成します。

サードパーティのサービスからのイベントを処理する必要がある場合。 たとえば、支払いシステムからの応答を処理したり、ユーザー データを CRM にリダイレクトして、潜在的な顧客からの要求の処理を高速化します。
大規模なアプリケーションがあり、アプリケーションの一部をメイン言語とは異なる言語を使用してより最適に実装できる場合。 たとえば、Java のプロジェクトがあり、新しい機能を追加する必要があるが、自由な手がない、または特定の言語での実装には時間がかかるが、別の言語でのソリューションがすでに存在する場合、サーバーレスが役に立ちます。これも一緒に。

これは注目に値するツールやテクノロジーのリスト全体ではありません。私たちが仕事で毎日使用し、それらがビジネスにどのように役立つかを正確に知っているものを共有しただけです。

出所： habr.com