<![CDATA[Curl Global Community - Marketing blog]]> https://communities.curl.com/ Sat, 09 May 2026 17:13:34 +0000 MyBB <![CDATA[レスポンシブWebデザイン]]> https://communities.curl.com/showthread.php?tid=892 Fri, 26 Apr 2013 05:38:27 +0000 https://communities.curl.com/showthread.php?tid=892 移りゆくメインデバイスの時代の流れにそって、CurlのWebサイトをスマートフォン対応いたしました。
そこで、去年とてもバズったレスポンシブWebデザインを取り入れてみました。






以下はその実装するにあたり、私がぶち当たった壁です。
  • 構築時間が莫大にかかる

  • IE8以下では未対応

  • 画像の問題

  • あらゆるデバイスでテスト
など、他にもたくさんありますが、大きくはこんな感じです。

余談：
先日インフラ担当が「さくっとレスポンシブWebデザインでペラページを作る」と言ってましたが、次の日は「難しくて、想像していた以上に時間掛かって大変だった」とコメントしてました。



レスポンシブWebデザインとは・・

デバイスごとにデザイン制作するのではなく、ディスプレイのサイズに合わせてデザインを最適化する方法
CSS3のMedia Queriesを使用してディスプレイサイズに応じてデザインを変更します。



1. 構築時間が莫大にかかる


レスポンシブWebデザインのもっとも大きな問題は、デザイン構築時間の長さです。


まず、スマートフォン対応ということで、ジェスチャーを前提としたデザインを意識しないといけません。
タッチデバイスである事を意識し、ナビやバナーを大きく、文字以外のエリア全体をクリッカブルにし、スマホとPCサイトでパーツを共通に・・・など

そして、リキッドレイアウト （Curlでは、エラ・・ナントカ？？でしたっけ？） でレイアウトを組んで、画面サイズの可変に対応させます。
ボックスや画像、マージンや余白などのサイズをパーセンテージで指定します。

画面サイズによってスタイルを切り替えるブレークポイント（境目のこと）は、480px 、768px などの2つが割と多かった気がしますが、今はもっとシンプルに、768px などの1つが主流になりつつあります。
これなら検証も（若干）楽ですね！

実際にWebサイトをレスポンシブWebデザインにするのは、通常のHTMLだけでレイアウトを組むよりも大変でした。
その上、既存サイトをレスポンシブWeb化にするということは、CSSで固定されていたwidthをパーセンテージに書き換えたり、リキッドには適さないレイアウトの対応など、余計な手間がかかり、一から制作するよりも時間がかかります。
まずワイヤーフレームを作り、レイアウト設計をきちんとして、もとのイメージ画像など流用してうまく流し込んで作っていくのがいいです。

フリーのフレームワークもたくさん出ているので、サイトの設計に合ったものを利用すればいいと思います。


2. IE8以下は未対応

IE8以下ではCSS3が使えません。
当然Media Queriesも使えないので、レスポンシブにならない上に、使えないセレクタなどもあって、レイアウトデザインに崩れが生じます。

対応策としては、IE用にスタイルシートを用意するか、jQueryなどのライブラリを使って対応します。



3. 画像の問題

PCサイズでの画像の解像度だと、スマートフォンには容量が大きく最適ではありません。
読み込みを考えると、スマートフォン用には小さい解像度の画像を表示させるのが理想です。

その解決策としては
  • JavaScriptを使う

  • サーバーサイドで対応する

  • APIで対応する

  • CSSで振り分ける
など

また、スマートフォン上で画像が拡大されると荒くなってしまうなどの問題も出てきます。



4. あらゆる環境でテスト

当たり前ですが、ちゃんと実装されているか、ほぼすべての環境を想定してテストを繰り返します。

ここでも以下の問題に直面します。
  • ブラウザをぐりぐり動かすのに手が疲れる

  • エージェントの切り替えがメンドクサイ

  • そんなたくさん実機ない

  • そもそも不具合があったりしてどうしようもない
これらをクリアしたのち、やっとGOサインがでて、ようやくリリースです。


――――――――――――――――――――――――――――――――――――――――――――


技術にうとい私には、CSSだけでマルチデバイス対応できるのはとても魅力的です。
ただ、IE対応や、魅力ある動きを実装するために、使うライブラリの数が必然的に増えていきました。
その都度、思うように動かなかったり、デバイスごとの挙動の確認がとても大変で （ 怒られたりしました。 ）

しかし難しく考えるのはやめて、多彩なフレームワークを活用し、この分野のさらなる技術の進化に期待して、積極的に取り入れてみればいいと思います。
またサイト全体でなく、ランディングページだけなど、ミニマルに使ってみてもいいかもしれません。


まとめとして
  • タッチデバイスへの対応は積極的に

  • レスポンシブWebデザインのご利用は計画的に
  • 使えるものは使って賢く効率的に　お互い助け合い自分にもまわりにも優しく






.jpg   iPhone-4-Template2.jpg (Size: 87.1 KB / Downloads: 2584) ]]> 移りゆくメインデバイスの時代の流れにそって、CurlのWebサイトをスマートフォン対応いたしました。
そこで、去年とてもバズったレスポンシブWebデザインを取り入れてみました。






以下はその実装するにあたり、私がぶち当たった壁です。
  • 構築時間が莫大にかかる

  • IE8以下では未対応

  • 画像の問題

  • あらゆるデバイスでテスト
など、他にもたくさんありますが、大きくはこんな感じです。

余談：
先日インフラ担当が「さくっとレスポンシブWebデザインでペラページを作る」と言ってましたが、次の日は「難しくて、想像していた以上に時間掛かって大変だった」とコメントしてました。



レスポンシブWebデザインとは・・

デバイスごとにデザイン制作するのではなく、ディスプレイのサイズに合わせてデザインを最適化する方法
CSS3のMedia Queriesを使用してディスプレイサイズに応じてデザインを変更します。



1. 構築時間が莫大にかかる


レスポンシブWebデザインのもっとも大きな問題は、デザイン構築時間の長さです。


まず、スマートフォン対応ということで、ジェスチャーを前提としたデザインを意識しないといけません。
タッチデバイスである事を意識し、ナビやバナーを大きく、文字以外のエリア全体をクリッカブルにし、スマホとPCサイトでパーツを共通に・・・など

そして、リキッドレイアウト （Curlでは、エラ・・ナントカ？？でしたっけ？） でレイアウトを組んで、画面サイズの可変に対応させます。
ボックスや画像、マージンや余白などのサイズをパーセンテージで指定します。

画面サイズによってスタイルを切り替えるブレークポイント（境目のこと）は、480px 、768px などの2つが割と多かった気がしますが、今はもっとシンプルに、768px などの1つが主流になりつつあります。
これなら検証も（若干）楽ですね！

実際にWebサイトをレスポンシブWebデザインにするのは、通常のHTMLだけでレイアウトを組むよりも大変でした。
その上、既存サイトをレスポンシブWeb化にするということは、CSSで固定されていたwidthをパーセンテージに書き換えたり、リキッドには適さないレイアウトの対応など、余計な手間がかかり、一から制作するよりも時間がかかります。
まずワイヤーフレームを作り、レイアウト設計をきちんとして、もとのイメージ画像など流用してうまく流し込んで作っていくのがいいです。

フリーのフレームワークもたくさん出ているので、サイトの設計に合ったものを利用すればいいと思います。


2. IE8以下は未対応

IE8以下ではCSS3が使えません。
当然Media Queriesも使えないので、レスポンシブにならない上に、使えないセレクタなどもあって、レイアウトデザインに崩れが生じます。

対応策としては、IE用にスタイルシートを用意するか、jQueryなどのライブラリを使って対応します。



3. 画像の問題

PCサイズでの画像の解像度だと、スマートフォンには容量が大きく最適ではありません。
読み込みを考えると、スマートフォン用には小さい解像度の画像を表示させるのが理想です。

その解決策としては
  • JavaScriptを使う

  • サーバーサイドで対応する

  • APIで対応する

  • CSSで振り分ける
など

また、スマートフォン上で画像が拡大されると荒くなってしまうなどの問題も出てきます。



4. あらゆる環境でテスト

当たり前ですが、ちゃんと実装されているか、ほぼすべての環境を想定してテストを繰り返します。

ここでも以下の問題に直面します。
  • ブラウザをぐりぐり動かすのに手が疲れる

  • エージェントの切り替えがメンドクサイ

  • そんなたくさん実機ない

  • そもそも不具合があったりしてどうしようもない
これらをクリアしたのち、やっとGOサインがでて、ようやくリリースです。


――――――――――――――――――――――――――――――――――――――――――――


技術にうとい私には、CSSだけでマルチデバイス対応できるのはとても魅力的です。
ただ、IE対応や、魅力ある動きを実装するために、使うライブラリの数が必然的に増えていきました。
その都度、思うように動かなかったり、デバイスごとの挙動の確認がとても大変で （ 怒られたりしました。 ）

