【今日のひとこと】2023年7月にUAが終了に。ShopifyでもGA4のデフォルト化が待たれますね…!

【初心者向け】Shopify学習の参考サイトまとめ

Shopify の始めるときに参考にしたいリソース一覧

Shopify にかんする日本語の情報が(以前に比べれば)だいぶ増えてきました。

一方で、そのアップデートの速さによって情報の賞味期限は早く、その自由度とカスタマイズ性の高さゆえに、足元の回答にたどり着くまでのハードルが上がってしまうことがあります。「どう勉強したらいいかわからない」と迷うことも多いのではないでしょうか。

また、開発者にとっては最新の情報は基本的にほぼすべて英語のため、ここでも日本語話者にとっての学習のハードルになっています。

筆者自身も、Shopify を学びはじめた2020年は、学習の糸口を探すのに苦労しました。(そのときの経験が、このメディアを運営している理由の一つでもあります。まだまだですけど…)

以前に比べれば情報は本当に充実しているなと思いますが、まとまったリソースがあるようでないのもまた事実です。特に Shopify はプラットフォームなので、マーチャント、制作・開発会社など、複数のステークホルダーが存在しますし、個人から大手企業まであまねく同じ仕組みが使えるので、それぞれが参照すべき情報は似ているようで常に少しづつ違います。

そこで、この記事では、それぞれのプレイヤーに向けて最初に知っておきたい参考サイト・リソースを紹介したいと思います。 主に初心者向けですのでエキスパート各位はご了承ください!


ストア(マーチャント)向け

最近は学習時にテキストよりも動画を優先することが増えました。Shopify も例に漏れず動画から入った方も多いと思います。(パートナーブートキャンプでも動画で説明されることが多かったですね)

「Shopify はまったくの初めて」という場合、まずは動画でアウトラインをつかんでから、他のテキストや実践に入っていくのがよいかなと思います。

これは見たことがある人も多いはず!

代表的なリソース一覧

リソース種別概要
Shopify Japanese(YouTubeチャンネル)動画Shopifyにかんする日本語のチュートリアルや、イベントのアーカイブ、事例などが豊富です。この動画は長いですが駆け出しの頃は何回も見た気がします。なお、英語版だと動画の量も質もグッと上がります。
Shopify ヘルプセンターサイト設定で迷ったらまずここから。管理画面で完結する設定については大抵該当するページが存在しますので検索してみてください。ステップバイステップガイドから順番に構築していくのもオススメです。
Shopify コミュニティサイトヘルプセンターで解決しないことは、コミュニティで聞くこともできます。回答者の多くはボランタリーなので、返信があった際はぜひグッドボタンを。コントリビューターのみなさんへビッグリスペクト!
『いちばんやさしいShopifyの教本』
(インプレス)
書籍動画やサイトよりも本で学習したいという方は、こちらをどうぞ。タイトルどおり開設から集客まで、やさしくわかりやすく解説しています。Online Store 2.0 にも対応。
『Shopify運用大全』 (インプレス)書籍達人たちが設定や運用をしていくうえでの疑問をカテゴリ別に解説してくれる、Shopify だけでなく EC の運営ノウハウのぎっしり詰まった一冊です。購入者にはサポートサイトで更新情報も提供してくれています。
『Shopifyではじめるネットショップ』 (秀和システム)書籍ステップバイステップでわかりやすく解説されています。B5変形版の技術書仕様らしく画面キャプチャが豊富で、テーマカスタマイズなども1章分まるまる使って紹介されています。中級者でも読みごたえがある一冊です。
Shopify構築ロードマップ (UnReact)記事UnReact さんのロードマップ記事の一覧です。基本的には初級者の Shopify パートナーがストアを構築してストアオーナーに渡すという流れが想定されていますが、ステップが網羅されていますのでストア運営の方も参考なると思います。
Shopify 日本語ブログサイトShopify ブログの日本語版です。設定方法だけでなく、マーケティングノウハウやアプリの紹介など、Shopify だけにかぎらない EC の運営に役立つ記事が定期的に更新されています。無料ツールの紹介もあって便利です!

開発(制作)者向け

開発者と一言で言っても、デザインもあればシステムもあり、フロントエンドもあればバックエンドもあります。ドキュメントの最新は常に英語なので、ご紹介する内容も英語の記事が多いのですが、開発ではどうしても避けて通れないのでまとめて紹介します。Here we go!

参考リンク

開発者のためのポータルサイト「.dev」

