# トップページやコンテンツページをhtmlを使って作りたい

**URL:** <https://community.shopify.com/t/html/126111>\
**Category:** アプリ・テーマ要望一覧（ウィッシュリスト）\
**Created:** [June 5, 2022, 7:43am UTC](https://community.shopify.com/t/html/126111 "2022-06-05T07:43:08Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

HTMLでトップページやコンテンツページを作成したい人が、Shopifyでどこから試せるかを質問。売り手であればマーチャント登録により14日間の無料トライアルで機能を試せる。ストア作成後、「オンラインストア＞テーマ＞カスタマイズ」でエディタ編集、「コードの編集」でテーマのHTML/CSS/JavaScriptを直接編集可能。 

開発者向けには、CLIやGitHubを用いてテーマを一から作成でき、テーマを使わずAPIでShopifyと分離した独自UI（カスタムストアフロント）の構築も選択肢として提示。 

参考リソースとして、公式ヘルプ、開発者向けドキュメント、CLIガイド、日本語ブログ記事、YouTube再生リストへのリンクが紹介されている。 

補足: テーマはオンラインストアのデザイン・レイアウトのひな型。HTMLは構造、CSSは見た目、JavaScriptは動作制御に用いる。 

結論: 具体的な開始方法と実行可能な次のステップ（トライアル登録、テーマのカスタマイズ／コード編集）が明確に示され、異論や未解決点は特になく実践に移せる状態。

<div class="post-metadata">

**Author:** ![Anonymous\_28c270c98f52cb964f3dcb3018a15644](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@Anonymous\_28c270c98f52cb964f3dcb3018a15644](https://community.shopify.com/u/Anonymous_28c270c98f52cb964f3dcb3018a15644)\
**Post date:** [June 5, 2022, 7:43am UTC](https://community.shopify.com/t/html/126111/1 "2022-06-05T07:43:08Z")

</div>

STORESやBASEでは物足りなくてShopify検討中です。

実際にどんな画面でどのように作り込むのか

試してみたいのですが、どこから出来ますか？

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [June 6, 2022, 2:35am UTC](https://community.shopify.com/t/html/126111/2 "2022-06-06T02:35:09Z")

</div>

ご自身が利用者である売り手であれば、マーチャントとしてご登録いただければ、14日間は無料で機能をお試しできます。

ストア作成後に、オンラインストア＞テーマ＞カスタマイズで、エディタによるデザイン編集、さらに「コードの編集」でテーマのソースコードのHTMLや、CSS、JavaScriptなどを直接触ることも可能です。  
[https://help.shopify.com/ja/manual/online-store/themes](https://help.shopify.com/ja/manual/online-store/themes)

ご自身が、開発者である場合は、以下のようにテーマをコマンドラインやGitHubを使って一から作ることもできますし、テーマを使わずAPIを使って、独自のUIを、Shopifyと分離して作ることも可能です。  
[https://shopify.dev/custom-storefronts](https://shopify.dev/custom-storefronts)

[https://shopify.dev/themes/tools/cli](https://shopify.dev/themes/tools/cli)

技術者向けに以下の日本語コンテンツも公開しておりますので、ご参照ください。

[https://www.shopify.com/jp/blog/partner-shopify-app-development](https://www.shopify.com/jp/blog/partner-shopify-app-development)

[https://www.youtube.com/playlist?list=PLkR3LRtxAZfqujVTfvuHGpNgVTdbrwJRK](https://www.youtube.com/playlist?list=PLkR3LRtxAZfqujVTfvuHGpNgVTdbrwJRK)

どの程度作り込みたいか、ご自身のスキルなどによって、アプローチが変わります。
