HTML to Haml コンバーター

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

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

🚀 358,888 合計変換 (10 今月)

このツールとは?

この無料のオンラインコンバーターは、HTMLとERB(Embedded Ruby)テンプレートをクリーンで読みやすいHamlコードに即座に変換するのに役立ちます。Ruby on Rails開発者がビューを簡素化し、モダン化したい場合に最適です。

使い方

  1. エディターにHTML+ERBコードを貼り付けるか入力します。
  2. 変換をクリックしてHamlを生成します。
  3. 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