Jamstackでどんな生徒でもアクセスできるサイトを作りたい(Next.js,microCMSでサイトを作った話) | Ryusou Blog
Jamstackでどんな生徒でもアクセスできるサイトを作りたい(Next.js,microCMSでサイトを作った話)JamstackNext.jsmicroCMS この記事はJamstack Advent Calender 5日目の記事です。 はじめまして。りゅーそう(@ryusou_mtkh)です。 現在、埼玉県の高校で地歴科の教員をしています。教員の業務軽減や生徒の学びの場や手段を増やすためにプログラミングを勉強しています。 先日、WEBサイトで歴史について学べるHisTubeというメディアサイト的なものを公開しました。 このサイトは以下のような技術を使って制作しています。 Next.js(TypeScript)storybookstyled-componentsmicroCMS 今回はそのサイトを作って得た知見を共有できたらと思います。 なぜHisTubeを作ったのか？ まずはじめに
Next.js + esa.io + VercelでJAMStackな爆速ブログを構築する - パンダのプログラミングブログ
追記: 本記事がesa.ioの公式Twitterに取り上げられました！ esaに書いた記事をNext.jsで公開する Next.jsのバージョン9.3から、ビルド時に外部ソースからデータを取得するgetStaticPropsというAPIが公開されました。 ブログは静的なコンテンツです。ブログの内容はユーザーに応じて動的に変わるということはありません。そして、getStaticPropsは静的なページを構築するために最適なAPIです。 そこで、esaにmarkdownで書いた記事をNext.jsで表示するサイトを構築しました。 実際にサイトにアクセスして記事を開いてみてください。爆速で遷移するのが体験できます。Lighthouseの成績もバツグンです。（blog-starterをベースに利用したため、コンテンツはそのレポジトリの内容を踏襲しています） デモサイトのコードはGitHubにアップ
AngularにJAMstackが??? - Adwaysエンジニアブログ
Adways Advent Calendar 2019 14日目の記事です。 http://blog.engineer.adways.net/entry/advent_calendar_2019 こんにちは、swfzです。 先日 Angularでの静的サイトジェネレーターscullyが公開されました github.com ReactだとGatsby、VueだとGridsomeなど、静的サイトジェネレーターと言われる部類のものがありましたがAngularは（僕が観測している範囲では）今までありませんでした 個人的に待望だったのでまだ変更等ありそうですが一足早く使ってみたいと思います チュートリアル動画は下記にあります Introducing Scully: Angular + JAMStack - YouTube www.youtube.com JAMstackとは JAMstack | J
JAMstackってなに？実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub｜Webエンジニアのキャリアを考える！
JAMstackってなに？実践に学ぶ高速表示を実現するアーキテクチャの構成 JAMstackは、「JavaScript」「APIs」「Markup」の3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。いち早くJAMstackを利用してWebサイトを作成した、寺川直宏さんと風間雅也さんにJAMstackについて聞きました。 JAMstackという言葉をご存知でしょうか。JAMstackは、「JavaScript」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。パフォーマンスの改善、セキュリティの担保、スケーラビリティの確保が見込めるため、フロントエンド界隈で、大きな注目を集めています。 しかしまだ登場したばかりの概念ゆえ、実例も少なく、理解しにくい面もあります。そこで、いち早くJAMstackでWebサイトを
今日から手を出すJAMstack
Webサイトのつくりかたは日々進歩しており、最近は作るのも公開して維持するのもだいぶ楽になってきました。 ついこの間まではレンタルサーバーを借りてどうのこうの設定したり、その関係で月々でお金がかかったり、その他サイト作成から公開までのプロセスがめんどくさすぎて「だったら自分のサイトなんて持たずにTwitter村かはてな村に入村して細々やるべな」みたいな感じになりがちでした。 が、人類にはまだSNSというオーパーツは早すぎたため、村は動物と美少女とポリティカルコレクトネスに支配され、おじさんたちはバーチャル美少女アバターを被りその素性を隠すことでしか存在できなくなりました。 そんなマッポーインターネット世界で信じられるのは自作Webサイトしかありません。 みなさんWebサイトを作りましょう。 今からWebサイトを作る上で、知っておくべきはJAMstackというキーワードです。 TL;DR ブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gatsby と Netlify で Jamstack 構成のブログサイトを作ろう
