9

Rails アプリケーションに HTML5 ボイラープレートを追加するいくつかのアプリケーション テンプレート (および Rails gem) があります。そこで、 HTML5 Boilerplate for Railsの調査と分析をまとめました。HTML5 Boilerplate は、新しい Rails アプリにまだないものをあまり追加していないようです。便利なもの:

サンプルの human.txt ファイル

デフォルトのアプリケーション レイアウトの index.html ファイルの例

ビューポート メタタグ

Google アナリティクス スニペット

CSS 正規化、プレースホルダー CSS メディア クエリ、CSS ヘルパー クラスなどの CSS ヘルプがいくつかありますが、Skeleton、Twitter Bootstrap、Zurb Foundation などの CSS ツールキットを使用すると、それらすべてとそれ以上のものを取得できるようです。

最後に、HTML5 ボイラープレートには、IE 条件付きコメント、Modernizr、Chrome Frame など、IE6、7、および 8 をサポートする必要がある Web サイト用のコンポーネントが多数含まれています。しかし、私が IE6 をサポートしておらず、Twitter Bootstrap または Zurb Foundation を使用している場合、これらは必要ないと思います。

HTML5 Boilerplate は、多くのコミュニティからの意見が寄せられている優れたプロジェクトです。そのウェブサイトには多くの良いアドバイスがあります。しかし、Rails プロジェクトの場合は?

何か不足していますか？Rails アプリケーションの HTML5 ボイラープレートの価値は何ですか?

4

1 に答える 1

5

HTML5 ボイラープレートにはいくつかの異なる機能があり、通常は他のプロジェクトから借りてきます。

  • タイムアウトの設定、sendfile の有効化、gzipping、サーバーの有効期限などのためのサーバー構成ファイル。リポジトリには、いくつかの異なるサーバー (apache、nginx、node、lighttpd) 用にこれらのファイルのいくつかの異なるバージョンがあると思います。これらの設定ファイルはhttps://github.com/h5bp/server-configsにあります。私の理解では、Rails にはこれに相当するタイプはありません。

  • また、ブラウザー内の HTML5 および CSS3 機能をチェックし、クラスを<html>タグに追加して、スタイルシートまたは JavaScript 内で利用できるようにする Modernizr のカスタム ビルドも付属しています。これにより、使用しようとしていた機能がブラウザーでサポートされていない場合に、フォールバック スタイルまたはインタラクションを使用してブラウザーをターゲットにすることができます。border-imageCSS の 1 つの例は、広くサポートされていないようなものです。border-image:それを使用できるブラウザーを申請し、HTML5Boilerplate が提供するクラスを使用する他のブラウザーを申請することができます(html.no-borderimage) バックアップ スタイルを提供します。JavaScript からこれらのクラスをチェックして、ブラウザーが必要としない (または応答できない) コードでブラウザーをターゲットにしていないことを確認することもできます。Rails には、すぐにこれを行うための内部的な機能はありません。

  • Respond.js は Modernizr にもパッケージ化されており、まだサポートされていないブラウザーでメディア クエリをサポートできます。IE6 を対象としていないとおっしゃいましたが、IE7 と IE8 はメディア クエリをサポートしておらず (モバイル ブラウザーもかなりの量をサポートしていません)、Respond.js がそのサポートを提供します。Railsには、これを処理するための組み込み機能もありません。

  • Modernizr はyepnope.jsに依存して外部をロードするため、それも利用できます。このライブラリを使用すると、機能をテストし、そのテストの結果に基づいて特定のスクリプト/スタイルを読み込むことができます。これは、一部のブラウザのみが必要とするファイルを取り込む場合に役立ちます。Rails はこれを行いません。

  • PNG の修正。IE6 をサポートしていない場合、おそらくこれは必要ありませんが、レガシー ブラウザ用のいくつかの png 修正がパッケージ化されています (咳IE6)。Rails は、フロント エンドでこの種のことを単独で処理することはできません。

最終的には、HTML5 ボイラープレート全体を取り込まなくても、必要な部分を取得してアプリケーションに取り込むことができます (fwiw、それは私が通常行っていることでもあります)。とはいえ、あなたの質問は「HTML5 Boilerplate は Rails アプリケーションにどのような価値をもたらしますか?」ということです。答えは「たくさん」です。これは、これらのツールが何をしているかに基づいて役立つかどうかによって異なります。HTML5 ボイラープレートは、必ずしも Rails とオーバーラップするわけではありません。

HTML5 Boilerplate Docsで、機能の完全なリスト、コーディング スタイルの推奨事項を取得できます。

また、Rails 開発者向けの HTML5 Boilerplate にも興味があるでしょう。

于 2011-10-29T18:03:02.837 に答える