毎日通知を受け取り学習習慣を作ろう!
通知設定をすると毎日夜8時に通知を受け取れます。

※PCとAndroid環境におけるChromeとFirefoxにのみ対応

Shopify アドバンスコース 新カリキュラム:基礎編

コード編集の基礎を学習しよう

DAY 4

テーマのディレクトリー構造を学ぼう

ローカルの開発環境が終われば、いよいよShopifyのテーマのディレクトリー構造を学んでいきます!

Shopifyテーマの各フォルダ、各ファイルの意味と役割について解説していきますね👍

  • Shopifyテーマの全体概要
  • Layout
  • Templates
  • Sections 
  • Blocks ( Shopify Editions Win 25〜 )
  • Snippets
  • Config
  • Assets
  • Locales
  • おさらいとコードの関係

コード編集するために必要になってきますので、ぜひ理解していきましょう!

TIPS

01. Shopifyテーマの概要

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

02. テーマのフォルダ構造とファイルについて

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

03. 学習環境を準備しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

04. レイアウトファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

05. テンプレートファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

06. セクションファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

07. ブロックファイルを理解しよう (最新 Shopify Editions 25 Win 〜 )

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

08. スニペットファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

09. コンフィグファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

010. アセットファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

011. ロケールファイルを理解しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

012. おさらいとコードの関係

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる