待望のSvelteKit 1.0がリリースされましたね！ https://svelte.dev/blog/announcing-sveltekit-1.0 早速、microCMSとの連携を試してみたいと思います。 Svelteとはビューを生成するライブラリです。 ReactやVueと異なる点は、ライブラリのコードをほとんど含まないVanilla JSに近い形でコンパイルされるという点です。 そのためコンパイル後のJSファイルのサイズが小さく、高いパフォーマンスが期待できます。 「ライブラリのコードをほとんど含まない」ことを実現するために、SvelteではVirtual DOMを敢えて採用せず、代わりにコンポーネントを非常に効率的な命令型コードに変換して、DOMをピンポイントに更新します。 SvelteKitとはSvelteと組み合わせて使うアプリケーションフレームワークです。 NextやN
Jamstack gives developers full-stack powers Findings from the Jamstack Community Survey 2022 The third year of the Jamstack Community Survey found a mix of things we expected – indeed, things we predicted last year – as well as some big surprises about the many diverse members of our community. Some key takeaways include: Four out of five developers are now working remotely most of the time, and m
microCMSを使ってGatsbyブログに連載機能を実装した 2020.04.19 本ブログはGatsbyを使って、esa.ioで書いたコンテンツをNetlifyで配信しています。 esa.ioは情報共有サービスとして作られているので非常に書きやすいサービスです。しかし、（意図しない使い方をしているので）文章以外の情報を持たせるには不向きです。 ブログでシリーズ物の記事を書いてみたいが、連載情報をesa.ioに持たせるのは難しい。ただ、見た目とコンテンツの密を避ける意図でブログのソースコードには依存しない形にしたいと考えていました。 そこで目をつけたのが日本製のHeadless CMS「microCMS」です。 Headless CMSとmicroCMS 本ブログでも何度か取り上げていますが、簡単にHeadless CMSについて説明します。 通常WordPressのようなCMSはコンテ
Jamming into the Mainstream: Jamstack Community Survey 2021 This year we saw Jamstack go mainstream, with big changes in working patterns for Jamstack developers in every region. Our community has grown, adding not only experienced developers but also becoming the first stop for those just breaking into the industry. We also learned that the move to remote work has been significant and lasting amo
MOONGIFT.devはあらゆるテクノロジー、技術ワードについて探求するコミュニティです 従来のサーバサイドでHTMLを生成するCMSに対して、ここ数年盛り上がっているのがヘッドレスCMSになります。フロントエンドは別途開発することで、コンテンツはAPIベースで配信されます。政府統一WebサイトがヘッドレスCMSであることが望ましいとされるなど、注目される技術です。 そこで、今回はヘッドレスCMSを提供、活用する各社を招いてパネルディスカッションを行います。ヘッドレスCMSが何なのかはもちろんのこと、何ができて何ができないのか、採用することによる利点や、考えるべきポイントなどをディスカッションします。 続きを読む
Let’s pretend I own a service and I want to grant other services access to my service on behalf of my users. The familiar OAuth 2.0 is the industry standard used by the likes of Google sign in, Facebook, etc. to communicate safely without inconveniencing users. Implementing an OAuth Authentication server is conceptually simple but a pain in practice. We can leverage the power of Cloudflare Workers
技術同人誌（PDF） / 58ページ / ￥1000 新しいWeb開発アーキテクチャ SPAとSSRを超えるJAMstackの仕組み ※この商品はPDFの「ダウンロード販売」です！ ------------------------------------------------------- ● 本書のポイント！ ・NetlifyのCEOが提唱 ・サイトの読み込みが10倍高速化 ・サーバー代$5000/月が$5/月に！ ・マイクロサービスの活用 ・GatsbyJS、Nuxt.jsを使ったモダンフロントエンド開発 ------------------------------------------------------- ● 本書の概要 フロントエンドやその周辺技術はこの10年ほどで大きく変化しました。 昔は片手間であったものが、いまや複雑なものになっています。また、流行した技術がほんの1
「JAWS DAYS 2019」にて発表した際のスライドです。
A JavaScript framework that makes building headless WordPress simple and easy. Faust Toolbar A familiar publisher experience, providing a cohesive experience with wp-admin. Easily extensible with built in filters, empowering developers to customize for different use cases. Gutenberg Block Editor Regain a drag-and-drop WYSIWYG editing experience in a headless WordPress environment. Faust's blocks p
2020年も残りわずかとなりました。 本記事は Jamstack Advent Calendar 2020 25日目の記事です。 弊社はmicroCMSというヘッドレスCMSを運営しているため、必然的にJamstack構成をやりたいという要望が舞い込んでくるのですが、その数も去年と比べると格段に増えたと感じています。 Jamstackの本家サイトもリニューアルされました。 いつの間にかロゴも出来てますね。 改めて読んでみると初期のサイトとは内容も一部変わっており、「Jamstackとは呼べない例」や「Webサーバーに依存しない」という記述が無くなりました。 Jamstackの定義は少しずつ時代に合わせて変わってきていると思われます。 JamstackとはJamstackとは、Webをより速く、安全に、簡単に拡張できるように設計されたアーキテクチャです。 SSG（Static Site Ge
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く