[B! Static Site Generators] akira_maruのブックマーク

静的サイトジェネレータHugoがSass（SCSS）対応（pipeline） - はるなぴログ

静的サイトジェネレータHugoがSass（SCSS）に対応（pipeline）とのことです。 gohugo.io ずっとHugoを追いかけてきています。最近はサイトを作らずニュースだけの追いかけですが… Hugoの進化が早いのでニュースの追いかけだけでもなかなか大変です。早くサイトを作ってみたいと思っています。 Sassとは HugoがSassに対応すると何がいいのか？ SassファイルもLiveReloadさせることが可能にいつの間にかminifyにも対応していました Sassとは CSSをもっと簡単に書きたい。繰り返し同じことを書くのではなくもっと単純化して書きたい。このような要望を満たしてくれるのがSassでありSCSSです。SassとSCSSは記法が若干違います。 Sass記法やSCSS記法で書いたものをコンパイルすることでCSSファイルが出来上がります。 Sass記法を具体的

akira_maru 2018/07/11

リンク

なぜ静的サイトジェネレーターが最強なのか

もはや我々WEBコーダーにとって必需品と言える静的サイトジェネレーター。Dreamweaverから始まったその系譜は静的サイトジェネレーターへと受け継がれた。そのメリットは一部のサーバーサイドCMSすらも駆逐し、すでにデファクトスタンダードとなりつつある。使っていますか？静的サイトジェネレーター。私は常に「HUGO」を立ち上げていて、仕事のコーディング、Markdownドキュメントの整理、ブログ等、HTMLが関わる作業は全て静的サイトジェネレーターでこなしています。静的サイトジェネレーターを使っていなかった時代のことも振り返りながら、個人的に思うメリットを書いていきます。なぜ静的サイトジェネレーターが必要なのか HTMLコーディングには2つの壁があります。共通パーツの分割ヘッダーやフッターなど、全ページにまたがる共通の記述は別ファイルに分割して管理したいですよね。しかしHTML

akira_maru 2018/05/17

リンク

Hugo :: A fast and modern static website engine

Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.

akira_maru 2018/04/16

Static Site Generators

リンク

WordPressの代わりになる！2018年注目の静的サイトジェネレーター6選

WordPressを使ってブログサイトやホームページを作成しているひとは多いかもしれません。しかし、もしあなたにプログラミングの知識が多少なりともあって、SEO上も有利にしたいのであれば、静的サイトジェネレーターを使ってみるのはいかがでしょうか。静的サイトジェネレーターを使えば、データベースが不要になり、一般的にページの読み込み速度も上がるとされています。汎用的に使えるものからシンプルに使えるものまで幅広く存在するので、用途にあったものが選べます。そこで今回は、2018年に注目の静的サイトジェネレーターを、概要を中心にご紹介していきます。サンプルコードなどは、参考として挙げているページをご覧ください。静的サイトジェネレーターとは？静的サイトジェネレーターとは、Markdownなどで書かれたファイルをもとに、静的なコンテンツのテンプレートだけでビルドを行いサイトを作成するためのWe