Railsアプリケーションとのその後の統合のために、通常どこでページをレイアウトしますか？ htmlファイルを含む別のリポジトリにあるのか、それともすぐにレールにあるのか-特別な場所にあるのか 長い単語とテキストでレイアウトをテストしますか？ テキスト（長）を使用してレイアウト要素のさまざまな表示オプションをチェックしますか？ rails_ui_kit gem-railsアプリケーションでレイアウトを整理するための小さなツールと、それを実際の本番アプリケーションの開発にどのように使用する必要があるかについて話して、これらの問題について簡単に説明します。
このgemを書いてさまざまなプロジェクトで使用するというアイデアは、hashrocketブログからいくつかの投稿を読んだ後に生まれました（
「UIコントローラーによるデザインハンドオフの管理」 、
「UIコントローラー、パート2：フェイクイット」 、
「UIコントローラー、パート3： UIヘルパー " ）。
gemの機能について簡単に説明します。
- Railsアプリケーションスタックで直接タイプセットする機能。これにより、テンプレート、テンプレート、その他のグッズ（haml、sass、compass、coffeescriptなど）を操作する絶好の機会が提供されます。
- すべてのレイアウトレイアウトのリストは個別のページに表示されます。各レイアウトには独自の個別のページもあります。
- コンテンツプレースホルダーとしてレイアウトで使用するヘルパーのセットがあります（さまざまなloremヘルパー）。
現時点では、gem
には最小限のヘルパーセットがあり 、ほとんどの場合、ほとんどのプロジェクトで使用する必要があります。 これらの
ヘルパーの詳細については、
hashrocketブログを
ご覧ください。 UiHelperモジュールを拡張するか、独自に追加することにより、必要なヘルパーを自分で追加できます。
すべてのレイアウトのリストに関して、app / views / uiからのファイルはデフォルトでリンクとして表示されます。 作業しなければならないプロジェクトの1つで、このリストをわずかに変更し、多数のレイアウトのナビゲーションを簡素化するためにカテゴリに分類しました。
レイアウトのリストへのアクセスはデフォルトでは閉じられていません。これ
を覚えておく必要があります。いくつかの方法を使用できるため、gemは開発者の好みに任されています。
さらに、プロジェクトの1つで使用した追加のヘルパーの例を示します。
- ユーザー名が長いヘルパー（Konstantin Konstantinovich Konstantinopolsky）;
- さまざまな価格値のヘルパー（1000 RUB、100 000 RUB、1 000 000 RUB、999 000 000 RUB）;
- パン粉のloremヘルパー。
- selectタグのlorem値ヘルパー。
一般的に、多くの異なるヘルパーを思い付くことができますが、それはすべてプロジェクトとその使用頻度に依存します。
説明した機能に加えて、実際の運用アプリケーションを開発するときにこのツールが提供したいくつかの利点に注目したいと思います。
- レイアウトはプロジェクトから離婚されていないため、ほとんど常に関連しています。 欠点を修正する場合、レイアウトとこのレイアウトの実際のページの両方がすぐに関連します。
- ステージングサーバーなどの1つのアプリケーションでチームのレイアウトを確認すると便利です。
- 開発者は、他の場所でHTMLからレイアウトを変換する必要はありません。 ほとんどの場合、レイアウトコードをコピーして実際のデータを入力するだけで済み、時間を節約できます。
- プロジェクト内のすべてのアセットは、すぐに使用できる単一のコピーになります。
gems rails_uit_kitがあなたの興味を引き、便利になってくれたら嬉しいです。 また、gemを改善するためのフィードバックやアイデアを受け取ることも嬉しく思います。
リポジトリページは
github.com/puffy/rails_ui_kitです。使用方法について詳しく説明します。