しかし難しく考えるのはやめて、多彩なフレームワークを活用し、この分野のさらなる技術の進化に期待して、積極的に取り入れてみればいいと思います。
またサイト全体でなく、ランディングページだけなど、ミニマルに使ってみてもいいかもしれません。


まとめとして
  • タッチデバイスへの対応は積極的に

  • レスポンシブWebデザインのご利用は計画的に
  • 使えるものは使って賢く効率的に　お互い助け合い自分にもまわりにも優しく






.jpg   iPhone-4-Template2.jpg (Size: 87.1 KB / Downloads: 2584) ]]> <![CDATA[Surge RTE on Chromium OS]]> https://communities.curl.com/showthread.php?tid=653 Thu, 22 Nov 2012 13:39:19 +0000 https://communities.curl.com/showthread.php?tid=653
Chrome dedicated-search netbooks with Curl on-board sound like much nicer marketing gifts than Cross pens and such ...
]]>
Chrome dedicated-search netbooks with Curl on-board sound like much nicer marketing gifts than Cross pens and such ...
]]> <![CDATA[Korean page email address]]> https://communities.curl.com/showthread.php?tid=632 Fri, 21 Sep 2012 11:08:47 +0000 https://communities.curl.com/showthread.php?tid=632 info@qtii.co.kr but that is giving a non-deliverable error.
]]> info@qtii.co.kr but that is giving a non-deliverable error.
]]> <![CDATA[error on curlap.com homepage]]> https://communities.curl.com/showthread.php?tid=629 Tue, 18 Sep 2012 18:57:07 +0000 https://communities.curl.com/showthread.php?tid=629 ]]> ]]> <![CDATA[web server rewrite rule]]> https://communities.curl.com/showthread.php?tid=614 Mon, 03 Sep 2012 12:07:53 +0000 https://communities.curl.com/showthread.php?tid=614
http://curlap.com

to

http://www.curlap.com

?

It is working at http://curl.com for http://www.curl.com - although not as it might ...

thanks

(it is funny that we neglect this as the issue arises with Curl licenses)


]]>
http://curlap.com

to

http://www.curlap.com

?

It is working at http://curl.com for http://www.curl.com - although not as it might ...

thanks

(it is funny that we neglect this as the issue arises with Curl licenses)


]]> <![CDATA[facebook error]]> https://communities.curl.com/showthread.php?tid=567 Tue, 17 Jul 2012 11:35:49 +0000 https://communities.curl.com/showthread.php?tid=567
www.curlap.com uses an invalid security certificate.

The certificate is not trusted because no issuer chain was provided.
The certificate is only valid for www.curl.com

(Error code: sec_error_unknown_issuer)
]]>
www.curlap.com uses an invalid security certificate.

The certificate is not trusted because no issuer chain was provided.
The certificate is only valid for www.curl.com

(Error code: sec_error_unknown_issuer)
]]> <![CDATA[With Apple obtaining rights to iPad in China]]> https://communities.curl.com/showthread.php?tid=550 Mon, 02 Jul 2012 12:19:57 +0000 https://communities.curl.com/showthread.php?tid=550
Have we ever prepared simplified Chinese documentation?
]]>
Have we ever prepared simplified Chinese documentation?
]]> <![CDATA[offer to move page to French and German]]> https://communities.curl.com/showthread.php?tid=546 Sat, 30 Jun 2012 12:56:57 +0000 https://communities.curl.com/showthread.php?tid=546 http://www.curlap.com/beginner/ to French and German as www.curl.com/fr/novice/ and www.curl.com/de/
Anfänger


best regards / mes meilleures salutations / meine besten Grüße ]]> http://www.curlap.com/beginner/ to French and German as www.curl.com/fr/novice/ and www.curl.com/de/
Anfänger


best regards / mes meilleures salutations / meine besten Grüße ]]> <![CDATA[Coming soon: a Curl app for professionals]]> https://communities.curl.com/showthread.php?tid=540 Thu, 21 Jun 2012 11:10:38 +0000 https://communities.curl.com/showthread.php?tid=540
WATCH this space for updates !

企業における多忙なプロフェッショナルの人々のためにアプリケーションをCurl

... [Image: passphrases.jpg]

with each 4-letter word passphrase component as a TextShape ready to rotate in 3-D etc as a Dcurl with no SQL, HTML, JavaScript ... (uses combo of CSPD and serialized custom classes for encryption and obfuscation)

Mouse leaving causes app to exit.

What are you doing to try to both obscure yet recall multiple pass-phrases without writing them down?

Passphrase word components must be chosen as randomly as possible and used in the generated sequence.

Minimum to run app is entry of 3 passphrases, minimum of 4 components each.

Passphrases always display "dummy" passphrases also in the view. User must recognize their pass phrase.

"shuffle" is one of the 3 mnemonic memory-joggers envisioned.

Curl code includes executing obfuscation code to enhance PCurl security.

Serialized content is highly obfuscated and can run only on the device on which created.

No order of components is ever saved: user must recall the order by self or from mnemonics provided.

I hope some SCSK staff will use the Nihongo and Korean versions. Versions in several languages are coming soon.

CURL YOUR PASS-PHRASES !

Note: a passphrase is a more secure alternative to a "personal' password and easier to recall, which encourages regular passphrase changes and no re-use across sites and systems.

"password" is not a valid passphrase, nor is "87654321" or "qwerty" or family or personal names.

Any UNICODE character can be used which can be typed or pasted into place.

One more reason to run Curl on Android ( or your Surface ! )


]]>
WATCH this space for updates !

企業における多忙なプロフェッショナルの人々のためにアプリケーションをCurl

... [Image: passphrases.jpg]

with each 4-letter word passphrase component as a TextShape ready to rotate in 3-D etc as a Dcurl with no SQL, HTML, JavaScript ... (uses combo of CSPD and serialized custom classes for encryption and obfuscation)

Mouse leaving causes app to exit.

What are you doing to try to both obscure yet recall multiple pass-phrases without writing them down?

Passphrase word components must be chosen as randomly as possible and used in the generated sequence.

Minimum to run app is entry of 3 passphrases, minimum of 4 components each.

Passphrases always display "dummy" passphrases also in the view. User must recognize their pass phrase.

"shuffle" is one of the 3 mnemonic memory-joggers envisioned.

Curl code includes executing obfuscation code to enhance PCurl security.

Serialized content is highly obfuscated and can run only on the device on which created.

No order of components is ever saved: user must recall the order by self or from mnemonics provided.

I hope some SCSK staff will use the Nihongo and Korean versions. Versions in several languages are coming soon.

CURL YOUR PASS-PHRASES !

Note: a passphrase is a more secure alternative to a "personal' password and easier to recall, which encourages regular passphrase changes and no re-use across sites and systems.

"password" is not a valid passphrase, nor is "87654321" or "qwerty" or family or personal names.

Any UNICODE character can be used which can be typed or pasted into place.

One more reason to run Curl on Android ( or your Surface ! )


]]> <![CDATA[その５：Curlの凄いところ！「地下鉄でも新幹線でも大丈夫！Curlオフライン機能」]]> https://communities.curl.com/showthread.php?tid=539 Thu, 21 Jun 2012 06:56:02 +0000 https://communities.curl.com/showthread.php?tid=539 マーケティングの三野です。

前回は 「表現力！ユーザーインタフェースのアニメーションと2D、３Ｄ表現」についてについて説明させてもらいましたが今回はCurlの凄いところの第三弾としてCurlの「オフライン機能」についてお話させていただきます。

１．地下鉄や新幹線でよく見かける悲しい光景

CurlはWebを前提としたRIAアプリケーションやモバイルアプリケーションを構築するための技術ですが、Webを前提としたアプリケーションは運用面でのメリットやどこでも使えることなど多くのメリッ​トがある一方でネットワークやサーバーにつながっていなければ使えないということを皆さんご承知でしょうか？あたりまえといわれそうですが(笑)

私は今会社まで地下鉄一本で通っていますが、周りを見渡すとこんな面白い光景を目にします。
  • 電車が移動中は手にスマートフォンを持っているがなにもしてない。
  • 駅に止まると同時にみんなが一斉にスマートフォンをいじりまくる（笑）
これは僕もなんですが、移動中は地下なのでネットワークにつながらないのでブラウジングやモバイルアプリが操作できないんですよね。あるアプリなんかでは画面がグルグルしたまんまでなにもできない。ほんと不便ですよね。

またPCでも同じことがあります。
たとえば出張ではよく新幹線を使うのですが、たとえば携帯型Wifi端末などでは移動中は途切れ途切れ。また新幹線内の無線LANも非常に遅いですよね。
だからたとえば業務系のアプリケーションなどはこのような問題に対して、出張先ではExcelで入力し、帰社したら再度転記することや、障害時にはファックスなどによる運用のみにするなどで対応しているケースや、そもそ​もWebシステムにしないなど様々あるかと思います。



