ECのウェブ担当者のメモ

ECサイトを運営管理している、WEB担当プログラマのメモ

スポンサーリンク

簡単にhtmlやerbのソースをslimに変換(コンバート)する方法

ここ最近、erbを使うのをやめてslimに移行してきているのですが、 既存のerbに手を入れる時に、まずslimになおしてそれから、改修コードを入れるみたいな作業が発生していました。

もっと早く調べればよかったんですが、すでにhtmlやerbからslimに変更するツールがが存在するんですね。 その紹介です。

テキストベースの場合

まずテキストベースの場合です。
サイト上の誰からのコードをslimに変更した時に便利なのがこちらです。

erb2slim.com

f:id:jun9632:20160311124024p:plain

HTML部分にソースを書いて(貼り付けて) [COMVERT]ボタンをクリックすると 右側に変換したコードを表示してくれます。

最高に楽ちんです。

既存ソースの場合

次にすでに、erbファイルがあるけど、一括でslimに変更したい時パターンです。

github.com

まずこちらのGem をインストールします。

$gem install html2slim

そうすると、コンバーターがコマンドから使える様になります。

erbからslimに変換

$erb2slim -h
Usage: erb2slim INPUT_FILENAME_OR_DIRECTORY [OUTPUT_FILENAME_OR_DIRECTORY] [options]
        --trace                      Show a full traceback on error
    -d, --delete                     Delete ERB files
    -h, --help                       Show this message
    -v, --version                    Print version

使い方としては、ファイル指定で変換する方法とフォルダごと一括で変換する方法があります。 使い方は以下の様になります。

ファイル指定の場合

erb2slim app/views/home/index.html.erb app/views/home/index.html.slim -d

ディレクトリ指定の場合

erb2slim app/views/home/ app/views/home/ -d

-dオプションで、元々のerbファイルを削除します。 元ファイルを残しておく場合は、-dオプションが不要です。

htmlからslim

html2slimコマンドを使います。

基本的には、erb2slimと同じです。

$ html2slim -h
Usage: html2slim INPUT_FILENAME_OR_DIRECTORY [OUTPUT_FILENAME_OR_DIRECTORY] [options]
        --trace                      Show a full traceback on error
    -d, --delete                     Delete HTML files
    -h, --help                       Show this message
    -v, --version                    Print version

まとめ

感謝感謝。かなり便利です。

関連記事

marketing-web.hatenablog.com

改訂3版基礎 Ruby on Rails (KS IMPRESS KISO SERIES)

改訂3版基礎 Ruby on Rails (KS IMPRESS KISO SERIES)