2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

SlimとSassの静的サイトジェネレーター、RTramを作ったよ

Last updated at Posted at 2022-05-24

RTram(あーるとらむ)はLPなどの静的なWebページ作成で、Ruby on Railsのエンジニアに馴染み深いSlimとSassを使いやすくするためのツールです。

Rubyの構文とシンプルな記法でHTMLを表現できるSlimと、CSSをメンテナンスしやすく書けるSassを使って、高速にWebページを作成することができます。インストールは次の通りです。

$ gem install rtram

RTramはSlimとSassをHTMLとCSSに変換しながらlocalhostでホスティングするサーバーを提供します。
RTramのバージョン1.0.0ではプロジェクトディレクトリを作るコマンドとサーバーを起動するコマンドだけがあります。
プロジェクトディレクトリは次のような構成です。

  • slim: 変換の対象となる.slimファイルを置くディレクトリ
  • sass: 変換の対象となる.scss、.sassファイルを置くディレクトリ
  • output: Slimから変換されたHTMLが出力されるディレクトリ
  • output/css: Sassから変換されたCSSが出力されるディレクトリ

この構成のプロジェクトディレクトリは次のコマンドで作成することができます。

$ rtram new PROJECT_NAME

サーバーを起動する時は、プロジェクトディレクトリ内、またはプロジェクトディレクトリのpathを引数に渡して次のコマンドを実行します。

$ rtram s [project directory's path] 

サーバーの起動直後に最初の変換を行い、後はファイルの保存時に変換されます。outputディレクトリがサーバーのドキュメントルートになっており、 http://localhost:5000 で確認することができます。
使い方の説明としては以上です。

今後の展望としてはTypeScriptの変換とかもやるかもです。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?