ITエンジニア/デザイナ向けにオープンソースを毎日紹介

技術 - 静的サイトの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

None

  • 2017/09/22

Scotty.js - コマンド一つでS3/CloudFrontへのアップロード

簡単なWebサイトや静的サイトをAmazon S3上で公開するケースが増えています。さらに表示を高速化したり、SSL/TLSを使うためにCloudFrontを使うケースも増えています。しかしそのアップロード法は今なおFTP並のやり方のことも多いでしょう。そこで使ってみたいのがScotty.jsです。コマンド一つでアップ...

List

  • 2016/12/13

katatema - Reactを使った小さな静的サイトジェネレータ

Reactを使うとなんとなくシステムが大事になってしまう雰囲気があります。そのため、大型なWebアプリケーションでないと使うのを控えてしまうでしょう。もっと手軽に小さなツールでも使えると便利なはずです。そこで使ってみたいのがkatatemaです。Reactを使った静的サイトジェネレータです。## katatemaの使い...

None

  • 2016/12/02

JBake - Java製の静的サイトジェネレータ

ここ数年、静的サイト構築ソフトウェアが多数出てきています。その多くがMarkdown記法で記述してHTMLに変換します。RubyのJekyllやOctopressなどが有名です。多くはスクリプト言語で作られていますが、今回はJavaで作られたJBakeを紹介します。## JBakeの使い方JBakeのインストールはSD...

List

  • 2016/07/16

AzerothJS - サーバサイドのコードを持たない静的サイトジェネレータ

GitHub Pagesを使えば手軽にWebサイトを公開できます。静的なコンテンツのみですが、ローカルでコンテンツを作ってアップロードするような使い方であればブログやプロジェクトサイトは十分に作れます。今回はそんな静的サイトを生成するAzerothJSを紹介します。シンプルな作りで、カスタマイズ性が高いのが特徴です。#...

List

  • 2015/12/23

Luapress - Lua製の静的サイトジェネレータ

静的サイトジェネレータは種類が増えましたが、その多くはnode.jsまたはRubyといった雰囲気があります。自分で拡張できることを考えると、普段使い慣れたプログラミング言語がいいという方も多いでしょう。もしあなたがLuaを得意としているならば、Luapressを使ってみましょう。pressとついている通り、静的サイト&...

None

  • Premium_s 2015/11/20

静的サイトを作ろう。立ちはだかる壁とその解決法

ここ数年、静的サイトジェネレータが人気です。種類が多すぎて把握しきれないほどです。生成されたHTML/JavaScript/CSSはそのまま共有サーバなりAmazon S3なりにアップロードすれば簡単にWebサイトを立ち上げることができます。しかし静的サイトを構築する中では幾つかの問題があるのも確かです。今回はその課題...

List

  • 2015/11/02

Exposé - 写真と動画に特化した静的サイトジェネレータ

写真や動画はデジカメ、スマートフォンの登場によって爆発的に増加しています。しかしせっかく撮った写真もそのまま放置していたら何の意味もなく、単なるストレージの肥やしになるだけでしょう。そこで大事になるのが見せ方になります。今回紹介するのはExposé、写真と動画に特化した静的サイトジェネレータです。## Exposéの使...

List

  • 2015/10/31

Sculpin - PHP製の静的サイトジェネレータ

今は数多くの静的サイトジェネレータがありますが、実装言語が違っていたりコンセプトが違うことで選択の余地があります。感覚的にRubyやnodeで作られたジェネレータが多いですが、言語に慣れていない方も多いでしょう。そこで今回はPHP製の静的サイトジェネレータ、Sculpinを紹介します。PHPが好みの方は使ってみてはどう...

List

  • 2015/09/26

Gatsby - Markdown×Reactによる静的サイトジェネレータ

静的サイトを作る時にはコンテンツを作ってリロードして表示を確認するのが基本です。その時、ライブリロードのような仕組みを使っていても基本は変わりません。SPA(シングルページアプリケーション)であれば一番上まで戻ってしまうでしょう。確認がだんだん面倒になっていくはずです。そこで使ってみたいのがGatsbyです。Markd...

List

  • 2015/09/07

lektor - Python製の静的サイトジェネレータ

最近は静的なWebサイトジェネレータが人気です。わざわざデータベースを用意するのが面倒だったり、静的なサイトであればAmazon S3や簡単なWebサーバ上にデプロイするのも簡単です。今回はそのためのソフトウェアlektorを紹介します。Pythonで作られた静的サイトジェネレータです。## lektorの使い方lek...

None

  • 2015/08/10

Stout – Amazon S3用静的サイトデプロイツール

Amazon S3には静的なファイルホスティング機能があります。個人的にはDevRelのサイト