良い一日、友達！
私は自己宣伝をするのは本当に好きではありませんが、チームが1人で構成されている状況では、好むと好まざるとにかかわらず、製品を自分で開発して宣伝する必要があります。
Webアプリケーションの開発を開始する場所を探している人は誰でも、HTML5ボイラープレート（公式サイト、 リポジトリ）をよく知ってい ます。）。開発者によると、これは「Webで最も人気のあるフロントエンドテンプレート」です。最も人気のあるものと議論することはできませんが、現代性（Web開発の現代的な現実への準拠）でそれを行うことはできます。そして、これは驚くべきことではありません。プロジェクトは約6年前に作成されました。過去6年間で多くの変化がありました。同時に、私が知る限り、プロジェクトに基本的な変更は加えられていません（varは変数の宣言に使用され、jQueryプラグインを追加する可能性などがあります）。ただし、おそらくsite.webmanifestは、サービスワーカーなしでは役に立たない（および.jsonを使用することをお勧めします）。
私は一種の代替案を提案します-最新のHTMLスターターテンプレート（ 公式サイト、 リポジトリ）。
プロジェクトには以下が含まれます。
- index.htmlに必要なすべてのメタタグとリンクタグ（general、microsoft、facebook、twitter、apple（ios）、android、構造化データ：schema.orgおよびjson-ld）
- HTML5タグとCSS3プロパティの使用例
- CSSおよびJavaScriptモジュールの使用例
- オフラインファーストのサービスワーカー
- 完全なmanifest.json
- 可能なすべてのセキュリティヘッダーを備えたexpress.jsサーバー（herokuまたはnode.jsをサポートする同様のサービスにアプリケーションをデプロイする場合に便利です）
- 同様のヘッダーとページで使用されるリソースの予備接続を含むnetlify.tomlファイル（netlifyにアプリケーションをデプロイするときに役立ちます）
- シンプルなrobots.txt
- シンプルなsitemap.xml
- 最小限のbrowserconfig.xml
- 最大.gitignore
- クリエイティブ404エラーページ
- webpackを使用してプロジェクトを構築する例
- 実験として-AMPプロジェクトの例（モバイルファーストサイト向けのGoogleの新技術）
もちろん、Index.htmlとserver.js（netlify.toml）が主な値です。これらのファイルには、公式ドキュメント（真実のソース）へのリンクがあります。サービスワーカーとマニフェストは、アプリケーションをプログレッシブにします。これは、アプリケーションを電話とコンピューターにインストールでき、ネイティブのものと同じように動作することを意味します。アプリケーションが使用するリソースをキャッシュすることにより、アプリケーションはオフラインで機能します（ネットワーク接続がない場合）。
開発エクスペリエンスを向上させるために、次のツールが追加で開発されました。
- VSCodeのHTMLスニペット
- VSCodeの拡張
- コマンドラインツール（CLI）
テスト結果は次のとおりです（不足は、google analyticsやYandexメトリックなどのサードパーティリソースの使用によるものです）：
Lighthouse
WebPageTest
SecurityHeaders
AMP
また、私の能力を最大限に発揮して開発しているメインアプリケーションにも注意してください- 多くのJavaScript（おそらく名前はそうではありません）非常に成功していますが、アプリケーションの本質を完全に反映しています）。ちなみに、指定されたテンプレートは開発時に使用されました。
こことGitHubの両方で、フィードバックフォームを歓迎します。
ご清聴ありがとうございました。