リソース種別概要
Build Shopify themes(英語)サイトShopify のテーマに関するにかんするドキュメントがすべてまとまっています。制作者は既存のテーマをカスタマイズすることが多いので、こちらが参考になります。価格やフルフィルメント、OS2.0 対応など、カテゴリごとに事例が載っています。
ブログで学ぶShopifyストアフロントの開発動画Shopify のストアフロント開発について、過去のブログをなぞりながら開設する Shopify Japan のオフィシャル動画(日本語)です。SCSS など、2022年現在ではすでに推奨外となっている内容も多いですが、概要を掴むにはとても参考になります。
Liquid Cheat Sheet (英語)サイトカスタマイズには Liquid を理解する必要がありますが、Liquid 初学者は構造を理解するとその後の学習がスムーズです。ということでこのチートシートがとても役に立ちます。迷ったらこれを見れば大丈夫!こちらの github もおすすめです。
Shopifyのテンプレート言語 Liquidの概要記事いや、英語はちょっとキツイ…という方は、こちらの Shopify ブログの記事がおすすめです。Liquid によるテーマ構築の概要が何となく把握できると思います。
Shopifyテーマの構造解説。各ディレクトリとファイルの役割を知る記事上記の記事を読んでもまだちょっと…という方には、non-standard world さんの記事も併せてどうぞ。一部は OS2.0 以前の環境を前提にしているので現在とは違う部分もありますが、詳細なご説明でテーマ構造が理解できます。XDワイヤーフレームキットはもはや神の所業ですね。
Build Shopify apps (英語)サイトShopify のアプリ開発に関するにかんするドキュメントがすべてまとまっています。仮に開発しなくても、テーマで実装できない部分をアプリで賄う際にどういう API が使われているのか、プライベートアプリで処理するにはどうすればいいか、知っておいて損はありません。
Build custom storefronts (英語)サイトStorefront API を利用して、Shopify の機能を活かしつつカスタムストアを立ち上げることができます。幾つかのフレームワークの紹介や、Shopify 純製のヘッドレスである Hydrogen もこちらで紹介されています。
Shopify Changelog (英語)サイト開発者だけに限らないですが、開発や機能にかんするフィーチャーが更新されています。重要なアップデートがいち早く知れるので、ノールックでブックマークしておきましょう。
Slack コミュニティグループ (英語)チャットShopify の Slack コミュニティグループです。基本は英語ですが、Shopify パートナーを対象にしたSlackチャンネルなので、世界中のパートナーや開発者とつながって情報交換することができます。とってもオープンで暖かい雰囲気です。
パートナーサポート (ダッシュボード画面)メールヘルプでもコミュニティでも解決しない場合、パートナーダッシュボード内の「パートナーサポート」に頼ってみましょう。英語ですが、24時間丁寧に対応してくれます。サービスにおける CS の重要さを実感します。

その他のリソース

ここまでは(一部のパートナーサイトを除き)公式リソースを中心に紹介してきましたが、Shopify はプラットフォームでありマーケットプレイスでもありますので、公式以外にも制作会社や開発企業、フリーランスの方々など、たくさんのパートナーネットワークがあり、日々情報を発信されています。

ここでは、そのパートナーさんを中心に、有益な情報発信をされているサイトや動画、SNSなどの日本語アカウントをご紹介します。順次更新していきますね。

リソース種別概要
公式 TwitterSNSShopify(日本)の公式ツイッターアカウントです。これ以外にも、割と弾けてるカナダの公式アカウントや、代表の tobi さん、開発アカウントなども要チェック!
Shopify・ECブログ (コマースメディア)サイトShopify エバンジェリストの第一人者、コマースメディアさんのブログです。具体的なノウハウが多く、参考になります。このサイト自体も Shopify で作られているところにもビッグリスペクト!
イチ役 (Ruten)サイトShopify に特化した Ruten さんのブログメディアです。記事数が多く、運営やカスタマイズで突き当たる壁にことごとく回答した記事があるイメージです。さすが!
Shopify News & Journal (FRACTA)記事Shopify エバンジェリストであり、パートナーで知らない人はいない FRACTA さんの note(の Shopify カテゴリ)です。最新情報からイベント案内、ヘルプデスクなどたくさんの記事がまとまっています。
Qiita ShopifyカテゴリサイトQiita の Shopify カテゴリは、便利な Tips からマニアックな開発ノウハウまで、開発者向けの有用な情報に溢れています。Qiita アカウントをお持ちの Shopify デベロッパーの方はフォロー推奨です。
ECzine Shopify記事一覧(翔泳社)サイトECzine さんの Shopify カテゴリは、最新ニュースから識者のインタビューまで、非常に網羅性が高く、日々の読みものとしてもたいへん重宝します。いつもお世話になっております!
Slash App (ネットイヤー)サイトネットイヤーグループさんの Slash App は、Shopify の国内アプリを中心に詳細なレビューが掲載されているサイトです。単なる紹介にとどまらず、ちゃんとインストールして使われたうえで記事を書かれています。サイトが Shopify で作られているのもリスペクト!
デイトラ Shopifyコーススクールオンラインカリキュラムを提供するデイトラさんの Shopify コースです。有料ですが、確実に制作ノウハウを身に着けたい方は門を叩く価値があると思います。コミュニティが活発ですし、メンター陣もたいへん豪華です!

 

「これ載せてないのモグリやんけ!」 「あそこを知らんなんて人生損してるで!」といったタレkご連絡をお待ちしております!
こちらのお問い合わせフォーム、もしくはTwitter等のSNSからぜひご教授くださいませ。