-サーバ連携方法、オープンソースの使い方など様々なCurlの実際のソースコードの記述方法が集約されています。2011その2:Curlの凄いところ!「エラスティック(Elastics)」とCaedeへの適用こんにちは。マーケティングの三野です。前回はCurlの歴史や各プロダクトの概要を説明させてもらいましたが、今回はCurlの凄いところの第一弾として「エラスティック」についてお話させていただきます。Curlのエラスティックって?デスクトップアプリケーションやブラウザアプリを作った人であれば経験していると思いますが、アプリケーションを作る上でまず、前提となってくるのが、「ディスプレイサイズ」があるかと思います。多くのシステムではある特定のディスプレイサイズを想定し、固定比率の画面サイズでアプリケーションを開発してきたかと思います。Webブラウザになった途端にユーザーはディスプレイのサイズを自由に変更するようになりました。ディスプレイ自体のサイズも様々なサイズが使われるようになってきました。なると固定サイズでアプリケーションを提供すること自体に価値は全くありません。そこでCurlですが、Curlには「エラスティック(Elastic)」というレイアウトシステムを持っております。このエラスティックは米国で特許を取得しております。このエラスティックはディスプレイやウィンドウサイズに柔軟に伸長圧縮し、また、内部のグラフィカルなオブジェクトも親のグラフィカルオブジェクトのサイズに追随して伸長圧縮するという技術です。言葉ではわからないと思いますので下図を見てください。圧縮した場合どうですか?このようにサイズ変更に対し、自動的にレイアウト変更を行い、伸長圧縮することができます。この実装は非常に簡単です。基本的には何もする必要はありません。サイズを決定するwidthやheightの設定に何も設定しないか、もしくは{make-elastic}プロシージャやadd-stretchプロシージャを設定しておくだけです。ちなみにmake-elasticプロシージャには比率を設定するためのオプションなどさまざまあります。詳しくはCurlドキュメントをご覧ください。エラスティックとページレイアウトhttp://developers.curlap.com/curl/docs/r...ayout.htmlCaedeによるモバイルの場合はどうなるの?さて、今度はモバイルのお話に入ります。モバイルのディスプレイサイズっていくつですか?Android?iphone?タブレット?はたまたXperiia?Galaxy?・・・・うーん、サイズって決められないですよね。モバイルでは縦に使ったり横に使ったりしますよね。いうことで、PCならまだユーザーは我慢できたとしても、モバイルでは端末が違うとレイアウトが崩れるなんてことは絶対に許されないと思います。そこでCaedeですが、ベータではまだ装備されていませんが、もちろん、エラスティックは適用されますよ!!以下は今開発中のCaede0.8.1での変換後のテストサンプルですが、こんな感じになっています。