HTML to Haml コンバーター
HTML/ERB を簡単に Haml に変換。クリーンで構造化されたコードを重視するRails開発者向けに作られました。
🚀 358,888 合計変換 (10 今月)
このツールとは?
この無料のオンラインコンバーターは、HTMLとERB(Embedded Ruby)テンプレートをクリーンで読みやすいHamlコードに即座に変換するのに役立ちます。Ruby on Rails開発者がビューを簡素化し、モダン化したい場合に最適です。
使い方
- エディターにHTML+ERBコードを貼り付けるか入力します。
- 変換をクリックしてHamlを生成します。
- Hamlの結果を即座にダウンロード、コピー、または共有します。
また、GoogleまたはGitHubでサインインして、変換履歴を保存し、後でファイルをダウンロードすることもできます。
なぜHaml?
Haml(HTML Abstraction Markup Language)は、Ruby用の空白に敏感なテンプレートエンジンで、Railsでよく使用されます。インラインHTMLをクリーンでインデントされた構文に置き換え、読みやすく、保守しやすくします。
Hamlの利点には以下があります:
- ERBに比べてクリーンで短い構文
- 読みやすさと保守性の向上
- Rails開発者のためのより高速なフロントエンドテンプレート化
Hamlは、多くのRubyショップや開発者によって、Unspace Interactiveを含む迅速なRails開発に使用されています。
詳しくは公式Hamlウェブサイトをご覧ください。
Haml構文の例
%section.container
%h1= post.title
%h2= post.subtitle
.content
= post.content
HTML+ERBとHamlの例
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>
Haml
!!!
%html
%head
%meta{ content: "text/html; charset=UTF-8", "http-equiv": "Content-Type" }/
%meta{ charset: "utf-8" }/
%body
%h1 Blogg
%p
Time:
\#{Time.now}
- Post.all.each do |post|
%article
%h2= post.title
%div= post.body