HTML to Slim Converter
HTML/ERBを簡単にSlimに変換します。クリーンで構造化されたコードを重視するRails開発者のために作られました。
🚀 390,762 合計変換 (767 今月)
🚀 これらのコースでスキルをアップしよう
Loading...
このツールとは？
この無料のオンラインコンバーターを使用すると、HTMLとERB（Embedded Ruby）テンプレートを瞬時にクリーンでミニマルなSlimコードに変換できます。Ruby on Rails開発者がビューをモダン化し、簡素化するための優れた選択肢です。
使い方
- エディターにHTML+ERBコードを貼り付けるか入力します。
- 変換をクリックしてSlimコードを生成します。
- 生成されたSlimをすぐにダウンロード、コピー、または共有します。
また、GoogleまたはGitHubでサインインして、変換履歴を保存し、後でファイルをダウンロードすることもできます。
なぜSlimなのか？
Slimは、インデントを使用してHTMLタグを置き換える高速で軽量なRubyテンプレートエンジンです。クリーンな構文と読みやすさの向上により、Railsアプリケーションで広く使用されています。
Slimの利点には以下があります：
- ミニマルで空白駆動の構文
- 入力する文字数が少なく、開発が高速化
- 複雑なビューの保守性が向上
SlimはTempleとTiltによって動作しています。美しいクリーンなビューを求めるRails開発者に人気の選択肢です。
詳しくは公式Slimウェブサイトをご覧ください。
Slim構文の例
doctype html
html
head
title Slimの例
meta name="keywords" content="template language"
meta name="author" content=author
javascript:
alert('Slimは埋め込みJavaScriptをサポートしています！')
body
h1 マークアップの例
#content
p これは基本的なSlimファイルがどのように見えるかを示す例です。
== yield
- unless items.empty?
table
- items.each do |item|
tr
td.name = item.name
td.price = item.price
- else
p
| アイテムが見つかりません。インベントリを追加してください。
div id="footer"
= render 'footer'
| © #{year} #{author}
HTML+ERB vs Slimの例
HTML+ERB
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>Blogg</h1>
<p>Time: <%%= Time.now %%></p>
<%% Post.all.each do |post| %%>
<article>
<h2><%%= post.title %%></h2>
<div><%%= post.body %%></div>
</article>
<%% end %%>
</body>
</html>
Slim
|
html
head
meta[charset="utf-8"]
body
h1 Blogg
p
| Time:
= Time.now
- Post.all.each do |post|
article
h2 = post.title
div = post.body