それは、まずコロナという状況になったってことが一番大きいかなと思います。

2020年の初めての緊急事態宣言の時、去年の5月頃丁度コロナが広まっていった時期に

飲食店を経営している友達から大変厳しい状況なことなどを聞いていたりしていました。

そこで、何かできないかとオンライン注文システムの構築を考えました。

最初は自前で構築できないかと色々な技術調査をしたのですが、

なかなかこれといったのがありませんでした。

そうして、２〜３ヶ月たった頃にShopifyで飲食店などであっても
オンラインの注文システムが作れるというのが、
私のアンテナに引っかかってきました。

そこでShopifyのことを調べて、実際にパートナー登録などもして
現在、お仕事をさせていただいている取引先のショッピングサイトを
新たにShopifyで構築させていただきました。

その後に、もっとShopifyの知識を深めたいと思い、
Shopifyが主催する[「ShopifyPartnerBootCamp#3」](https://shopify-guide.net/shopify-partner-boot-camp-3rd/)という
6週間のスケジュールでShopifyの機能や運営面の様々なノウハウを身に着けられる内容の講義に参加しました。

そこで基本的なShopifyの使い方、活用事例などを学び、これはShopifyに本腰いれて事業として取り組んでいったほうが、これからの社会を考えても賢明だとの思いにいたりました。

何よりも講義を通してShopify社がしっかりとパートナーを育てていこうという方針や気概が伝わってきて、それだけでもやってまず間違いないだろうなと気持ちになりました。

そして今年の年明けには、経営パートナーでもある妻の個人アーティスト作品の販売サイトをまずShopifyで構築しました。商品点数が少ないこともありますが、約3週間ほどでリリースができました。

法人化と同時にショッピングサイトも運営している弊社としても、ショッピングサイトは運用のほうが何よりも大事なことを理解していたので、小さく素早く始められて運用に力を入れられるShopifyはEC運営にはピッタリなシステムだと思いました。

そしてShopifyの管理画面からデザインを編集するのも、あまりITに強くない妻でも簡単にできるようで好評でした。

まだまだ使いながら運用しながらShopifyに慣れていっている段階ではあると思います。

自社のECもShopifyで本格的に構築して、これからノウハウを蓄積していければと思っています。

コロナ禍の中、オンラインでの販売は確実に増えていますし、またその進歩、成熟も必要だと思っています。

その最右翼のサービスともいえるのが、Shopifyだと思っています。

これからも、Shopifyでの事業展開を進めていって、オンラインでの良質なコミュニケーションを増やしていければと思っています。



なぜShopifyを始めることにしたのか？その経緯を書いてみました。

なぜShopifyを始めることにしたのか？コロナ禍の中、オンラインで手軽に注文できるシステムを

先日、[microCMSのいいところ](https://walover.co.jp/blog/microcms-1)の記事を書きました。

じゃあ、microCMSはどんなところにおすすめなのかな〜って考えた場合に、
スタートアップにはすごいおすすめなんじゃないかな〜と思いました。

ざっくりスタートアップやスモールビジネスにオススメの理由は３つ！

1. [スピード感](#part1){.py-2 .pr-3 .inline-block .bold}
2. [とりあえず無料ではじめられる](#part2){.py-2 .pr-3 .inline-block .bold}
3. [なんかかっこいい](#part3){.py-2 .pr-3 .inline-block .bold} 

## さくさくっと作れるスピード感 {#part1}
スタートアップといえば、やはりスピード感が大事なので
サクッと管理画面がすぐ使えてnowやnetlifyでサーバーレスでサクサクっとサイトやサービスもアップできちゃう
このスピード感はスタートアップやスモールビジネスにはすごい最適だなと思っております。

こちらの[microcmsのブログ](https://microcms.io/blog/){target="_blank" rel="noopener"}にもさくさくっと色々作れる事例やサンプルコードも
上がっていてそちらを見ながら作っていくことも出来ます。

例えば、サイトに一部お知らせみたいな更新できる部分を設けたいとかの
パターンにも容易に対応することが出来ます。[こちらの事例](https://microcms.io/blog/usecase-rebuild/){target="_blank" rel="noopener"}がそれに近い形だと思います。

<Image src="https://images.microcms-assets.io/protected/ap-northeast-1:ec744647-0d83-4c45-be8c-0be96d1ae21d/service/walover/media/%E4%BA%8B%E4%BE%8B.png?fm=webp" width="672" height="183" alt="事例" />

## とりあえず無料で始められる {#part2}
microCMSなら会員登録すればすぐ使えますし、nowやnetlifyも基本無料で使えます。

Wordpressでも無料のレンタルサーバーで使える場合もあるようですが、それはなんか不安を覚えますよね。

事業を開始したばかりで、固定費もなるべく抑えたい場合もあるので、そんな場合にも
microCMSはすごいオススメだと思います。
実際に私も最初は無料プランでいじりまくって、「これは使える！てかすげぇ！」ってなって
[有料プラン](https://microcms.io/pricing/){target="_blank" rel="noopener"}のStarterプランに切り替えました。

<Image src="https://images.microcms-assets.io/protected/ap-northeast-1:ec744647-0d83-4c45-be8c-0be96d1ae21d/service/walover/media/plan.png?fm=webp" width="672" height="254" alt="料金設定" />

良心的な値段設計ですね〜{.mb-2}

## JAMStackで作ってるってなんかかっこ良くね？ {#part3}
あとは技術部分で最新のJAMStackで作ってますってのがかっこよくてスタートアップらしいかな

「サイト何で作ってるの？」

「JAMStackっす！」

↑なんかかっこ良くね〜〜みたいな〜

ま、そうゆうイケてる感もスタートアップなんかでは大事ですよね。

私自身、去年の6月にフリーランスから法人化して会社のサイト作らないとな〜と
思っていたのですが、もうWordpressでは作りたくないなぁと思っていました。

そこで、HeadlessCMSとかJAMStackで構築できたらと思い調べたりしたのですが
ほとんどが海外製で日本語化もされてなかったのでCMS部分は触ってみて
ん〜と実際にサイトを作るまでは手が出なかった感じです。

お客さんのサイトで[Contentful](http://contentful.com/){target="_blank" rel="noopener"}は使ってたのですが、他にいいのないかな〜と探っている状態の中
microCMSが出てきて「ウホッ！」ってなりました。

それで去年の年末あたりから無料プランでいじり始めて、
これは使える！ってなって今年の2月にこのサイトを公開するところまでいけました。

ひょっとしたらmicroCMSがなければ今も会社サイトはできてなかったかもしれません・・・

ということで「microCMS」はスタートアップやスモールビジネスには最適だと思います。

## 事業の成長に合わせたサイト構築

Wordpressなどの何でもできるCMSなどは色々できる分、
必要ない部分もあったりして、スタートアップやスモールビジネスの方には
必ずしも最適化されているわけではないのかなという印象も個人的には持っています。

スモールスタートで事業の成長に合わせてサイトを拡張させていくという意味でも
microCMSなどのシンプルな国産のCMSはとても貴重でニーズがあるものではないかなと
私自身思っています。

「Just Try microCMS!」
最後なぜか英語で締めてみました・・・（締めってむずい）

スタートアップにもオススメのmicroCMSについて

スタートアップにもオススメのmicroCMS「Just try it !」

microCMSを使い始めて3ヶ月ほど経ちました。

正直言って、サイコーです。

# microCMSのどこがサイコー？

色々ありすぎて、どこからあげていいのか迷ってしまうほどなのですが、
今回はとりあえず3つ紹介したいと思います。

1. 日本語
2. 機能が続々追加
3. 運営が親切

## 日本語っていいよね。{#part1}
やっぱりね。ドキュメントとか全てが日本語っていいよね。
たまらんよね。英語でドキュメント読んだりして普段は確認しているのが
多いですが、やっぱり日本語だと安心感が半端ないですね。

あと英語だとわからない単語とかあるとGoogle翻訳とかで確かめたりするのですが
ん〜でも本当に大丈夫かな？とかどこか不安が残ります。

そこらへんオール日本語だと本当ストレスフリーで正直楽っす。

標準で日本語だからか管理画面も見やすい感じします。

## 機能が毎週のように追加される {#part2}

これ本当に「オラ、ワクワクすっぞ！」ってな感じなのですが、
microCMSはどんどん新しい機能が追加されていきます。

<Image src="https://images.microcms-assets.io/protected/ap-northeast-1:ec744647-0d83-4c45-be8c-0be96d1ae21d/service/walover/media/%E9%96%8B%E7%99%BA%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%E3%83%9E%E3%83%83%E3%83%95%E3%82%9A.png?fm=webp" alt="開発ロードマップ" height="606" width="396"  />

開発ロードマップというのが管理画面から見れてこれを見るだけでもワクワクしてしまいます。

最近追加された「Post機能」と「メール通知」を組み合わせて
お問い合わせフォームを設置してお問い合わせがあったら
メールで通知されるってことまで簡単にできてしまいます。

あともともとの仕様がよくできているのでJSフレームワークで
柔軟に色々な表示を実装できてしまいます。

最近も下書き記事のプレビュー表示が15分ぐらいで実装できてしまいました。
（正直半日ぐらいはかかるかな？って思ってました）
おかげで工数が削減できてラッキーってな感じでした！

工数の削減については[こちらの](https://microcms.io/blog/good-bye-to-admin-setting-impl/){target="_blank"}microCMS公式のブログ記事にも紹介されてます。（要チェックやで）

## 運営の方が親切なんです {#part3}

これまじで大事だと思うんですが、運営の方が親切で
TwitterなんかでmicroCMSについて呟くと反応してくれたり
返信があったり、他の人のやりとり見ていると実装の相談なんかも
直接サポートしてくれたりすることもあるようです。

これ、何気に嬉しいし、まさしく国産だからこそできることかも
しれないなと思いました。

[![ツイート紹介](https://images.microcms-assets.io/protected/ap-northeast-1:ec744647-0d83-4c45-be8c-0be96d1ae21d/service/walover/media/twitter_.png?fm=webp){.fit}](https://twitter.com/misato_NN/status/1187675270108467201?ref_src=twsrc%5Etfw){target="_blank"}

こんなツイートもありました。

運営の方が書いている[ブログ](https://microcms.io/blog){target="_blank"}も見やすくてわかりやすいですよね。

今回は本当にまずmicroCMSのいいところ、ベースのところを書きました。
その他にも画像の表示のところも好きだし、
リッチエディタもよくできてるし。
スマホでも更新しやすいとか・・・etc

これからまた増えてきそうなのでとりあえずPart1ということで今回は締めたいと思います。
いや〜いいですね「microCMS」。

あと、要望とかこれがあったらいいなとかも書けるといいですね。

国産headlessCMS「microCMS」について

国産headlessCMS「microCMS」の素晴らしさ Part1 【基本編】

## Wordpressだって昔は誰も知らなかった

Wordpressすごいっすね。もうほとんどのサイトはWordpressで作られているんじゃないかぐらい
世界的に浸透してますよね〜

そもそも私がWeb業界に入ったばかりの2007年頃はWordpressは全然浸透しておらず、
perlという言語で書かれた Movable Typeというものの方が浸透していました。

当時確かMovable Typeはライセンスを購入する形だったところを
オープンソースでPHP製のWordpressが出てきて、どんどんみんなが使うようになって
Movable Typeで作られていたサイトもWordpressに置き換えられ、
新しく作られるサイトもどんどんWordpressで構築するのが主流になっていって
現在に至っていると思います。

## Wordpressのシェアは世界一！

2019年時点でのWordpressの世界シェアは全ウェブサイトで35%、CMS市場では62%だそうな！

[こちら参考](https://kinsta.com/jp/wordpress-market-share/)

すごいっすね。
私もこれのおかげで今までWordpressでの仕事をたくさんいただき飯を食わせていただきました！
あざっす！

ただ、やっていく中で・・・「飽きたな」
そう思って来ました正直。

## 2020年現在フロントエンドの主役はJavascript

そうしている間にフロントエンドの世界ではJavascriptがどんどん主役の座に。

これもまた2007年時点でホント想像できなかった。
Javascriptなんてあれはゼンマイ仕掛けなおもちゃでしかねぇってのがその当時の私の感想でした。
もう当時は動くWebサイトと言えばFlash！フラッシュ！フラッシュ！
猫も杓子もフラッシュフラッシュ！AcrionScript使える奴は神！みたいな感じでした。マジで。

JavascriptだけでWebのUIを書くなんてホント想像できなかった。

それがjQueryが出て来て、「お、Javascriptええやん」ってなって
FlashがどんどんjQueryとかに変わっていって、
でも流石にそれ辛いよねってのでReactが出て来て、Angularが出て、Vueが出てって。

そしたらあっという間にフロントエンドの主役がJavascriptにとって代わってしまったんですね。
あっという間とはただ自分がぼーっとしていただけなのかもしれないのですが・・・

そんなこんなで私もJavascriptフレームワークを触るようになり、
うわ〜なんてこれ効率的なんだ〜。SPA最高やんってなって今に至るような感じですね。

ちなみに私は最初はAngular、次にVue、今Reactメインでやっています。
それぞれ長所・短所あるんでしょうけど、結局全部JSでいいっしょっていうReactの思想が
Javascriptフレームワークとしては真髄なんじゃないかと思っている次第です。

## WordpressだってHeadlessCMSとして使える

ここで話をWordpressに戻しますが、
Wordpressもそんなフロントエンドの世界の変化を指をくわえてみているわけではなかったのです。
そういったJavascriptフレームワークでもWordpressのデータを扱いやすくする
WP REST APIなる機能をリリースしているんです。

ですので、現時点でもWordpressをHeadlessCMS的な使い方をすることも可能なんですね。
私も実際試しました。実際にVueとかのReactとも相性は悪くないんじゃないかな〜と思います。

## それではなぜ？WordpressではないCMSを使うのか？

それでいて、なぜWordpressではなくmicroCMSなどのheadlessCMSを使うのか？

それは端的に言ってしまうと「新しいから」です！

Wordpressがまだ全然浸透してない時も、なぜWordpressを触り始めたからというと
当時「新しかった」からです。

新しいからなんかワクワクしますよね。JSフレームワークでもなんでもそうです。新しいから試してみたい。
根本はただそれだけなんです。

それを大前提として、他に理由をあげるならば・・・

## 時代はサーバーレス

「サーバーの契約をしないでいい」

ってところにあります。

私が今この記事を書いているmicroCMSも無料プランもありますし有料プランもありますが
基本的にサーバーの契約する必要はありません。

そしてホスティング先として使っている[Now](https://now.sh)というサービスも無料でSSLまでついて
使うことができます。
いわゆるサーバーレスってやつですね。

これが私の中でとても大きいです。

以前はレンタルサーバーを借りて、みたいなことやってたのですがこれが非常に嫌でした。
Wordpressも今では簡単にサーバーにインストールできたり最初からついているものも
あると思うのですが、やっぱりサーバーレスがいいやなぁ〜って。

サーバーを契約するってのがなんか重い荷物をしょわされている感があってなんか嫌なんですよね。

私はフロントエンドだけに集中したいんです！むしろそうさせてください！

## フロントエンドのためのバックエンド

「BFF」という言葉があります。（新しい牛肉のブランド名ではないですよ！）
「Backend For Frontend」って意味で日本語でいうと
「フロントエンドのためのバックエンド」です。

もう、本当に今はコレなんですね。そしてコレができる環境が整っている！
じゃぁそれを利用しない手はないんじゃねぇ？My理想やん！

昔のようにバックエンドが吐き出すデータに従って、へーこら、ヘーこら
フロントエンドが合わせるというスタイルはもう古いんです！
今はもう平成じゃないんです！令和なんです！2020年なんです！

というわけで〜そんな〜〜こんなで〜〜〜
HeadlessCMSやってます〜。（タイプ疲れした）

## それでもWordpressは偉大なり

でも私的にWordprssをDisっているわけではありません！Wordpressはいまだに素晴らしいし、
まだまだ使われていくものだと思います！

Wordpressでサイトを構築していくノウハウがこの新しいHeadlessCMSのスタイルでも
確実に生かされているので改めてWordpressは偉大だなと思います。
Webの発展にWordpress有りだと想います。

そんな中で私もWordpress黎明期時代にあったような状況が
今HealessCMSの世界ではあるのかなと個人的には思っています。

## HeadlessCMSの発展には知識共有が必要不可欠

Wordpressが爆発的に普及した理由の一つにインターネットでWordpressでの
サイト構築のノウハウが共有されて誰でも知ることができたことが一つ大きいと思っています。
ですので、やはりHeadlessCMSの普及にも知識の共有が必要不可欠だと思います。

Wordpressの時に私もいっぱいお世話になったので、これからはどんどん自分の得た知識を
どんどん発信していかないとなと思っています。

なので、ブログ更新頑張ります！



なぜWordpressではなくHeadlessCMSをイマやっているのか！？


## Yahoo ショッピング {.text-2xl .my-4}

<Image
  src="/images/e-commerce/yahoo.png"
  alt="yahoo image"
  width={1200}
  height={697}
/>

## Shopify {.text-2xl .my-4}

準備中


自社ECサイトの運営をしています。Yahooショッピング、Shopifyにて運用をしています。

ECサイト運営

Shopifyの構築・運用サポート。Shopifyの構築から、運用のサポートまで二人三脚でサポートいたします。IT導入補助金を使っての構築も可能です。

Shopify

Webサイトの制作。企業サイトからランディングページまで幅広く対応いたします。

Stay Hungry. Stay Foolish.

サービス概要