このサイトについて

日本のフロントエンド向けに作成したJAMStackデモサイト

JAMStackデモサイトをご覧くださりありがとうございます。
初めまして、このデモサイトを開発した担当者です。
このサイトは、日本でJAMStackを開発しているフロントエンドのみなさんへ向けて作成しました。


現在、JAMStackはフロントエンド界隈を賑やかにしておりますが、様々なフレームワークや、HeadlessCMSが続々登場し、JAMStackの組み合わせは数え切れないほど存在しているのではないでしょうか。


このサイトはGridSomeとMicroCMSの組み合わせで作っています。
この組み合わせの最大の利点は、日本の中小企業用Webサイトにベストな開発環境を用意できることだと考えています。


中小企業のWebサイトの多くは、更新頻度が少なめで動的コンテンツも少なく、小規模な案件が多かったため、ワードプレスや他のCMSを導入するにはオーバーテクノロジーだったことが多くありました。
そういった経緯から、JAMStackによるWebサイト開発の検証を実施し、用いる構成にGridSomeとMicroCMSを選定しました。
この2つを選定した理由は非常にシンプルです。


まずGridSomeは、【CMSに特化したフレームワークで、比較的扱いやすいVueが使える】という理由です。
これは私自身がJAMStack入門者、Vue入門者でしたのでベストな選定でした。


次にMicroCMSですが、これは【クライアント側がサイトの更新がわかりやすい】という利点です。
クライアント側がわかりやすいCMSの一例としてWordPressがありますが、確かにWordPressは世界中でも多く使われており、管理画面の操作方法を熟知しているクライアント側のWeb担当の方も数多くいるでしょう。
ですが、HeadlessCMSとしての利点は、サーバーやデータベースのメンテナンスフリー、そしてセキュリティ性も高いこと。
さらに、開発サイドではView側とBack側を完全に分離して開発できるというメリットもあり、それらを排除してまでワードプレスを使用する理由にはならないと判断しました。
また、MicroCMSにいたっては、投稿に関係のないUIは排除されているので、クライアント側のWeb担当者による更新が簡単にできると予想しています。


このような理由から、中小企業向けWebサイト開発には、GridSomeとMicroCMSの組み合わせで開発するJAMStackをオススメいたします。


GridSomeおよびMicroCMSの組み合わせによるJAMStackは、まだまだ日本では使用例が少なく、ドキュメントが英語だったり、ネット上にも開発ノウハウの情報が少ないため、どうしても開発が手探りになってしまう傾向にあります。
（ググっても出てこない！）
.........その原因の大半は私自身の技術不足であることは否めないですが。(^_^;)

ですが、この二つの組み合わせのJAMStackが、一人でも多くの日本のフロントエンドの皆さんへ広まって、開発ノウハウもたくさん増えていけば良いなという目的で、このデモサイトを作成いたしました。
.........決して自分が楽したいからではないですよ？( ´ｖ｀)


以上、長文となりましたが、読んでいただき、ありがとうございました。
開発担当者より

JAMStack demo site created for the Japanese front end

Thank you for visiting the JAMStack demo site.
Nice to meet you, the person who developed this demo site.
This site was created for front-ends who are developing JAMStack in Japan.


Currently, JAMStack is bustling the front-end area, but various frameworks and HeadlessCMS appear one after another, and there may be countless combinations of JAMStack.


This site is a combination of GridSome and MicroCMS.
The biggest advantage of this combination is that we can provide the best development environment for Japanese SME websites.


Many the SME websites were over-technical to deploy WordPress and other CMS because they were less frequently updated, had less dynamic content, and had many smaller offers.
For this reason, we verified the website development by JAMStack and selected GridSome and MicroCMS as the configuration to be used.
The reason for choosing these two is very simple.


First of all, GridSome is a [CMS-specific framework that can use relatively easy Vue].
This was the best choice because I was a JAMStack beginner and Vue beginner.


Next is MicroCMS, which is [ an advantage that the client side can easily understand site updates] .
One example of CMS that is easy to understand on the client side is WordPress. Certainly, WordPress is widely used all over the world, and there are many client-side web managers who are familiar with how to operate the management screen.
However, the advantages of HeadlessCMS are that it is maintenance-free for servers and databases, and has high security.
Furthermore, the development side has the merit that the View side and the Back side can be completely separated, so we decided that it would not be a reason to use WordPress until they were eliminated.
In MicroCMS, UIs that are not related to posting are excluded, so we expect that updates by Web staff on the client side will be easy.


For this reason, we recommend JAMStack, which is a combination of GridSome and MicroCMS, for website development for SMEs.


JAMStack, which is a combination of GridSome and MicroCMS, is still rarely used in Japan, and the documentation is in English, and there is little information on development know-how on the net, so there is a tendency for development to be sought.
(You will not come out even if you google!)
......... I can't deny that most of this is due to my own lack of technology. (^ _ ^;)

However, we created this demo site with the goal that JAMStack of these two combinations would spread to as many Japanese front-ends as possible and increase our development know-how.
......... Isn't it because I want to light work. Maybe… ('V')


Thank you very much for reading.
From the developer

お問い合わせ先
support@codehack.dev
お気軽に、ご意見やご質問などお寄せください。