２．Curlのオフライン機能-OCC機能（Occasionally Connected Computing）


このような問題に対してCurlは2003年に通称OCC機能（Occasionally Connected Computing）と呼んでいるオフライン機能を提供しています。もう提供してから早９年が経ちました。

CurlのRIAアプリケーションにおけるオフライン機能（OCC機能）は他ベンダーから提供されているインストール型のデスクトップアプリではなく、オンライン／オフラインが同じアプリケーションで実現できる機能を​提供しております。
管理の面でもそのために二重管理になりません。

簡単に機能を説明しますとWebサーバーにあるCurlコンテンツのコピーをPCのサンドボックス内におき、オフラインの場合はそれを起動する仕組みです。もちろ​ん起動にもアプリケーションの更新にもユーザーや開発者にもお手間を取らせません！





３．オンラインのときとオフラインのときの動作の違い

Curlコンテンツのコピーを利用する説明しましたが、通常のCurlアプリケーションの場合とOCC機能組み込んだCurlアプリケーションの場合の起動は上記のように​最初にWebサーバーに問合せに行くかCurl RTEにオンラインかオフラインかの判定をするぐらいの違いで、OCCアプリケーションは必ずクライアントから起動するわけではなくオンラインのときはWebサーバーから​起動するので通常のCurlアプリケーションと同じなのです!
この点が他のインストール型のＲＩＡデスクトップアプリと違う点です。





４．アーキテクチャの違い-データの取り扱い

OCC機能ではコンテンツをローカルにコピーし、オンライン／オフラインによって起動されるアプリケーションを切り換えるものですが、実際のアプリケーションではアーキテ​クチャとして通常のオンラインを前提としたRIAの場合とオフライン機能を使ったRIAの場合では違いがあります。



上の図の左右の図を比べてもらえばお分かりのように大きな違いは「データ」に関する取り扱いの部分です。

通常RIAアプリケーションでも、またWebアプリケーションでもデータはサーバーで一括管理されております。
ただし、オフラインの場合はその｢データ」にアクセスができないわけですからローカルになにかしらのDBやデータを保持しておかなくてはなりません。
その場合、つねに普遍的なデータであれば問題なく運用できますが、常に追加される明細データのようなものや、マスターデータはどのように運用したらよいのでしょうか？そこ​で必要となるのが「データの同期」です。
CurlのオフラインアーキテクチャではDB同期にリアルタイム方式やポーリング方式、またイベントによる同期と様々なアーキテクチャを選択できるようになっています。
また、ローカルにデータベースを配置することでクライアント側のビジネスロジックも容易に構築できるようになっており、SQLiteやのMS-AccessなどのようなADO接続が可能なDBにアクセスすることができるようになっています。



５．モバイルアプリケーション-Caedeの場合
Caedeを使用したモバイルアプリケーションの場合では通常インストール型アプリケーションになるため、若干RIAの場合と違いがありますが、オフラインでももちろん動かせますし、またローカルDBへのアクセスやデバイスのアクセスもできるので、基本的なアーキテクチャは同じ設計ができます。是非正式リリースを期待しててください！



余談
もしかすると今年度中にオフラインモデルをさらに進化させたソリューションを発表するかもしれません！今はまだ語れませんがそちらについても期待しててください！

ではまたまた。

.jpg   occ1.JPG (Size: 20.97 KB / Downloads: 1711)

.jpg   occ2.JPG (Size: 52.27 KB / Downloads: 1862)

.jpg   occ3.JPG (Size: 57.49 KB / Downloads: 2230) ]]> マーケティングの三野です。

前回は 「表現力！ユーザーインタフェースのアニメーションと2D、３Ｄ表現」についてについて説明させてもらいましたが今回はCurlの凄いところの第三弾としてCurlの「オフライン機能」についてお話させていただきます。

１．地下鉄や新幹線でよく見かける悲しい光景

CurlはWebを前提としたRIAアプリケーションやモバイルアプリケーションを構築するための技術ですが、Webを前提としたアプリケーションは運用面でのメリットやどこでも使えることなど多くのメリッ​トがある一方でネットワークやサーバーにつながっていなければ使えないということを皆さんご承知でしょうか？あたりまえといわれそうですが(笑)

私は今会社まで地下鉄一本で通っていますが、周りを見渡すとこんな面白い光景を目にします。
  • 電車が移動中は手にスマートフォンを持っているがなにもしてない。
  • 駅に止まると同時にみんなが一斉にスマートフォンをいじりまくる（笑）
これは僕もなんですが、移動中は地下なのでネットワークにつながらないのでブラウジングやモバイルアプリが操作できないんですよね。あるアプリなんかでは画面がグルグルしたまんまでなにもできない。ほんと不便ですよね。

またPCでも同じことがあります。
たとえば出張ではよく新幹線を使うのですが、たとえば携帯型Wifi端末などでは移動中は途切れ途切れ。また新幹線内の無線LANも非常に遅いですよね。
だからたとえば業務系のアプリケーションなどはこのような問題に対して、出張先ではExcelで入力し、帰社したら再度転記することや、障害時にはファックスなどによる運用のみにするなどで対応しているケースや、そもそ​もWebシステムにしないなど様々あるかと思います。



２．Curlのオフライン機能-OCC機能（Occasionally Connected Computing）


このような問題に対してCurlは2003年に通称OCC機能（Occasionally Connected Computing）と呼んでいるオフライン機能を提供しています。もう提供してから早９年が経ちました。

CurlのRIAアプリケーションにおけるオフライン機能（OCC機能）は他ベンダーから提供されているインストール型のデスクトップアプリではなく、オンライン／オフラインが同じアプリケーションで実現できる機能を​提供しております。
管理の面でもそのために二重管理になりません。

簡単に機能を説明しますとWebサーバーにあるCurlコンテンツのコピーをPCのサンドボックス内におき、オフラインの場合はそれを起動する仕組みです。もちろ​ん起動にもアプリケーションの更新にもユーザーや開発者にもお手間を取らせません！





３．オンラインのときとオフラインのときの動作の違い

Curlコンテンツのコピーを利用する説明しましたが、通常のCurlアプリケーションの場合とOCC機能組み込んだCurlアプリケーションの場合の起動は上記のように​最初にWebサーバーに問合せに行くかCurl RTEにオンラインかオフラインかの判定をするぐらいの違いで、OCCアプリケーションは必ずクライアントから起動するわけではなくオンラインのときはWebサーバーから​起動するので通常のCurlアプリケーションと同じなのです!
この点が他のインストール型のＲＩＡデスクトップアプリと違う点です。





４．アーキテクチャの違い-データの取り扱い

OCC機能ではコンテンツをローカルにコピーし、オンライン／オフラインによって起動されるアプリケーションを切り換えるものですが、実際のアプリケーションではアーキテ​クチャとして通常のオンラインを前提としたRIAの場合とオフライン機能を使ったRIAの場合では違いがあります。



上の図の左右の図を比べてもらえばお分かりのように大きな違いは「データ」に関する取り扱いの部分です。

通常RIAアプリケーションでも、またWebアプリケーションでもデータはサーバーで一括管理されております。
ただし、オフラインの場合はその｢データ」にアクセスができないわけですからローカルになにかしらのDBやデータを保持しておかなくてはなりません。
その場合、つねに普遍的なデータであれば問題なく運用できますが、常に追加される明細データのようなものや、マスターデータはどのように運用したらよいのでしょうか？そこ​で必要となるのが「データの同期」です。
CurlのオフラインアーキテクチャではDB同期にリアルタイム方式やポーリング方式、またイベントによる同期と様々なアーキテクチャを選択できるようになっています。
また、ローカルにデータベースを配置することでクライアント側のビジネスロジックも容易に構築できるようになっており、SQLiteやのMS-AccessなどのようなADO接続が可能なDBにアクセスすることができるようになっています。



５．モバイルアプリケーション-Caedeの場合
Caedeを使用したモバイルアプリケーションの場合では通常インストール型アプリケーションになるため、若干RIAの場合と違いがありますが、オフラインでももちろん動かせますし、またローカルDBへのアクセスやデバイスのアクセスもできるので、基本的なアーキテクチャは同じ設計ができます。是非正式リリースを期待しててください！



余談
もしかすると今年度中にオフラインモデルをさらに進化させたソリューションを発表するかもしれません！今はまだ語れませんがそちらについても期待しててください！

ではまたまた。

.jpg   occ1.JPG (Size: 20.97 KB / Downloads: 1711)

.jpg   occ2.JPG (Size: 52.27 KB / Downloads: 1862)

.jpg   occ3.JPG (Size: 57.49 KB / Downloads: 2230) ]]> <![CDATA[Curl in Indonesia, Malaysia, India ...]]> https://communities.curl.com/showthread.php?tid=523 Sat, 09 Jun 2012 13:02:17 +0000 https://communities.curl.com/showthread.php?tid=523
http://techcrunch.com/2012/06/09/feature...he-future/

