静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80％短縮

2023/12/12 11 users デバッグ astro 正式リリース ビルド時間 登場

静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80％短縮 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 4.0」が正式にリリースされました。 今年（2023年）9月にAstro 3.0がリリースされたば... 続きを読む

静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能

2023/10/02 7 users 遷移 正式リリース ブラウザ astro 新機能

静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.2」が正式にリリースされました。 先月（2023年9月）にAstro 3.0がリリースされたばかりで、1カ月足らず... 続きを読む

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

2023/09/11 250 users SPA アニメーション 画面遷移 astro 正式リリース

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む

静的サイトジェネレータ「Astro 2.1」リリース。画像の最適化、Markdocのサポート、ファイル変更検知し型チェックなど新機能

2023/03/15 13 users astro component image リリース 最適化

静的サイトジェネレータ「Astro 2.1」リリース。画像の最適化、Markdocのサポート、ファイル変更検知し型チェックなど新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 2.1」が正式にリリースされました。 Astro 2.1 is here with a brand new <Image> component! C... 続きを読む

静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に

2023/01/26 244 users 混在 正式リリース astro 新機能 ソース

静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 2.0」が正式にリリースされました。 Astro 2.0 – our most ex... 続きを読む

next.js の SSG は糞 - Diary

2020/11/07 12 users SSG diary ボク Next.js 方向性

next.js の SSG は糞 ぼくは next.js 結構好きでこのブログとかも next.js で作ってるんですが、最近の next.js の方向性にはちょっと危うさを感じています。 next.js は最近は静的サイトジェネレータ+αみたいな感じになっていて、サーバーサイドジェネレーションなる機能のサポートが入っています。 でもこれどう考えて... 続きを読む

ゲーム攻略メディア「神ゲー攻略」の記事配信システムを、五年の歴史がある SSG から二年の歴史がある lit-html による SSR にリプレイスした話 - VOYAGE GROUP techlog

2020/10/23 16 users SSG techlog 海老原 lit-html SSR

VOYAGE Lighthouse Studio の海老原 (@co3k) です。 ゲーム攻略メディア「神ゲー攻略」の記事は、これまで SSG (Static Site Generator; 静的サイトジェネレータ) を用いて構築、配信されていました。 このたび、従来の SSG を活用した記事配信の仕組みから、 SSR (Server Side Rendering) による仕組みにリプレイスして... 続きを読む

Azure App Service に Static Web Apps が登場！ - PaaSがかりの部屋

2020/05/19 5 users メインストリーム ホスティング PaaS Apps SPA

Microsoft Build 2020 で、Azure App Service の新たなオプションとして 静的サイトのホスティング を実現する Static Web Apps が発表になりました（執筆時点で Public Preview）。JavaScript で開発する Web フロントエンドのメインストリームである SPA（Single Page Application)）や 静的サイトジェネレータを使う ... 続きを読む

静的サイトジェネレータ「Hugo」と技術文書公開向けテーマ「Docsy」でOSSサイトを作る | さくらのナレッジ

2019/10/10 100 users Hugo ナレッジ CMS WordPress さくら

最近ではWebサイトを構築する際にWordPressなどのCMS（コンテンツ管理システム）を利用することが多いが、今日でも静的なHTMLファイルを使ったサイト構築には多くのメリットがある。今回は、こうしたHTMLファイルベースのサイト構築を支援するHTMLファイル生成ツール「Hugo」を紹介する。 静的ファイルでサイトを作るた... 続きを読む

React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita

2019/03/23 156 users Qiita GATSBY medium 基礎概念 サーバー

React Static とは Reactベースの静的サイトジェネレータです。 つまり、ブログのようなCMSベースのサイトが React＋αの知識で！ DBなしに！ サーバーの（大した）設定もせず！ 超高速表示に！ 作れる優れもの。 その中でもReact Staticは、Mediumで3,000clapを叩き出した記事 「2019年のReactジェネレータ」でもGatsby... 続きを読む

Reactベース静的サイトジェネレータGatsbyの真の力をお見せします - uehaj's blog

