フォローしましたこんにちは!フルスタックエンジニア@フラクタのナカモトです。本日は、Shopifyの便利なCSS用の機能についてお話します。Shopifyで使えるCSS系ファイルの種類Shopifyでは以下、3種類のCSS系ファイルが利用できます。・CSSファイル通常のCSSファイルです。・SCSSファイルSCSS記法で記述できるCSSファイルです。.scss.css」ファイルを生成してくれます。・liquidファイルShopify用のテンプレートエンジンliquidを使ってシステム変数を利用できるSCSSファイルです。コンパイルは以下の順に行われます。.scss.css」ファイルを生成してくれます。liquidファイルの便利なところシステム変数を利用できることで、例えばShopify全体でのフォントカラーを変えたい場合に、settings_schema.jsonに定義したフォントカラーを指定しておけば、CSSのコードを書き換えることなく、再コンパイルするだけで、スタイルの変更ができちゃうってことです!地味に嬉しい機能ですね!詳しくはこちらの記事も合わせてご覧ください。reusawww.shopify.comまとめShopifyではこのような、制作サポート機能が豊富で、行いたいビジネスや表現したいデザインにより集中できるようなプラットフォームとなっています。これからも、そのほかの便利機能についてもどんどんご紹介していきますよ!Shopifyを無料で試すShopifyは、今なら14日間無料でお試しいただくことができます。この機会に、あなたもShopifyでECサイトを開設してみませんか?今すぐShopifyでオンラインストアを作成するShopifyでは、世界中で1,000,000以上のストアに信頼されているECプラットフォームです。ECサイト構築サービスについてフラクタでは、Shopifyを利用したECサイト構築サービスを行なっております。詳細につきましては、弊社サイトよりお問い合わせくださいませ。Inc.)フラクタは、テクノロジーとデザインで日本のDtoCブランドを支援するブランディングエージェンシーです。ブランド立ち上げを支援しています。JournalShopifyの特徴や便利な機能についてお知らせいたします。開発チームFigmaでbootstrapを作ったので無料配布します。Retty【デザイナー向け】Lottieの使い方。