Curl macros have so very much to offer




]]>
http://techcrunch.com/2012/06/09/feature...he-future/

Curl macros have so very much to offer




]]> <![CDATA[その４：Curlの凄いところ！「表現力！アニメーションと２D、３Ｄ表現」]]> https://communities.curl.com/showthread.php?tid=509 Tue, 29 May 2012 09:44:25 +0000 https://communities.curl.com/showthread.php?tid=509 マーケティングの三野です。
かえでちゃん、みたいに面白いことを書きたいところですが（笑）今回も張り切ってCurlについてお話させていただきます！

前回まではCurlの伸長圧縮技術「エラスティック」、「セキュリティモデル」について説明させてもらいましたが今回はCurlの凄いところの第三弾として表現力！ユーザーインタフェースのアニメーションと2D、３Ｄ表現についてお話させていただきます。


１．Curlでアニメーションやフィールを表現するには？


　Curlでアニメーションを表現するにグラフィックスとタイマーを使って表現します。
たとえば左から右へ移動するようなものを作る場合は移動開始地点の座標から移動終了地点までの座標を指定するようにします。
またサイズを変更するようなアニメーションも同じような考え方で実現できますね。
サイズを表す高さと幅をタイマーを使って時間軸の変化とともに数値変更してあげればいいわけです。

このタイマーを使ったアニメーションはたとえばオープンソースの「AdvancedUI」などに多く使われております。
たとえば簡単な例ですとCurl Rotatorなどがその応用です。




また、画面移動（画面遷移などともいいますが）などにもこのアニメーションは有効です。

たとえばまた、去年リリースしたCurlの業務システム向けUIコンポーネント群「Curl External Library（Curl EXT）」のTransitionframeではいろいろな画面切り替えを実現していますが、その中でアニメーションがやはり使用されています。

http://curlap.com/products/library/ux/ext/



２．ユーザーの操作にあわせてインタラクティブな表現をするには？

先ほどのタイマーと組み合わせて、ユーザーの操作（ポインタ操作など）と組み合わせるとさらにインタラクティブになります。
たとえばユーザーが操作するキーボードやポインタの位置によって、画像やコンテンツのサイズや位置、色などを変更する方法です。
先ほどご紹介した「Advanced UI」ではCurl FishEyeがその一例ですね。





ちょっと技術的な話になりますが、CurlにはWeb開発者にはなじみのない「イベント」というものがあり、種類も豊富にあります。

・PointerPress
・PointerEnter
・PointerLeave
・DragOver

などなどまだまだあります。

ここではあまりコードの書き方などについてはお話しませんが、ポイントとしてはタイマーとイベントを使うということです。
実装方法について興味があるかたはDeveloperCenterやヘルプを見てくださいね。



３．さらにダイナミックに！Curlの3D表現

CurlはFlashPlayerのように「アニメーションで３Dを表現する」のではなく、「本物の3Dアプリケーション」が実は作れてしまいます。
ここでいう「アニメーションで3D表現」というのはいわば「パラパラ漫画で3Dの様に見せる（見せてるだけ）」ということです。
しかし、Curlだと「本物の3D」で表現されるので、もちろんユーザーは3D空間のものをさわることもできますし、またアニメーションと
組み合わせることも可能です。

3Dを使用したエンタープライズシステムは実際のところあまり多くはありませんが、多い例はグラフなどでしょうか？
たとえばCurlでは画面遷移などでも使えるものを先ほどご紹介したCurlEXTのTransitionframeで提供しています。




また、デモアプリケーションとしては地球儀をアプリケーション上に見せて、世界の支社の営業データを表示させるなどのアイデアもあるかと思います。
前回のエラスティックのところで紹介したアプリケーションなんかがその１例です。




それ以外ではかなり前になりますが、GoogleのSketchUpと連動した「Curl 3D Gallary」が大きな事例ですね。

このアプリケーションは、Google SketchUpで作成された3DモデルをCurl上にロードし、その中をウォークスルーしたり、自分の好きな画像やCurlアプリケーション等を壁に貼り付けることができ、3D空間のギャラリーとして利用することができるようになってます。



このアプリはCurlAppsGallaryからダウンロードして試すことができますので、是非ダウンロードして見てみてください。

＜Curlアプリケーションギャラリー＞
http://developers.curlap.com/gallery/apps/96


あとはどのように表現するかは「あなた次第！」

ではまた。



.jpg   transitionframe.jpg (Size: 166.21 KB / Downloads: 1787)

.gif   3dgallary.gif (Size: 54.3 KB / Downloads: 2342)

.jpg   full-screen.JPG (Size: 170.07 KB / Downloads: 1742) ]]> マーケティングの三野です。
かえでちゃん、みたいに面白いことを書きたいところですが（笑）今回も張り切ってCurlについてお話させていただきます！

前回まではCurlの伸長圧縮技術「エラスティック」、「セキュリティモデル」について説明させてもらいましたが今回はCurlの凄いところの第三弾として表現力！ユーザーインタフェースのアニメーションと2D、３Ｄ表現についてお話させていただきます。


１．Curlでアニメーションやフィールを表現するには？


　Curlでアニメーションを表現するにグラフィックスとタイマーを使って表現します。
たとえば左から右へ移動するようなものを作る場合は移動開始地点の座標から移動終了地点までの座標を指定するようにします。
またサイズを変更するようなアニメーションも同じような考え方で実現できますね。
サイズを表す高さと幅をタイマーを使って時間軸の変化とともに数値変更してあげればいいわけです。

このタイマーを使ったアニメーションはたとえばオープンソースの「AdvancedUI」などに多く使われております。
たとえば簡単な例ですとCurl Rotatorなどがその応用です。




また、画面移動（画面遷移などともいいますが）などにもこのアニメーションは有効です。

たとえばまた、去年リリースしたCurlの業務システム向けUIコンポーネント群「Curl External Library（Curl EXT）」のTransitionframeではいろいろな画面切り替えを実現していますが、その中でアニメーションがやはり使用されています。

http://curlap.com/products/library/ux/ext/



２．ユーザーの操作にあわせてインタラクティブな表現をするには？

先ほどのタイマーと組み合わせて、ユーザーの操作（ポインタ操作など）と組み合わせるとさらにインタラクティブになります。
たとえばユーザーが操作するキーボードやポインタの位置によって、画像やコンテンツのサイズや位置、色などを変更する方法です。
先ほどご紹介した「Advanced UI」ではCurl FishEyeがその一例ですね。





ちょっと技術的な話になりますが、CurlにはWeb開発者にはなじみのない「イベント」というものがあり、種類も豊富にあります。

・PointerPress
・PointerEnter
・PointerLeave
・DragOver

などなどまだまだあります。

ここではあまりコードの書き方などについてはお話しませんが、ポイントとしてはタイマーとイベントを使うということです。
実装方法について興味があるかたはDeveloperCenterやヘルプを見てくださいね。



３．さらにダイナミックに！Curlの3D表現

CurlはFlashPlayerのように「アニメーションで３Dを表現する」のではなく、「本物の3Dアプリケーション」が実は作れてしまいます。
ここでいう「アニメーションで3D表現」というのはいわば「パラパラ漫画で3Dの様に見せる（見せてるだけ）」ということです。
しかし、Curlだと「本物の3D」で表現されるので、もちろんユーザーは3D空間のものをさわることもできますし、またアニメーションと
組み合わせることも可能です。

3Dを使用したエンタープライズシステムは実際のところあまり多くはありませんが、多い例はグラフなどでしょうか？
たとえばCurlでは画面遷移などでも使えるものを先ほどご紹介したCurlEXTのTransitionframeで提供しています。




また、デモアプリケーションとしては地球儀をアプリケーション上に見せて、世界の支社の営業データを表示させるなどのアイデアもあるかと思います。
前回のエラスティックのところで紹介したアプリケーションなんかがその１例です。




それ以外ではかなり前になりますが、GoogleのSketchUpと連動した「Curl 3D Gallary」が大きな事例ですね。

このアプリケーションは、Google SketchUpで作成された3DモデルをCurl上にロードし、その中をウォークスルーしたり、自分の好きな画像やCurlアプリケーション等を壁に貼り付けることができ、3D空間のギャラリーとして利用することができるようになってます。



このアプリはCurlAppsGallaryからダウンロードして試すことができますので、是非ダウンロードして見てみてください。

＜Curlアプリケーションギャラリー＞
http://developers.curlap.com/gallery/apps/96


あとはどのように表現するかは「あなた次第！」

ではまた。



.jpg   transitionframe.jpg (Size: 166.21 KB / Downloads: 1787)

.gif   3dgallary.gif (Size: 54.3 KB / Downloads: 2342)