2018/12/26 48 users uehaj's blog GATSBY Qiita 利点 導入

Reactベース静的サイトジェネレータGatsbyの真の力をお見せしますという記事をQiitaに書きました。 「「爆速サイト」が必要ない場合でも得られるGatsbyの利点」などを書いています。 GraphQLは良いものだ。 導入 記事を書いた理由 「静的サイトジェネレータ」って何？ 一般的な利点 Gatsbyとは わたしの疑問 Gatsbyの特... 続きを読む

簡単にJavaScriptでSPAのブログを構築して公開できるライブラリ「CMS.js」を使ってみた！ - paiza開発日誌

2018/12/12 72 users SPA ライブラリ paiza開発日誌 jekyll 構築

どうも、まさとらん（@0310lan）です！ 今回は誰でも簡単にJavaScriptでブログなどを構築可能なCMSツールを実現するライブラリをご紹介します！ Jekyllなどの静的サイトジェネレータと考え方は似ていますが、こちらはサーバサイドスクリプティングが一切不要ですべての作業をフロントサイドで完結できるのが特徴です。 G... 続きを読む

php-contact-form - PHP製のシンプルなお問い合わせフォーム MOONGIFT

2015/11/10 27 users MOONGIFT サーバサイド PHP製 特定 用途

静的サイトジェネレータが人気ですが、それでも幾つかの機能においてはサーバサイドの仕組みが欲しいこともがあります。その一つがお問い合わせフォームではないでしょうか。しかしそのために全体をシステム化するのは面倒です。 そこでお問い合わせフォームだけ設置しましょう。そのためには特定の用途だけで使えるものが便利です。今回は日本製のphp-contact-formを紹介します。 php-contact-fo... 続きを読む

HubPress - Webから記事投稿も！GitHub APIを使った静的ブログシステム MOONGIFT

2015/03/01 35 users HubPress MovableType サーバサイド 特徴

ブログと言えばWordPressやMovableTypeといったオープンソース・ソフトウェアかはてなブログやLivedoorブログと言ったASPが選択肢になるでしょう。しかし最近ではOctoPressやJekyllといった静的サイトジェネレータを使うケースもよくあります。 今回紹介するHubPressも静的ブログジェネレータですが、サーバサイドの仕組みがなくともWeb上で記事の更新ができるのが特徴... 続きを読む

俺的フロントエンド開発

2015/02/26 142 users フロントエンド開発 CSSプリプロセッサ 変数 エディタ 少し

Transcript 1. 俺的フロントエンド開発 2015/02/26 2. • HTML/CSSプリプロセッサ • 静的サイトジェネレータ • JSフレームワーク • エディタ アジェンダ 3. HTML/CSSプリプロセッサ • HTMLとかCSSとか生で書くのが面倒くさい • 少しでもタイプ数を減らして書きたい • あわよくば変数とかループとか使いたい 4. HTMLプリプロセッサ • H... 続きを読む

静的サイトジェネレータがブームだと聞いて。 - Junnama Online

2014/03/18 19 users Junnama Online ブーム ブログツール CMS

静的サイトジェネレータ（Static Site Generator）まとめ - NAVER まとめ 一発目に引用されている記事(静的サイト生成という「古くて新しい手法」の復活 - モジログ)にて、 静的サイト生成という手法そのものは、CMSの初期から存在していた。ブログツールの走りだった初期「Movable Type」も、静的サイト生成型だった。しかしこの頃は、レンタルサーバが主体で、自前でCMS... 続きを読む

静的サイトジェネレータ「roots」を触ってみた | REFLECTDESIGN

2013/02/28 73 users Roots REFLECTDESIGN ジェネレータ 特長

個人的にこういうのを仕事で使う機会はまずないんですけど、小規模な静的サイトをさくっと作る場合に、こういうのが扱えるスキルがあると制作者的には色々とモテるんじゃないかと思います。まあジェネレータにも種類はあるわけですが、今回は「roots」を取り上げます。 roots公式サイトは以下から。 roots | where it all begins rootsとは？ rootsの特長を簡単に。公式サイト... 続きを読む