未経験からShopifyフリーランス
エンジニア完全ロードマップ
未経験エンジニア
未経験だけど、これからShopifyフリーランスエンジニアを目指してみたいなー。誰か教えてくれないかなー。
こういった疑問にお答えします。
この記事のテーマ
もくじ
この記事を書いている僕は、2020年からShopifyエキスパートで働いて、現在はShopifyフリーランスエンジニアとして活動しています。
ディレクションもしたり、マーケティングもやったりと、幅広くEC業務に携わっていて、デイトラShopifyコースでメンターもしているので、これからShopifyやECサイトについて、勉強していきたいなーって人に参考になればと思います。
Shopifyフリーランスになるための全体像
まず、Shopifyフリーランスエンジニアを目指すにあたって、他にどのような道があって、どのようなスキルが必要なのかを説明したいと思います。
Shopifyフリーランス
Shopifyフリーランスには、３つのタイプがあると思っています。
- コーディングが得意なShopifyフリーランス
- マーケティングが得意なShopifyフリーランス
- デザインが得意なShopifyフリーランス
今回Shopifyフリーランスエンジニアという括りでロードマップを書いていくのですが、必ずしもエンジニアの必要はなく、デザインだったりマーケティングだったり、得意なところでお仕事をしていくのが一番いいと思います。
この中で、僕はコーディングとマーケティングのスキルをメインにしているShopifyフリーランスエンジニアです。
Shopifyフリーランスエンジニアの営業先
Shopifyフリーランスエンジニアには、３つのタイプの営業先があります。
- クラウドソーシング
- エンドクライアント
- 制作会社
クラウドソーシング
最初に未経験からShopifyフリーランスエンジニアとして営業をして、お仕事をいただくとなると、クラウドソーシングがオススメになります。実際僕も、最初はクラウドソーシングからお仕事をいただきました。（Shopifyテーマの部分カスタマイズ）
クラウドソーシングの良いところは、新規でShopifyを使ったネットショップを作りたい人や、今運営しているけど少しだけカスタマイズして欲しいという人が一定数いますので、うまく提案できると受注につながります。
エンドクライアント
次に、エンドクライアントが良いと思います。物販ビジネスをはじめ、様々なサービス業・中小企業さんがECサイトを持ちたいという需要が高まっていますので、営業次第で可能です。
ここについては、僕自身があまり経験がないため、経験値を上げてから、詳しく書きたいと思います。
制作会社
最後に、制作会社になります。この制作会社は２種類あります。一つは、Shopifyをメインにしている制作会社さん。もう一つは、Web制作全般行っていて、Shopifyも部分的にされている、これから力を入れていかれる制作会社さんになります。
前者のShopifyをメインにしている制作会社さんは、いわゆるShopifyエキスパートと呼ばれる制作会社さんであり、このような制作会社さんからお仕事をいただくとなると、Shopifyストア構築スキルは最低条件で、コーディングであったりマーケティングであったりデザインであったり、Shopifyストア構築スキル＋αが求めらます。
後者のWeb制作全般行っていて、Shopifyも部分的にされている、これから力を入れていかれる制作会社さんであれば、コーディングであったりマーケティングであったりデザインであったりのスキルを前提として、Shopifyのことに対しての知識が＋αになって仕事をいただくかたちになります。
僕自身は、現在両者の制作会社さんからお仕事をいただいています。
Shopifyフリーランスに求められるスキル
コーディングが得意なShopifyフリーランス
どのようなベースで開発していくかは、予算と時間になりますが、基本はデザイナーさんから上がってきているデザインカンプをベースに、フロントの指定されたテーマを開発していきます。
求められるスキルとして
- HTML
- CSS
- JS（あれば良い）
- Liquid
- Github（あれば良い）
になります。
特にLiquidの知識は必須で、オリジナルデザインやアプリをいろいろ使ってUIに反映させるなど、要望が高くなればなるほど必要になってきます。
フリーランスとして受注するなら
Shopifyエキスパートのような制作会社さんから受注する場合であれば、ディレクションは完全にお任せして、指定された作業をこなすだけで良いですが、そもそも制作会社さんがShopifyについて良く知らない場合や、エンドクライアント・クラウドソーシングを考えると、下記のスキルもあると強いです。
- ECのディレクション
- デザイン（外注可能）
- ECの運営知識
- 実店舗経験
- Shopify Appの知識
Shopify（ECサイト）構築・運用は、総合格闘技なのでさまざまな経験やスキルがあればあるほど、できる幅が広がる感じです。
マーケティングが得意なShopifyフリーランス
また追記します。
デザインが得意なShopifyフリーランス
また追記します。
Shopifyフリーランスの具体的ロードマップ
また追記します。
余談
今回途中で記事をアップしたのは、この本の影響になります。
プロセスエコノミー
変化の早い時代は、この生き方、考え方が合っているし、プロセスエコノミーの発想でこれから仕事に取り組むべきだなと思ったので、今日から実践していこうとして、行動しました。
この記事を書こう書こうと思って結果１ヶ月経ったので、少しずつアップデートするやり方で書いていきます٩( ‘ω’ )و
学習参考書籍
教科書では教えてくれないHTML&CSS
HTML、CSSはわかっているけど、いざゼロからページを作るとなると何から始めたらいいのか？これを解説してくれている。初心者にはおすすめできる１冊。はじめに解説されているコンテナとモジュールの考え方、Shopifyのセクションとブロックに近いなと。
Shopifyではじめるネットショップ
最近出た本で、ECストアを立ち上げるためのShopifyの基本が学べます。Liquidの基礎も説明してくれているので、とても勉強になると思います。
まんがでわかる ECビジネス
まんがでECストアの基本をしっかり学ぶことができます。実際に売上をたてていくストーリーで全体を把握することもできるので、おすすめです。
Shopify運用大全
Shopify公認のトッププレイヤーの最先端ECサイトの基礎知識と運営ノウハウについて徹底解説された書籍。発売されてから毎日読んでいる本で、「Shopify」という存在を理解し、追いかけ続けられるための「思考のフレームワーク」も習得できます。
学習参考教材
テーマ開発・Liquid学習
Udemy Build a Shopify Theme From Scratch
僕が最初のShopify Liquidのオリジナルテーマ開発する為に使用した学習教材は、このUdemyの Build a Shopify Theme From Scratch教材になります。周りのフリーランスにも紹介した教材で、とても評判が良かったものになります。
今はアップデートされて、作成するサイトのデザインも変わっています。
#デイトラ独立サポート 28日目#今日の積み上げ
✅Shopify 学習/テーマ開発Shopify
liquid自作テーマが
やっと完成しました😄♫これを
ポートフォリオとしてECサイト制作の
営業活動に
活かしていきます↗️明日も
コツコツ
積み上げます💪#デイトラ#駆け出しエンジニアと繋がりたい pic.twitter.com/AwlOnd0Fx6— YOSUKE＠TRAVELER｜Webエンジニア × Shopify Developer (@YOSUKETRAVELER) April 28, 2020
Build a Shopify Theme From Scratch
Learn how to create themes in Shopify
Udemy Shopify Theme Development: Create Shopify Themes [2021]
最近だと、こちらの方がおすすめです。ShopifyテーマのディレクトリーからLiquidの記述方法まで説明してくれています。また、全てではないですが、Onleine Store 2.0にも対応しているので、ぜひ学んでみてください♫
Shopify Theme Development: Create Shopify Themes [2021]
Learn how to create Shopify themes using ThemeKit and how to use Liquid programming for customizing Shopify themes
デザイン学習
Udemy Shopify for Designers: Figma and Branding Crash Course
最近出たばかりで、Shopifyのデザインについて学べる教材です。現在勉強中ですが、テーマに沿ったデザインではなく、カスタマイズ前提のサイトのブランディングであったりコンセプトであったりが学べる感じです。
海外のデザイン志向なので、国内だとまた変わってくるかなという印象ですが、考え方とかは参考になったので興味があればセール時にでもぜひ♪
Shopify for Designers: Figma and Branding Crash Course
Learn How to Design for the Shopify Platform with Figma, Accessibility, Branding, and working with Clients and Developer
オンラインショップのレイアウト
ちょっと古い本ですが、ECショップのレイアウトの本はなかなかないので、参考になりました笑
番外編
まずはShopifyストア構築を体験
【最新 Online Store 2.0 対応】Shopifyストア構築を１時間でマスターしよう 【初心者向け】
1時間でShopifyストアを作成します。オンラインストアを作成したことがない人でも基礎から学んで、簡単に作成できるようになります。
shopifyストア構築に挑戦してみたいなーという方向けのエントリー講座であれば、こちらで体験していただけると。僕が作成したUdemy講座で、shopify14日間の無料トライアル期間でストア作成できる内容にしています。（※OS2.0が出たばかりで作成していますので、これからアップデートとコンテンツアップをしていきます）
Shopify POS講座
実店舗とECサイトの在庫と顧客データをShopify POSで連携させて売上アップさせよう
1時間で実店舗とオンラインストアをスムーズに連携するPOSレジ 「Shopify POS」を学べる入門講座（初心者向け）
shopify POS についてこれほど詳しく説明している講座はないと思います笑。実際に僕は、ここは得意分野で、実店舗経験も豊富でオムニチャネル部門で働いていたこともあり、実務でも導入しているので内容が濃いと思います♪これからさらにアップデートしていく予定です。
Shopifyキャッチアップ会！（Shopify Unite 2021）
【デイトラウェビナー】Shopifyキャッチアップ会！Sections EverywhereとDawnの特徴を知ろう！
ゲスト講師として登壇させていただきました。Shopify 2.0 で新しくなったSections Everywhereと新テーマDawnをメインにお話しています。
Liquidの学習方法を知りたい人向けの記事
【初心者用】Shopify Liquid 学習方法のまとめ | YOSUKE-BLOG
ShopifyのLiquidを学習する人が増えましたので、少しでもお役に立てればと。ここに学習したことのアウトプットをしていきます。Shopify Liquid学習 コードの基礎知識、Shopify Liquid学習 テーマのファイル構成、Shopify Liquid学習 テーマの開発の手順
Liquidの基本構文を知りたい人向けの記事
【初心者向け】Shopifyをカスタマイズ Liquid言語の基本構文を解説 | YOSUKE-BLOG
ShopifyのLiquidって難しいなー。コードを編集したいけど、どうやって書くのか、全然わからないなー。誰か説明して欲しいなー。この疑問にお答えします。この記事を書いている僕は、現役Shopify developerで、Liquidコードをゴリゴリ書いてShopifyのテーマ開発、編集をしています。できるだけ初心者
EC初心者向けのおすすめ学習本の記事
【Shopify独学】EC初心者向けのおすすめ学習本 | YOSUKE-BLOG
Shopifyを学習してるけど、そもそもECサイトについてどのように勉強したらいいのかなー。おすすめ本があれば教えて欲しいなー。この記事のテーマ Shopify、EC初心者が知っておくべき基本的な構築・運営知識がわかる この記事を書いている僕は、Shopifyエキスパートで働いている現役フロントエンドエンジニアで、