HTML to Haml コンバーター

HTML/ERB を簡単に Haml に変換。クリーンで構造化されたコードを重視するRails開発者向けに作られました。

タグ一覧: erb haml html コードを変換テンプレートコンバーターレールズ

サンプル

🚀 358,911 合計変換 (33 今月)

📚 あなたのために選ばれたおすすめコース

このツールとは？

この無料のオンラインコンバーターは、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