dawn

夜明け

開始|夜明けの変更で最新の状態にとどまる|開発者ツール|寄稿|行動規範|テーマストアの提出|ライセンス

Dawnは、テーマ開発に対するHTML-FirstのJavaScriptのみのアプローチを表しています。 Performance、Flexibility、およびOnline Store 2.0を備えたShopifyの最初のソーステーマであり、組み込まれており、Shopifyのテーマの構築のリファレンスとして機能します。

• その最も純粋な形のウェブネイティブ：テーマは常緑のWebで実行されます。最新のWebブラウザーを最大限に活用し、ポリフィルではなく、プログレッシブエンハンスメントを通じて古いもののサポートを維持します。
• リーン、高速、信頼性：機能と設計は、この要件を満たすまで「いいえ」にデフォルトです。コードは品質に出荷されます。テーマは目的を持って構築する必要があります。 Shopifyのすべての機能をサポートすべきではありません。
• サーバーレンダリング： HTMLは、液体を使用してShopifyサーバーによってレンダリングする必要があります。翻訳やお金のフォーマットなどのビジネスロジックとプラットフォームのプリミティブは、クライアントに属していません。ページの一部の非需要のレンダリングは問題ありませんが、進歩的な強化として控えめに行います。
• 機能的ではなく、pixel-perfect： Webは、各ブラウザエンジンによって各ページをpixel-perfectにレンダリングする必要はありません。セマンティックマークアップ、プログレッシブエンハンスメント、巧妙なデザインを使用して、ブラウザに関係なくテーマが機能的であることを保証します。

The Contribult Guideには、テーマコードの原則の詳細なバージョンを見つけることができます。

はじめる

テーマ開発の出発点としてDawnを使用することをお勧めします。 Shopify.devで詳細をご覧ください。

Shopifyテーマストアのテーマを構築している場合は、開始点としてDawnを使用できます。ただし、提出するテーマは、販売者に付加価値を提供するために、ドーンとは実質的に異なる必要があります。ドーンを使用できる方法について学びます。

メインブランチには、まだリリースされていない機能のコードが含まれている場合があることに注意してください。 Dawnの「安定した」バージョンは、テーマストアで入手できます。

夜明けの変更を最新の状態に保ちます

ドーンから新しいテーマを構築しているが、最新の変更を引き出すことができるようにしたいと思うと、このドーンリポジトリをポイントするリモートupstreamを追加できます。

1. ローカルテーマフォルダーに移動します。
2. リモートのリストを確認し、 originとupstream両方があることを検証します。

git remote -v

3. upstreamが表示されない場合は、ShopifyのDawnリポジトリを指すものを追加できます。

git remote add upstream https://github.com/Shopify/dawn.git

4. 最新の夜明けの変更をリポジトリに引き込みます。

git fetch upstream
git pull upstream main

開発者ツール

開発中にShopifyテーマチームが使用する非常に便利なツールがいくつかあります。 Dawnはすでにこれらのツールで動作するように設定されています。

Shopify Cli

Shopify CLIは、Shopifyのテーマをより速く構築するのに役立ち、ローカル開発ワークフローを自動化および強化するために使用されます。 Shopifyのテーマを開発するための一連のコマンドが付属しています。これは、Shopifyストアのテーマ（作成、公開、テーマの削除など）を使用したり、ローカルテーマ開発のための開発サーバーを立ち上げたりすることです。

このクイックスタートガイドに従って、テーマ開発者が開始することができます。

テーマチェック

Shopifyのテーマを検証して染める方法として、Teme Checkを使用することをお勧めします。

DawnのVSコード拡張機能のリストにテーマチェックを追加しましたので、選択したコードエディターとしてVisual Studioコードを使用している場合は、テーマチェックとコード拡張機能をインストールするように求められます。フォークされ、クローニングされた夜明け。

また、次のShopify CLIコマンドを備えた端末から実行することもできます。

shopify theme check

継続的な統合

DawnはGitHubアクションを使用して、テーマの品質を維持します。これは出発点であり、より良いテーマを構築するために使用することを提案するものです。それを自由に構築してください！

Shopify/lighthouse-ciction

速いウェブサイトが大好きです！そのため、Shopify/Lighthouse-Ci-actionを作成しました。これにより、ストアの自宅、製品、コレクションのページのGoogle灯台監査が一連の監査を実施し、追加されるコードが時間の経過とともに店頭のパフォーマンスを低下させないようにします。

Shopify/Theme-check-action

Dawnは、Shopify/Theme-check-actionを介してすべてのコミットでテーマチェックを実行します。

貢献

夜明けに貢献することで、すべての人のために商業を改善したいですか？私たちはあなたの助けが大好きです！私たちの開発プロセス、バグの修正と改善を提案する方法、およびドーンのための構築方法について学ぶための寄稿ガイドをお読みください。

行動規範

コードや問題を通じて貢献したいすべての開発者は、最初に行動規範をお読みください。

テーマストアの提出

Shopifyのテーマストアは、Shopifyの商人がビジネスを紹介してサポートするために使用するテーマを見つける場所です。テーマパートナーとして、Shopifyテーマストアのテーマを作成し、増え続ける数の起業家の国際的な聴衆にリーチすることができます。

Shopifyのテーマパートナーになり、Shopifyプラットフォームのテーマを構築することに興味がある場合は、テーマストアの要件のリストに従ってください。

ライセンス

著作権（c）2021-Present Shopify Inc.詳細については、ライセンスを参照してください。