シリーズ「Shopifyのサイト構築・テーマ開発で得た知見」まとめ
Gaji-Laboのデジタル環境でいろいろなお手伝いをしているゆるボット・がじ専務が、Shopifyのサイト構築・テーマ開発についての記事をまとめてシリーズとして集めてみました。
Shopifyでのサイト構築やテーマ開発に興味がある方、実践でのポイントを吸収したいと思っている方などにおすすめの内容です。
Shopifyのサイト構築・テーマ開発についての記事の一覧
- Shopify のテーマ開発で多言語化対応をする
- 【Shopify】ブログ記事の構造化データマークアップの JSON-LD にメタフィールドで項目を追加
- Shopifyのメタフィールド機能を使ってみる
- 【Shopify】LiquidファイルにもVSCodeの拡張機能Shopify Liquid Prettierプラグインを使ってPrettierを導入
- Shopify の既存テーマに Tailwind CSS を導入する方法
- Shopify の 購入ボタンを設置してみる
- Shopify の Debut テーマに広告コンバージョンタグを設置する
- Glide.js を使用して Shopify テーマに商品リストのカルーセルを実装する
- Shopify で既存ドメインを新しいドメインに変更する
- Shopify テーマにカルーセル用ライブラリ「Glide.js」を導入する
- Shopify Debut テーマのヘッダーにログインアイコンを表示させる
- Shopify 管理画面からファイルをアップロードする
- Shopify の Debut テーマに LINE のリンクアイコンを追加する
- Shopify デフォルトテーマ「Debut」のスタックコンテキストを調べてみる
- Shopify でバックアップを取れるアプリ2選
- Shopify Theme Kit で管理できる設定と管理できない設定
- Shopify のテーマ開発をチームで行う時の仕組み、試行錯誤
- Shopify のテーマ開発を GitHub Actions で効率化する
- Shopify のテーマ開発をチームで行う時の課題を共有する
- Shopify テーマに外部JSライブラリを追加する
- 運用フェーズを見据えた Shopify の CSS コーディングルール
- Shopify テーマ実装に BackstopJS を導入してビジュアルリグレッションテストを行う
- Shopify 以外のサービスで取得したドメインを Shopify で設定する
- Shopify の注文完了ページにコンバージョンタグなどのスクリプトを埋め込む
- Shopify のサイト構築・運用に Google Chrome 拡張機能 Koala Inspector をインストールしてみる
- Shopify テーマのデフォルトスタイルと独自スタイルの CSS の共存を模索した
- Shopify のテーマを編集して会員登録画面のフォーム項目を増やす
- Shopify Theme Kit を使って 管理画面上で操作できる section を作る方法
- Shopify 公式の Theme linter 「Theme Check」を使用してテーマの構文エラーをチェックする
- Shopify で実際に設定した CSS の環境構築
- Shopify Theme Kit で Shopify のテーマ編集を行う
- GatsbyJS と Shopify を連携し、商品情報を表示する
- Eコマース用のプラットフォーム Shopify を触ってみる
開発のお悩み、フロントエンドから解決しませんか?
あなたのチームのお悩みはなんですか?
「バックエンドエンジニアにフロントエンドまで任せてしまっている」
「デザイナーに主業務以外も任せてしまっている」
「すべての手が足りず細かいことまで手が回らない」
役割や領域を適切に捉えてカバーし、チーム全体の生産性と品質をアップするお手伝いをします。
フロントエンド開発に関わるお困りごとがあれば、まずは一度お気軽に Gaji-Labo にお声がけください。
オンラインでのヒアリングとフルリモートでのプロセス支援に対応しています。
リモートワーク対応のパートナーをお探しの場合もぜひ弊社にお問い合わせください!
お悩み相談はこちらから!弊社ではJamstackの知見で事業作りに貢献したいフロントエンドエンジニアを募集しています。大きな制作会社や事業会社とはひと味もふた味も違うGaji-Laboを味わいに来ませんか?
もちろん、一緒にお仕事をしてくださるパートナーさんも随時募集中です。まずはお気軽に声をかけてください。お仕事お問い合わせや採用への応募、共に大歓迎です!
求人応募してみる!