ゼロランタイムのミニマルな静的サイトジェネレーター『dodai』の開発と JSX First な世界観について

2023/01/26 49 users npm ミニマル potato4d kyoto.js 開発

ゼロランタイムのミニマルな静的サイトジェネレーター『dodai』の開発と JSX First な世界観について2023/01/27 本記事では来たる2/3のKyoto.js #18に備え、年末年始に npm パッケージとして公開した『@potato4d/dodai』という静的サイトジェネレーター(以下SSG)について紹介します。なお、開発にあたって本ブログも @nu... 続きを読む

Webサイトやブログを高速化、PWA対応！静的サイトジェネレーターの導入方法を詳しく解説した入門書 | コリス

2020/05/29 15 users コリス React GatsbyJS Pwa メタデータ

これからのWebサイトに求められる要件「高速化」「メタデータ」「PWA」などに対応するための一つの答えが、静的サイトジェネレーターだと思います。Reactベースの静的サイトジェネレーター「GatsbyJS」で、Webサイトやブログを構築する手順を詳しく解説した入門書を紹介します。 ReactやJavaScriptに自信が無くても、非... 続きを読む

MDX eXtended = MDXX | AMP対応 Markdown Compiler と静的サイトジェネレーター - mizchi.dev

2020/05/05 14 users mizchi.dev

by mizchi 最近作っている mdxx という markdown コンパイラとそのツール郡を紹介します。 GitHub はここ mizchi/mdxx このサイト自体も、 mdxx-ssg というツールで作られています。 ゴールをどこに設定したか パフォーマンスを突き詰めると、ブログは静的サイトジェネレータで AMP 対応するのが一番と考えた next.js/SS... 続きを読む

Reactの最強フレームワークGatsby.jsの良さを伝えたい！！ - Qiita

2019/12/01 27 users Qiita React Problem Markdown 生成

Help us understand the problem. What is going on with this article? Gatsby.jsって？ この記事はGatsby.js Advent Calendar 2019 1日目の記事です。 Gatsby.jsはReactで作られた静的サイトジェネレーターです。内部的にGraphQLを用いてデータを取得し、markdownからHTMLを生成、などの処理を簡単に行うことができま... 続きを読む

クライアントサイドに基づいたWeb開発アーキテクチャ「JAMstack」がなぜ人気になっているのか | コリス

2019/11/05 60 users クライアントサイド JamStack コリス 元ザ 翻訳記事

静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMstack」です。JAMstackとは何なのか、なぜJAMstackが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サ... 続きを読む

WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA

2019/04/15 1007 users ICS MEDIA 爆速 見栄え WordPress プレス

ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代... 続きを読む

VuePress をお試ししてみた - Qiita

2018/04/16 76 users Qiita GATSBY シンタックスハイライト Pwa 解釈

VuePress とは VuePress Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 ... 続きを読む

MkDocsでマテリアルデザインなMarkdownドキュメントサイトを作ろう - syonx

2018/03/09 47 users Markdown マテリアルデザイン Google もと

2018 - 03 - 09 MkDocsでマテリアルデザインなMarkdownドキュメントサイトを作ろう MkDocsとは MkDocs とは、 Markdown をもとにドキュメントサイトを構築する 静的サイトジェネレーターです。 Material for MkDocs とは、 MkDocs のテーマの１つであり、 Google が提唱しているマテリアルデザインを反映したものです。 このテーマ... 続きを読む

PythonとNode.jsで作られたオープン・ソースの静的サイトジェネレーター「Lektor」のMac用アプリがリリース。

2016/01/01 67 users Python node.js リリース Mac用アプリ

Armin Ronacher @mitsuhiko Does the world need more static file generators? Yes. Introducing Lektor: a Static File CMS for Python. https://t.co/RmfNb3bQfP 2015/12/22 00:41:42 Lektor CMS @getlektor We p... 続きを読む

静的webサイト作成の強い味方「Middleman」【前編】 | dwango creators' blog

2015/12/11 76 users Middleman dwango creators 味方

はじめまして、chiiです。 以前はフロントエンドエンジニアっぽいことをしていましたが、今年のはじめからデザイナーとしてバナーやLPを作るお仕事をしています。 今日はヘッダーなどの共通パーツを部品化して、使い回すことができる静的サイトジェネレーターの 「Middleman」 を紹介したいと思います。 今回はその導入編です。 Middlemanが解決してくれること いきなり紹介に入る前に、どんなこと... 続きを読む

黒い画面不要！デザイナ向け静的サイトジェネレーター「Phest」を公開しました

2013/12/03 197 users フエスト GitHubリポジトリ ChatWork CTO

こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ »PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？ 静的サイトジェネレーターとは、テンプレートなどプログラム的... 続きを読む