Site Generators A List of Static Site Generators for Jamstack Sites
开云平台(会员认证)-App Store 错误提示 很抱歉!您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
开云平台(会员认证)-App Store 错误提示 很抱歉!您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
静的サイトジェネレータを使ってサイトを作ってみたかったけど、StaticGenを見ても違いがイマイチわからなかったので、自分の気になる点で比較してみました。 比較したプロダクト Middleman Hugo Metalsmith Pelican 上記の4プロダクトを比較しました。 StaticGenで人気がありそうなものを中心に選定しましたが、自分が作りたいサイトはブログではない普通のサイトなので、ブログ作成に特化1していると書いているものは外しました(Jeykll, Octopress, Hexo等)。 なお、比較はすべてドキュメントやサンプルプログラムから読み取れる内容で行ったので、実際の挙動が違っていたらごめんなさい。 基本項目 プロダクト名 開発言語 コンテンツ
以前書いた「デザイナーも静的サイトジェネレーターが使えた方がよいのではないか」の記事が最近よく見られているので、追い記事を書いてみようかと思います。 静的サイトジェネレーターはお客様サイトに使えるのか 前回記事で紹介したように、このブログは「middleman」というツールを使って静的サイトとして運用しています。なので、ファイルも HTML / CSS / JavaScript のみとシンプルです。 静的サイトのメリットは、CMS で必要な DB や サーバ側のシステムがいらず、セキュリティリスクが少ないことと、実体のあるファイルを読み込むため動的サイトよりも早いことです。 また、一定のスキルと知識があってターミナルを使うことに抵抗のない Web デザイナーさんであれば、静的サイトを構築する様々な便利ツールがあるので難しくはありません。 ただこれだと、お客様に静的サイトジェネレーターなどを
Wordpressで始めたブログを管理画面がいらないという理由で静的サイトジェネレータのmiddlemanに乗り換えて早3ヶ月。CMS案件やWebアプリケーションのHTML/CSS制作にmiddlemanを使っていたのですが、ブログ機能はこの移行で初めて取り組みました。今回はこのブログ機能に絞って書いていきます。 というわけで、以下のような方におすすめの内容でお届けします。 middlemanを使ったことがある方middlemanでブログを作りたい方middlemanでのブログ初期設定をやろうとしている方なんとなく見てしまっているという奇特な方 ← どうもありがとうmiddlemanを初めて使う方は、まずは過去記事をご覧ください。 インストールからサーバーの起動まで ブログサイト制作するには、上記ページ内のmiddlemanを起動してみようのスケルトン作成の箇所に補足として記載している、$
お初にお目にかかります。鉛弾を敵の眉間にブチ込むゲームが好きなdkimuraです。 先月末に当ブログを、WordPressからMiddlemanへ移行いたしました。 その際にハマった/悩んだところをご紹介させていただきます。 移行の流れ WordPressから、記事データをXMLでエクスポートする エクスポートした記事データをMarkdownに変換 middleman-blogコーディング Github Pagesでホスティング 今回は太字になっている箇所で苦労したお話をさせていただだきます。 エクスポートした記事データをMarkdownに変換 既に記事移行用に、Rubyスクリプトが公開されていたのでForkして使用しました。 大半の記事は上手くMarkdownに変換できましたが、変換後の確認と調整は必要です。 salmansqadeer/wordpress-to-middleman ht
このように、すでに作成済みの Middleman プロジェクト内で Gemfile に middleman-blog を追加して blog テンプレートを指定して再度初期化を行うか、もしくは、以下のように blog テンプレートを Middleman と同じようにグローバルにインストールしておいて、プロジェクト作成時にそれを指定することでブログサイトの雛形を生成され、すぐに利用を開始することができます。 これで、source ディレクトリ以下に 2014-10-15-example-article.html.markdown などの記事ファイルを作成して bundle exec middleman とすると・・・ ブログが完成しました!!! Middleman を使うと、このようにすぐにブログを作成することができます! 読んでくれてありがとうございました! ・・・って、いやこの見た目じゃち
静的サイトジェネレータの一つであるMiddlemanを使う機会があったのでメモ。 Jekyllやら、Octpressやら、黒い画面を使わない(らしい)Phestやら色々ありますが、今回はなんとなくMiddlemanにしました。 Rubyの記法も何となく覚えられるので一石二鳥…なのだろうか。 Middlemanについて RubyのフレームワークのSinatoraベースで作られていて、ERBだけじゃなくてHAMLやらSlimやらStylusやらSASSやらCofeescriptやら色々対応しているみたいです。 この辺りは他の静的ジェネレータでも恐らく一緒でしょうか?(使ったこと無いので分かりませんが…) YAMLベースでテンプレート側に変数を渡す事が出来るので、プログラマブルに構築する際は結構便利な気がします。 ちなみに、インストールから初期設定については日本語ドキュメントが充実していて、公式
Web アプリケーション開発の初期段階においては、そのアプリのモックアップをよく作ったりします。いわゆるプロトタイピングというヤツですね。本実装となるともちろんサーバーサイドは Java や PHP などで実装し、それに伴ってフロントエンドもそれらのプログラミング言語によるテンプレートエンジンをベースに HTML で作り上げる訳です。しかしプロトタイピングの段階ではそういったプログラミング言語に頼ることなく、HTML だけで一通りの静的な Web ページを作ることになります。 実はこのモックアップ作成という名のプロトタイピング、HTML だけで作るという理由からかなりの重労働だったりします。画面数の少ない小規模な Web アプリケーションであればどうってことないですが、業務系の Web アプリケーションとなると10画面、20画面は当たり前。時には40画面以上にも及ぶことも少なくありません。
おぐらです。 このブログは、Middlemanを使って生成した静的コンテンツをAmazon S3にアップロードし、S3 Static Website Hosting機能を使ってWebサイトとして配信しています。 今回は、この構成を実現するための手順として、 コンテンツをS3にアップロードするmiddleman-syncの導入 S3 Static Website Hostingの設定 について解説します。 既にMiddlemanでサイトを運用している場合、1時間ほどでS3での独自ドメイン運用ができるようになると思います。 S3 Static Website Hostingとは何か S3には静的なサイトをホスティングする「Static Website Hosting」という機能があり、Bucket毎のWebsite Hosting設定を行うことで、Bucket内にアップロードしたファイルに以下
Rubyで作られた静的サイトジェネレーターとして人気があるMiddlemanのミートアップがEngine Yardオフィスで開催されました。 私自身は当日参加できませんでしたが、ストリーミングと録画を仕掛けておいたので簡単にレポートしようと思います。 Tokyo Middleman Meetup #2 - connpass Tokyo Middleman Meetup#2 - an album on Flickr Tokyo Middleman Meetup #2 で発表してきた - ja.ngs.io 【Middleman】Tokyo Middleman Meetup #2 でLTさせていただきました。 | Developers.IO Thomas さんによる講演 "Middleman Past, Present & Future" 今回、来日したThomasさんによる講演はMiddle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く