.jpg   full-screen.JPG (Size: 170.07 KB / Downloads: 1742) ]]> <![CDATA[オンライン学習 i.e., on-line edu]]> https://communities.curl.com/showthread.php?tid=504 Sun, 27 May 2012 15:25:43 +0000 https://communities.curl.com/showthread.php?tid=504 http://www.iwate-u.ac.jp/

At edxonline.org there is this important paragraph:


What technology will edX use?

An open-source online learning platform that will
feature teaching designed specifically for the web. Features will
include: self-paced learning, online discussion groups, wiki-based
collaborative learning, assessment of learning as a student progresses
through a course, and online laboratories. The platform will also serve
as a laboratory from which data will be gathered to better understand
how students learn. Because it is open source, the platform will be
continuously improved.

I am only aware of on-line edu at Iwate U.
Does marketing have a focus for post-FLASH, post-Silverlight learning with Curl ?


私の質問を考慮するために、あなたに感謝


]]> http://www.iwate-u.ac.jp/

At edxonline.org there is this important paragraph:


What technology will edX use?

An open-source online learning platform that will
feature teaching designed specifically for the web. Features will
include: self-paced learning, online discussion groups, wiki-based
collaborative learning, assessment of learning as a student progresses
through a course, and online laboratories. The platform will also serve
as a laboratory from which data will be gathered to better understand
how students learn. Because it is open source, the platform will be
continuously improved.

I am only aware of on-line edu at Iwate U.
Does marketing have a focus for post-FLASH, post-Silverlight learning with Curl ?


私の質問を考慮するために、あなたに感謝


]]> <![CDATA[4/26（木）のセミナーレビュー]]> https://communities.curl.com/showthread.php?tid=490 Mon, 07 May 2012 10:06:12 +0000 https://communities.curl.com/showthread.php?tid=490 ゴールデンウィークも終わり、我々は今週末からのクラウドEXPOの為に大忙しでございます！

ところで、先日4/26（木）にデスクトップ＆モバイルセミナーをさせていただきましたが、かなり多くの方に参加していただきました！



内容はCurlとCaedeベータによる開発環境の説明やデスクトップとスマートフォンのデモなどを中心に見ていただきました！
Caede Preview版を知っている方ならわかると思いますが、Caedeベータになってから、「Caede　Eclipse plug-in」が追加されました！
これ、そんなにアピールまだしていないですが、１つのプロジェクトでデスクトップRIAもモバイルアプリケーションも開発できるし、Translatorも自動的に変換してくれて、Androidモジュールの生成も自動です！
最後に質問の時間をとりましたが、皆さんびっくりしており、本当かどうか私のPCを見に来ておりました！



また、今週末のクラウドEXPOでお見せする最新デモなどについてもお話させていただきました。
どんなものかというと・・・・　秘密です！

・・というのは冗談ですが、実はワンソースで「デスクトップRIA」と「モバイル」の両方のアプリケーションを作っておりまして（今も修正中ですが・・）、そのプロジェクトとアプリケーションをお見せするつもりです！

是非、皆さま、キャンペーンもあることですし、是非クラウドEXPOのＳＣＳＫブースに遊びに来てください！！

よろしくお願いします。

三野





.jpg   IMG_3252.jpg (Size: 301.23 KB / Downloads: 3484)

.jpg   caede-beta.JPG (Size: 92.04 KB / Downloads: 1553) ]]> ゴールデンウィークも終わり、我々は今週末からのクラウドEXPOの為に大忙しでございます！

ところで、先日4/26（木）にデスクトップ＆モバイルセミナーをさせていただきましたが、かなり多くの方に参加していただきました！



内容はCurlとCaedeベータによる開発環境の説明やデスクトップとスマートフォンのデモなどを中心に見ていただきました！
Caede Preview版を知っている方ならわかると思いますが、Caedeベータになってから、「Caede　Eclipse plug-in」が追加されました！
これ、そんなにアピールまだしていないですが、１つのプロジェクトでデスクトップRIAもモバイルアプリケーションも開発できるし、Translatorも自動的に変換してくれて、Androidモジュールの生成も自動です！
最後に質問の時間をとりましたが、皆さんびっくりしており、本当かどうか私のPCを見に来ておりました！



また、今週末のクラウドEXPOでお見せする最新デモなどについてもお話させていただきました。
どんなものかというと・・・・　秘密です！

・・というのは冗談ですが、実はワンソースで「デスクトップRIA」と「モバイル」の両方のアプリケーションを作っておりまして（今も修正中ですが・・）、そのプロジェクトとアプリケーションをお見せするつもりです！

是非、皆さま、キャンペーンもあることですし、是非クラウドEXPOのＳＣＳＫブースに遊びに来てください！！

よろしくお願いします。

三野





.jpg   IMG_3252.jpg (Size: 301.23 KB / Downloads: 3484)

.jpg   caede-beta.JPG (Size: 92.04 KB / Downloads: 1553) ]]> <![CDATA[その３：Curlの凄いところ「セキュリティモデル」について]]> https://communities.curl.com/showthread.php?tid=473 Tue, 24 Apr 2012 08:05:52 +0000 https://communities.curl.com/showthread.php?tid=473

前回はエラスティックについてお話しましたが、今回はCurlの凄いところ第二弾として「セキュリティ」についてお話いたします。


Curlのセキュリティポリシーとは？

CurlはダウンロードされたCurlアプレットがユーザーのコンピュータパワーを利用して実行されるように設計されていますが、Curlアプレットにユーザーシステムへの無制限なアクセスを許した場合、セキュリティ上の問題が生じます。たとえば悪意のあるCurlアプレットが情報の盗取やファイルの破壊を企てたり、システムを不安定にしたり、あるいは他のシステムへの攻撃を実行する可能性がある場合があります。
このような問題に対処するため、Curlにはセキュリティに関する制限があり、これによってCurlアプレットがユーザーのシステムに害を与えたり、個人情報に立ち入るのを阻止します。これらの制限は、Curlアプレットによる障害の発生を防ぎつつ最大限の柔軟性を開発者に与えるように慎重に設計されています。
たとえば以下のような制限があります。
  • ActiveX コントロールのインクルード。
  • ホスト プロセスの生成。
  • ロー レベルのドラッグ アンド ドロップ操作の実行。
  • 環境変数へのアクセス。
  • システムの基本設定へのアクセス。
  • Windows レジストリ エントリへのアクセス。
  • 1GB を超えるメモリの使用。



ファイルアクセスなどのローカルリソースへのアクセスについて

とは言っても、利便性を考えたときにどうしてもシステムとしてローカルリソースにアクセスする場合がありますよね。
たとえばファイルの読み込み/書き込みなどがそれにあたりますが、一般的に必要とされているけども、安全でない可能性のある操作については、それを行う前にCurl RTEによってユーザに許可(ポップアップメッセージ)が求められます。これは、常に許可したり、逆に常に禁止したりするよりもよい方法だと思います。ただし個人あるいは企業内システムのように信頼しても問題ないCurlアプレットについては毎回同じ作業（たとえばファイル読込など）でユーザー許可が求められると業務効率から見て不都合が生じてきますよね。
その場合はそのCurlアプレットに対しセキュリティ解除あるいはレベルを下げる「特権」というものをユーザーによって与えることが可能です。



「特権」ってなに？

「特権（Privileged）」とは字の通り「特別な権利を与える」という意味で、対象となるCurlアプレットに対しこの「特権」を与えるとCurlアプレットはローカルファイルへのアクセスやActiveXの制御なども行うことができるようになります。これによりデスクトップアプリケーションと同等の振る舞いが可能になります。この特権の付与はユーザーがCurl RTEのコントロールパネルから設定出るようになっています。
下の図の一番右が特権を付与されたアプレットの振る舞いのイメージです。



ちょっと細かい話ですが、真ん中の図にあるようにある特定のディレクトリにだけアクセスできるようにしたりすることもできるようになってます。


Curlはこのように高いセキュリティを保ちつつ最大限の柔軟性や操作性を実現することができるように設計されています。

詳しくはデベロッパーセンターの開発者ガイドに記載されています。
「Curl開発者ガイド－コンテンツの構成要素－セキュリティ」をご覧ください。
デベロッパーセンターのトップはこちらです。



ではまた！[Image: good.gif]


.png   security.png (Size: 50.51 KB / Downloads: 1875)

.jpg   curl_security.jpg (Size: 32.56 KB / Downloads: 2410) ]]>

前回はエラスティックについてお話しましたが、今回はCurlの凄いところ第二弾として「セキュリティ」についてお話いたします。


Curlのセキュリティポリシーとは？

CurlはダウンロードされたCurlアプレットがユーザーのコンピュータパワーを利用して実行されるように設計されていますが、Curlアプレットにユーザーシステムへの無制限なアクセスを許した場合、セキュリティ上の問題が生じます。たとえば悪意のあるCurlアプレットが情報の盗取やファイルの破壊を企てたり、システムを不安定にしたり、あるいは他のシステムへの攻撃を実行する可能性がある場合があります。
このような問題に対処するため、Curlにはセキュリティに関する制限があり、これによってCurlアプレットがユーザーのシステムに害を与えたり、個人情報に立ち入るのを阻止します。これらの制限は、Curlアプレットによる障害の発生を防ぎつつ最大限の柔軟性を開発者に与えるように慎重に設計されています。
たとえば以下のような制限があります。
  • ActiveX コントロールのインクルード。
  • ホスト プロセスの生成。
  • ロー レベルのドラッグ アンド ドロップ操作の実行。
  • 環境変数へのアクセス。
  • システムの基本設定へのアクセス。
  • Windows レジストリ エントリへのアクセス。
  • 1GB を超えるメモリの使用。



ファイルアクセスなどのローカルリソースへのアクセスについて

とは言っても、利便性を考えたときにどうしてもシステムとしてローカルリソースにアクセスする場合がありますよね。
たとえばファイルの読み込み/書き込みなどがそれにあたりますが、一般的に必要とされているけども、安全でない可能性のある操作については、それを行う前にCurl RTEによってユーザに許可(ポップアップメッセージ)が求められます。これは、常に許可したり、逆に常に禁止したりするよりもよい方法だと思います。ただし個人あるいは企業内システムのように信頼しても問題ないCurlアプレットについては毎回同じ作業（たとえばファイル読込など）でユーザー許可が求められると業務効率から見て不都合が生じてきますよね。
その場合はそのCurlアプレットに対しセキュリティ解除あるいはレベルを下げる「特権」というものをユーザーによって与えることが可能です。



「特権」ってなに？

「特権（Privileged）」とは字の通り「特別な権利を与える」という意味で、対象となるCurlアプレットに対しこの「特権」を与えるとCurlアプレットはローカルファイルへのアクセスやActiveXの制御なども行うことができるようになります。これによりデスクトップアプリケーションと同等の振る舞いが可能になります。この特権の付与はユーザーがCurl RTEのコントロールパネルから設定出るようになっています。
下の図の一番右が特権を付与されたアプレットの振る舞いのイメージです。



ちょっと細かい話ですが、真ん中の図にあるようにある特定のディレクトリにだけアクセスできるようにしたりすることもできるようになってます。


Curlはこのように高いセキュリティを保ちつつ最大限の柔軟性や操作性を実現することができるように設計されています。

詳しくはデベロッパーセンターの開発者ガイドに記載されています。
「Curl開発者ガイド－コンテンツの構成要素－セキュリティ」をご覧ください。
デベロッパーセンターのトップはこちらです。



ではまた！[Image: good.gif]


.png   security.png (Size: 50.51 KB / Downloads: 1875)

.jpg   curl_security.jpg (Size: 32.56 KB / Downloads: 2410) ]]> <![CDATA[please correct error on web page]]> https://communities.curl.com/showthread.php?tid=472 Sun, 22 Apr 2012 13:01:44 +0000 https://communities.curl.com/showthread.php?tid=472 Marketing:
www.curl.com homepage continues to say "May 29" where it should say "March 29" or "Mar 29".

May 29, 2012 is in the future, so the news item looks silly.


Please correct when we add the next update.

thanks

Robert]]> Marketing:
www.curl.com homepage continues to say "May 29" where it should say "March 29" or "Mar 29".

May 29, 2012 is in the future, so the news item looks silly.


Please correct when we add the next update.

thanks

Robert]]> <![CDATA[その２：Curlの凄いところ！「エラスティック（Elastics）」とCaedeへの適用]]> https://communities.curl.com/showthread.php?tid=462 Thu, 05 Apr 2012 09:11:04 +0000 https://communities.curl.com/showthread.php?tid=462 マーケティングの三野です。

前回はCurlの歴史や各プロダクトの概要を説明させてもらいましたが、今回はCurlの凄いところの第一弾として「エラスティック」についてお話させていただきます。


Curlのエラスティックって？


デスクトップアプリケーションやブラウザアプリを作った人であれば経験していると思いますが、アプリケーションを作る上でまず、前提となってくるのが、「ディスプレイサイズ」があるかと思います。
多くのシステムではある特定のディスプレイサイズを想定し、固定比率の画面サイズでアプリケーションを開発してきたかと思います。
しかし、Webブラウザになった途端にユーザーはディスプレイのサイズを自由に変更するようになりました。またディスプレイ自体のサイズも様々なサイズが使われるようになってきました。
そうなると固定サイズでアプリケーションを提供すること自体に価値は全くありません。

そこでCurlですが、Curlには「エラスティック（Elastic）」というレイアウトシステムを持っております。このエラスティックは米国で特許を取得しております。


このエラスティックはディスプレイやウィンドウサイズに柔軟に伸長圧縮し、また、内部のグラフィカルなオブジェクトも親のグラフィカルオブジェクトのサイズに追随して伸長圧縮するという技術です。
中々言葉ではわからないと思いますので下図を見てください。


伸長した場合

圧縮した場合



どうですか？このようにサイズ変更に対し、自動的にレイアウト変更を行い、伸長圧縮することができます。
この実装は非常に簡単です。
基本的には何もする必要はありません。サイズを決定するwidthやheightの設定に何も設定しないか、もしくは｛make-elastic｝プロシージャやadd-stretchプロシージャを設定しておくだけです。
ちなみにmake-elasticプロシージャには比率を設定するためのオプションなどさまざまあります。
詳しくはCurlドキュメントをご覧ください。

エラスティックとページレイアウト
http://developers.curlap.com/curl/docs/r...ayout.html




Caedeによるモバイルの場合はどうなるの？


さて、今度はモバイルのお話に入ります。
モバイルのディスプレイサイズっていくつですか？Android？iphone？タブレット?はたまたXperiia？Galaxy？・・・・うーん、サイズって決められないですよね。しかもモバイルでは縦に使ったり横に使ったりしますよね。
ということで、PCならまだユーザーは我慢できたとしても、モバイルでは端末が違うとレイアウトが崩れるなんてことは絶対に許されないと思います。

そこでCaedeですが、ベータではまだ装備されていませんが、もちろん、エラスティックは適用されますよ！！

以下は今開発中のCaede0.8.1での変換後のテストサンプルですが、こんな感じになっています。





どうでしょうか？
ちょっとわかりづらいですが、下のボタンはさておき（無視していただいて）、上のボックスは見事に伸長／圧縮しているでしょ！
ちなみに、コードの書き方もＲＩＡの場合とまったく同じですよ！



ということでRIAでイニシアチブを取ってきたCurlの機能ですが、モバイルアプリケーションではさらにこのエラスティックシステムが開発者およびユーザーに対しても威力を発揮するはずです！

皆さまもう少しお待ちくださいませ！


では！


.jpg   full-screen.JPG (Size: 157.35 KB / Downloads: 2311)

.jpg   resize-Window.JPG (Size: 139.52 KB / Downloads: 2501)

.png   sample-1.PNG (Size: 153.65 KB / Downloads: 2263)

.png   sample-2.PNG (Size: 155.91 KB / Downloads: 2263)

.png   sample-3.PNG (Size: 155.53 KB / Downloads: 2223)

.jpg   code.jpg (Size: 70.61 KB / Downloads: 2235) ]]> マーケティングの三野です。

前回はCurlの歴史や各プロダクトの概要を説明させてもらいましたが、今回はCurlの凄いところの第一弾として「エラスティック」についてお話させていただきます。


Curlのエラスティックって？


デスクトップアプリケーションやブラウザアプリを作った人であれば経験していると思いますが、アプリケーションを作る上でまず、前提となってくるのが、「ディスプレイサイズ」があるかと思います。
多くのシステムではある特定のディスプレイサイズを想定し、固定比率の画面サイズでアプリケーションを開発してきたかと思います。
しかし、Webブラウザになった途端にユーザーはディスプレイのサイズを自由に変更するようになりました。またディスプレイ自体のサイズも様々なサイズが使われるようになってきました。
そうなると固定サイズでアプリケーションを提供すること自体に価値は全くありません。

そこでCurlですが、Curlには「エラスティック（Elastic）」というレイアウトシステムを持っております。このエラスティックは米国で特許を取得しております。


このエラスティックはディスプレイやウィンドウサイズに柔軟に伸長圧縮し、また、内部のグラフィカルなオブジェクトも親のグラフィカルオブジェクトのサイズに追随して伸長圧縮するという技術です。
中々言葉ではわからないと思いますので下図を見てください。


伸長した場合

圧縮した場合



どうですか？このようにサイズ変更に対し、自動的にレイアウト変更を行い、伸長圧縮することができます。
この実装は非常に簡単です。
基本的には何もする必要はありません。サイズを決定するwidthやheightの設定に何も設定しないか、もしくは｛make-elastic｝プロシージャやadd-stretchプロシージャを設定しておくだけです。
ちなみにmake-elasticプロシージャには比率を設定するためのオプションなどさまざまあります。
詳しくはCurlドキュメントをご覧ください。

エラスティックとページレイアウト
http://developers.curlap.com/curl/docs/r...ayout.html




Caedeによるモバイルの場合はどうなるの？


さて、今度はモバイルのお話に入ります。
モバイルのディスプレイサイズっていくつですか？Android？iphone？タブレット?はたまたXperiia？Galaxy？・・・・うーん、サイズって決められないですよね。しかもモバイルでは縦に使ったり横に使ったりしますよね。
ということで、PCならまだユーザーは我慢できたとしても、モバイルでは端末が違うとレイアウトが崩れるなんてことは絶対に許されないと思います。

そこでCaedeですが、ベータではまだ装備されていませんが、もちろん、エラスティックは適用されますよ！！

以下は今開発中のCaede0.8.1での変換後のテストサンプルですが、こんな感じになっています。





どうでしょうか？
ちょっとわかりづらいですが、下のボタンはさておき（無視していただいて）、上のボックスは見事に伸長／圧縮しているでしょ！
ちなみに、コードの書き方もＲＩＡの場合とまったく同じですよ！



ということでRIAでイニシアチブを取ってきたCurlの機能ですが、モバイルアプリケーションではさらにこのエラスティックシステムが開発者およびユーザーに対しても威力を発揮するはずです！

皆さまもう少しお待ちくださいませ！


では！


.jpg   full-screen.JPG (Size: 157.35 KB / Downloads: 2311)

.jpg   resize-Window.JPG (Size: 139.52 KB / Downloads: 2501)

.png   sample-1.PNG (Size: 153.65 KB / Downloads: 2263)

.png   sample-2.PNG (Size: 155.91 KB / Downloads: 2263)

.png   sample-3.PNG (Size: 155.53 KB / Downloads: 2223)

.jpg   code.jpg (Size: 70.61 KB / Downloads: 2235) ]]> <![CDATA[Caede Component Examplesの使い方！]]> https://communities.curl.com/showthread.php?tid=460 Mon, 02 Apr 2012 10:04:18 +0000 https://communities.curl.com/showthread.php?tid=460 マーケティングの三野です。

今回はCaedeベータのリリースとともに公開されたCaedeのCodeおよび実行サンプル集である「Caede Component Examples」をご紹介します。
ビデオもありますが、少々長め（4分ほど）で、かつ、音声とともに見ないとわかりにくい内容になってますので、お時間あるときご覧ください。
（ちなみに私の声でご紹介です。鼻声（風邪のため）ですが。。）



大まかな流れをご説明します。

１．CaedePluginのインストール
まず、Caede Eclipse Pluginをインストールしましょう。
ダウンロードはここから！

　http://caede.curl.com/ja/#menu_download

EclipseにADTおよびCaedeEclipsePluginがインストールできて、GettingStartedが出来たら、準備完了です！



２．「Caede Component Examples」のダウンロード
では、いよいよCaede Component Examplesをダウンロードしましょう！
「Caede Component Examples」はAppsGallaryにソースコードがあります。

　http://developers.curlap.com/gallery/apps/138

ダウンロードが出来たら任意のフォルダに展開します。



３．Eclipseで「Caede Component Examplesプロジェクト」を展開
ダウンロードしたファイル群はEclipse用のプロジェクトに既になっていますのでEclipseでプロジェクトを開きます。
展開するとCaede-Examplesというプロジェクトが開きます。



４．実行
まずは実行してみましょう！
プロジェクトを選択　⇒　右クリック　⇒　[Run　As]　⇒　[Android Application]

実行は実機でもVirtualでも大丈夫ですよ。
そうすると以下のような画面が出力されます。



５．ソースコードの確認
あとは実行画面とソースとを見比べながら確認してもらえばいいと思います。
ちなみにソースコードは色々あるのですが、画面と対応している場所は以下の通りです。

caede-examples/curl/MYPACKAGE/SAMPLESの下



簡単ではありましたが、上記の流れで確認してみてください！

では!




.png   CCE.png (Size: 424.28 KB / Downloads: 1453)

.jpg   eclipse.jpg (Size: 129.57 KB / Downloads: 1449) ]]> マーケティングの三野です。

今回はCaedeベータのリリースとともに公開されたCaedeのCodeおよび実行サンプル集である「Caede Component Examples」をご紹介します。
ビデオもありますが、少々長め（4分ほど）で、かつ、音声とともに見ないとわかりにくい内容になってますので、お時間あるときご覧ください。
（ちなみに私の声でご紹介です。鼻声（風邪のため）ですが。。）



大まかな流れをご説明します。

１．CaedePluginのインストール
まず、Caede Eclipse Pluginをインストールしましょう。
ダウンロードはここから！

　http://caede.curl.com/ja/#menu_download

EclipseにADTおよびCaedeEclipsePluginがインストールできて、GettingStartedが出来たら、準備完了です！



２．「Caede Component Examples」のダウンロード
では、いよいよCaede Component Examplesをダウンロードしましょう！
「Caede Component Examples」はAppsGallaryにソースコードがあります。

　http://developers.curlap.com/gallery/apps/138

ダウンロードが出来たら任意のフォルダに展開します。



３．Eclipseで「Caede Component Examplesプロジェクト」を展開
ダウンロードしたファイル群はEclipse用のプロジェクトに既になっていますのでEclipseでプロジェクトを開きます。
展開するとCaede-Examplesというプロジェクトが開きます。



４．実行
まずは実行してみましょう！
プロジェクトを選択　⇒　右クリック　⇒　[Run　As]　⇒　[Android Application]

実行は実機でもVirtualでも大丈夫ですよ。
そうすると以下のような画面が出力されます。



５．ソースコードの確認
あとは実行画面とソースとを見比べながら確認してもらえばいいと思います。
ちなみにソースコードは色々あるのですが、画面と対応している場所は以下の通りです。

caede-examples/curl/MYPACKAGE/SAMPLESの下



簡単ではありましたが、上記の流れで確認してみてください！

では!




.png   CCE.png (Size: 424.28 KB / Downloads: 1453)

.jpg   eclipse.jpg (Size: 129.57 KB / Downloads: 1449) ]]> <![CDATA[Caedeの業務向けサンプルデモ！]]> https://communities.curl.com/showthread.php?tid=451 Wed, 28 Mar 2012 09:21:37 +0000 https://communities.curl.com/showthread.php?tid=451 マーケティングの三野ですBig Grin

Curlのモバイル開発環境「Caede Preveiw版」をリリースしてから約4カ月が経ちました。
早いものですね～。
お陰さまで皆様からご要望や貴重なご意見、または苦情など非常に有意義な情報をいただいており、製品開発側もそれにこたえるように頑張っております！
さて、色々なご意見がある中、やはり多いのは「デモサンプルってないんですか？」とか「Preview版でどこまでできるんですか？」とか聞かれます。やはり、実際に動くアプリケーションみたほうがイメージつきますよね。

ということで、業務系をイメージされるデモを作りましたBig Grin
簡単なサンプルですが、このデモアプリケーションは近々中にソースコードや実行モジュールも公開する予定です。
ご覧ください！




ちなみにこちらのデモは現在開発中（真っ只中！）のCaede最新モジュールで作っております！
Caedeももうすぐ新しいバージョンがでる予定ですので期待しててください！

では！
]]> マーケティングの三野ですBig Grin

Curlのモバイル開発環境「Caede Preveiw版」をリリースしてから約4カ月が経ちました。
早いものですね～。
お陰さまで皆様からご要望や貴重なご意見、または苦情など非常に有意義な情報をいただいており、製品開発側もそれにこたえるように頑張っております！
さて、色々なご意見がある中、やはり多いのは「デモサンプルってないんですか？」とか「Preview版でどこまでできるんですか？」とか聞かれます。やはり、実際に動くアプリケーションみたほうがイメージつきますよね。

ということで、業務系をイメージされるデモを作りましたBig Grin
簡単なサンプルですが、このデモアプリケーションは近々中にソースコードや実行モジュールも公開する予定です。
ご覧ください！




ちなみにこちらのデモは現在開発中（真っ只中！）のCaede最新モジュールで作っております！
Caedeももうすぐ新しいバージョンがでる予定ですので期待しててください！

では！
]]> <![CDATA[Curlの“見える化”事例のご紹介です！]]> https://communities.curl.com/showthread.php?tid=449 Tue, 27 Mar 2012 08:56:10 +0000 https://communities.curl.com/showthread.php?tid=449 こんにちは。杉浦です。

今日は、Curlのユーザー様の日立オートモティブシステムズ様にCurlについてお話を伺ったインタビュー記事の内容をご紹介させて頂きます。
Curlの持つ幅広い可能性を、存分にご活用くださってまして、こちらをご覧頂くことで、もしかしたら「Curlってこんな使い方もできるんだ！」という新しいアイディアが生まれるかもしれません！
[質問] Curlを使ったシステムの概要について教えてください。
１つは経営トップおよび管理者が見る「経営ポータル」システム、もう１つは予算入力の業務改善を行った「予実算管理」システムと伺っております。
新システムが企画された背景についてお聞かせいただけますでしょうか？（三野）

本社の日立製作所からの分社化とグループ会社との合併により、データを統合・管理することで予算や経営状況がわかる仕掛けをいち早く作ることが求められていました。しかし旧システムでは「頻繁な組織変更」や「科目変更」に対応できないという課題がありました。そこで、Webベースで使い勝手もリッチなユーザーインターフェイスをもつ技術を探していたところ、Curlに出会いました。（日立AMS様）



[質問] 基盤選定のポイントはどこでしょうか。

連結子会社も多数あり統合するためのアーキテクチャの基盤はWebベースで考えられていたとのことですが、管理の面からでしょうか？（三野）

基盤として5年、10年先も使い続けられること、また基幹データベースのOracle　EBSとシームレスな連携ができることを条件として考えていました。（日立AMS様）



[質問] 新システムにCurlを採用したポイントを教えてください。

それまでの予算管理は全てExcelでしたが、連結対象が増えたことで管理しきれなくなっていました。そこでグローバルに使えて操作も簡単、メンテナンスフリー、Excelライクな操作もできるということでCurlを紹介していただき、まず最初に予算の部分から作り始めたのがきっかけです。
実際に作ってみると思っていた以上にスムーズにいき、今まで予算の集計に手修正や徹夜していた作業が素早くできてしまったのには驚きでした。そこで、予算ができたので次は実績もということで、2011年には予算・実績もCurlで動くようになり、かなり楽になりました。
特に、頻繁に組織や科目が変わるため、その度にシステムの修正依頼をしていましたが、Curｌを使った新システムでは、ユーザー側でマスター管理ができるようになりました。今までのように修正依頼をお願いしなくても、我々の方で計算式や科目変更がマスター管理で対応できるようになったことは管理側として助かっています。それもExcelの計算式を変えているイメージで操作できるんです。
また、データ入力の業務担当者も、今までExcel入力による重複作業が発生していたのが、テンプレートを活用することで、二度手間がなくなるというメリットもあります。（日立AMS様）

予算と実績は１システムで行われてますか？（三野）
予算と実績は別々に登録しますが、検索機能のお陰でさまざまな情報を一度に自動でおとしてテンプレート化できるので、経営トップへの報告資料もCurlで作ったデータをボタンひとつで作れてしまいます。（日立AMS様）

バックエンドのオラクルEBSとの連携はどうでしたか？（三野）
EBSとの連携もスムーズでオラクルEBSとCurlとの親和性は高いと思います。

ビッグデータというキーワードが聞かれるようになりましたが、大きなデータをどう可視化するかというのが話題になってきています。
一般的なBIツールを導入したみたものの、思った効果がでていない企業があると聞いたりしますが、Curlの検索機能はどうでしたか？（三野）

パラメータ指定してさまざまな切り口でデータを検索し、検索結果も速いのでセグメント管理もスムーズで、必要な情報をすぐに取り出せることができるようになりました。（日立AMS様）






[質問] 「経営ポータル」システムを企画されたきっかけを教えてください。

経営トップには、必要な情報を簡単にひとめで見せるようにしたいということでポータルを使って表現しようと考えました。
ポータルシステムができあがったことで、「予算がどれぐらい達成しているしていない」「不良品のあるない」をパッとひと目でわかるようになりました。（日立AMS様）




[質問] 今後の展開についてお聞かせください。

今回の見える化を切り口にして、今後は向上の稼働率や在庫状況が同じようにグローバルに“見える化”できるように横展開していきたいです。（日立AMS様）

ありがとうございました！

今回の事例について、導入事例をダウンロード できます。
もし、ご興味がございましたら、こちらよりダウンロードしてみてください！

http://www.curlap.com/casefile/

.jpg   P1020519_3.JPG (Size: 96.75 KB / Downloads: 1732)

.png   input_3.PNG (Size: 138.22 KB / Downloads: 1913)

.png   multi2_3.PNG (Size: 123.13 KB / Downloads: 1771)

.png   portal_3.PNG (Size: 306.83 KB / Downloads: 2343) ]]> こんにちは。杉浦です。

今日は、Curlのユーザー様の日立オートモティブシステムズ様にCurlについてお話を伺ったインタビュー記事の内容をご紹介させて頂きます。
Curlの持つ幅広い可能性を、存分にご活用くださってまして、こちらをご覧頂くことで、もしかしたら「Curlってこんな使い方もできるんだ！」という新しいアイディアが生まれるかもしれません！
[質問] Curlを使ったシステムの概要について教えてください。
１つは経営トップおよび管理者が見る「経営ポータル」システム、もう１つは予算入力の業務改善を行った「予実算管理」システムと伺っております。
新システムが企画された背景についてお聞かせいただけますでしょうか？（三野）

本社の日立製作所からの分社化とグループ会社との合併により、データを統合・管理することで予算や経営状況がわかる仕掛けをいち早く作ることが求められていました。しかし旧システムでは「頻繁な組織変更」や「科目変更」に対応できないという課題がありました。そこで、Webベースで使い勝手もリッチなユーザーインターフェイスをもつ技術を探していたところ、Curlに出会いました。（日立AMS様）



[質問] 基盤選定のポイントはどこでしょうか。

連結子会社も多数あり統合するためのアーキテクチャの基盤はWebベースで考えられていたとのことですが、管理の面からでしょうか？（三野）

基盤として5年、10年先も使い続けられること、また基幹データベースのOracle　EBSとシームレスな連携ができることを条件として考えていました。（日立AMS様）



[質問] 新システムにCurlを採用したポイントを教えてください。

それまでの予算管理は全てExcelでしたが、連結対象が増えたことで管理しきれなくなっていました。そこでグローバルに使えて操作も簡単、メンテナンスフリー、Excelライクな操作もできるということでCurlを紹介していただき、まず最初に予算の部分から作り始めたのがきっかけです。
実際に作ってみると思っていた以上にスムーズにいき、今まで予算の集計に手修正や徹夜していた作業が素早くできてしまったのには驚きでした。そこで、予算ができたので次は実績もということで、2011年には予算・実績もCurlで動くようになり、かなり楽になりました。
特に、頻繁に組織や科目が変わるため、その度にシステムの修正依頼をしていましたが、Curｌを使った新システムでは、ユーザー側でマスター管理ができるようになりました。今までのように修正依頼をお願いしなくても、我々の方で計算式や科目変更がマスター管理で対応できるようになったことは管理側として助かっています。それもExcelの計算式を変えているイメージで操作できるんです。
また、データ入力の業務担当者も、今までExcel入力による重複作業が発生していたのが、テンプレートを活用することで、二度手間がなくなるというメリットもあります。（日立AMS様）

予算と実績は１システムで行われてますか？（三野）
予算と実績は別々に登録しますが、検索機能のお陰でさまざまな情報を一度に自動でおとしてテンプレート化できるので、経営トップへの報告資料もCurlで作ったデータをボタンひとつで作れてしまいます。（日立AMS様）

バックエンドのオラクルEBSとの連携はどうでしたか？（三野）
EBSとの連携もスムーズでオラクルEBSとCurlとの親和性は高いと思います。

ビッグデータというキーワードが聞かれるようになりましたが、大きなデータをどう可視化するかというのが話題になってきています。
一般的なBIツールを導入したみたものの、思った効果がでていない企業があると聞いたりしますが、Curlの検索機能はどうでしたか？（三野）

パラメータ指定してさまざまな切り口でデータを検索し、検索結果も速いのでセグメント管理もスムーズで、必要な情報をすぐに取り出せることができるようになりました。（日立AMS様）






[質問] 「経営ポータル」システムを企画されたきっかけを教えてください。

経営トップには、必要な情報を簡単にひとめで見せるようにしたいということでポータルを使って表現しようと考えました。
ポータルシステムができあがったことで、「予算がどれぐらい達成しているしていない」「不良品のあるない」をパッとひと目でわかるようになりました。（日立AMS様）




[質問] 今後の展開についてお聞かせください。

今回の見える化を切り口にして、今後は向上の稼働率や在庫状況が同じようにグローバルに“見える化”できるように横展開していきたいです。（日立AMS様）

ありがとうございました！

今回の事例について、導入事例をダウンロード できます。
もし、ご興味がございましたら、こちらよりダウンロードしてみてください！

http://www.curlap.com/casefile/

.jpg   P1020519_3.JPG (Size: 96.75 KB / Downloads: 1732)

.png   input_3.PNG (Size: 138.22 KB / Downloads: 1913)

.png   multi2_3.PNG (Size: 123.13 KB / Downloads: 1771)

.png   portal_3.PNG (Size: 306.83 KB / Downloads: 2343) ]]>