BT

Ratchetが真のフレームワークに,新たなホスト先も

| 作者: Burke Holland フォローする 1 人のフォロワー , 翻訳者 吉田 英人 フォローする 0 人のフォロワー 投稿日 2014年4月13日. 推定読書時間: 4 分 |

原文(投稿日:2014/04/07)へのリンク

モバイルアプリのプロトタイピングツールRatchetが拡張されて,完全なアプリケーションフレームワークになった。今回リリースされたバージョン2.0.2は,SASS CSSプリプロセッサを使用するように(バージョン1から)完全に書き直されている。オーバーホールに合わせて,既存のBase Ratchetテーマに加え,iOSとAndroidの2つのスタイルがサポートされた。"Ratcheticons"という新しいアイコンフォント,さまざまなテーマを示すための3つのサンプルアプリケーションも新たに提供される。ドキュメントも新リリースに合わせてオーバーホールされた。さらにはプロジェクトそのものも移動して,GitHubのBootstrapフレームワークの一部になっている。

Ratchetはもともと,TwitterのiOS用ネイティブアプリケーション用のHTML/CSSプロトタイプのセットとしてスタートした。それらプロトタイプが開発プロセスにおいて非常に重要であることに気付いた開発チームは,モバイル用プロトタイプキットとしてオープンソース化することを決定した。するとすぐに,Ratchetが単なるモバイルプロトタイプ構築に留まらず,本格的なモバイルアプリケーションの構築に適していることが明らかになったのだ。

当初のRatchetはプレーンなCSSで記述されていたが,バージョン2.0.2ではSASSプリプロセッサ言語を使用するように変更されている。開発者のひとりであるConnor Sears氏はこの書き直しについて,"プリプロセッサの柔軟性"を求めた結果だと述べている。またSASSを選択した理由については,単にもっとも慣れていたからだ,と説明している。なおBootstrapプロジェクト自体(現在はRatchetもその一部である)では,CSSにLESSプリプロセッサを使用している。

Ratchetはもともと,CSSを微調整するためのスタイルをひとつしか持っていなかった。これが3つになり,複数のフォームファクタをサポートできるようになった。オリジナルのBaseスタイルは引き続き存在するが,iOSとAndroidの各スタイルが追加され,それぞれのオペレーティングシステムへの適応性が向上している。これは基本的にはスタイルのみに関係するものだが,Popoverなど一部のコンポーネントは,プラットフォームによって挙動に大きな違いがある。

Ratchetは,プラットフォームやブラウザの観点からCSSを使って,具体的に何かを成し遂げようとするものではない。目標とするのはシンプルさを維持すること,理解と実装をより容易にすることだ。

新しいRatcheticonsアイコンフォントには,45の一般的なアプリケーションアイコンが含まれている。これらはHTMLの仮想エレメント(Pseudo-element)を使って表示する。例えば歯車のアイコンは,単純なspanとCSSクラスを使って表示できる。

<span class="icon icon-gear"></span>

歯車アイコンのクラスには,:before仮想エレメントで表示されるフォント文字を指定するUnicodeが含まれている。

.icon-code:before {     content: '\e812'; }

改訂版のRatchetのドキュメントでは,3つの本格的なアプリケーション例が公開されている。これらの例を使って,開発者のモバイルデバイス上でRatchetをテストすることができると同時に,新たなアプリケーション開発時の出発点としての利用も可能だ。Ratchetには今のところ,Movie Finder(Baseテーマ),iOS Mail(iOSテーマ),Android Notes App(Androidテーマ)というサンプルプログラムがある。

さらにRatchetは,BootstrapのGitHubレポジトリに移動された。 Sears氏はこの移動について,"Ratchetはかねてから,Bootstrapの’弟分’というべき存在でした。ですからBootstrap orgへの移行はごく自然なものだと思います。"と説明している。またRatchetをBootstrap orgに移動はしたが,"統合"される計画はないことも強調する。"私たちは今後も,(RatchetとBootstrapという)2つのCSSアーキテクチャを同等に扱っていくつもりです。基本としてはBootstrapに慣れた人たちに,RatchetのCSSの使用に慣れて頂きたいですね。"

Ratchetの人気はGithubでも急上昇していて,7,900以上のスターを集めている。 これに対して,Bootstrap自体のスター数は66,000以上だ。プログラムはRatchetの公式サイト,あるいはtwbs/Githubディレクトリからダウンロードできる。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT