モバイルアプリ用UIコンポーネントのHTML/CSSソースコードを生成してくれる「Onsen CSS Components」、アシアルが公開 モバイルアプリケーションの開発でもっとも手間がかかるのが、ユーザーインターフェイスの構築です。例えばHTML5でモバイルアプリケーションを開発する場合、適切なUIコンポーネントを美しい外観と美しいレイアウトで実現するために、HTMLとCSSを駆使し、何度も試行錯誤しつつ開発を進めていくことになるでしょう。 そうした手間を軽減できるサービスが公開されました。アシアルの「Onsen CSS Components」です。あらかじめ一般的なモバイルアプリケーションのUIパターンやUIコンポーネントが用意されており、HTMLとCSSのソースコードをダウンロードできるようになっています。 上記は一般的なUIのさまざまなパターンが用意された画面で、このパターンに対

Monacaはクラウド技術を活用した、日本発・次世代のアプリ開発プラットフォームです。多様なアプリ開発に対応するクラウドサービスを中心に、アジャイル開発を促進するDevOps、コンサルティングやテクニカルサポート。日々の課題を解決するために用意されたツールやサービスを通じて、あなたのプロジェクトの成功を支えます。 さらに詳しく

HTML5/JavaScriptで作成したアプリケーションをラップし、ネイティブアプリケーションとして扱える「ハイブリッドアプリケーション」は、高い生産性でモバイルアプリケーションを開発できるといったメリットから注目されています。 しかし実際に自分でハイブリッドアプリケーションを開発しようとすると、例えばiOS用ならMacOSのマシンを用意してPhoneGapの環境を整え、ビルドしたアプリケーションをいちいちiPadやiPhoneに転送して試すなど、それなりの手間がかかります。Publickeyでは以前からハイブリッドアプリケーションに注目して紹介してきたため、時間があれば自分でもHTML5とJavaScriptで作ったアプリケーションをハイブリッド化しみてみようと思いつつ、なかなか開発環境を整備するに至りませんでした。 そこで思い出したのが「Monaca」です。Webブラウザ上でHTML

カーナビ大国日本。 驚きの精度、SFのようなビューなど、どんどん進化をし続けており、もはやカーライフの必需品といっても過言ではない。 ただ、一方で、車社会ど真ん中の地方都市に住む筆者や、全国各地を日常的に走行するドライバーにとって不満に思う部分もある。それは “情報の鮮度”だ。 例えば地図。数十センチ単位の正確な地図だったとしても、工事の影響で迂回ルートが発生していることは反映されない。地図データの更新は早くて四半期(3ヶ月)ごとなので、時期によっては新しく開通した道路が反映されないこともある。 これは交通情報にも当てはまる。渋滞や事故、工事情報などだ。これらは、幹線道路に設置されたビーコンと呼ばれるセンサーからの情報を元に提供されることが多いのだが、そもそも特定の路線の情報しか提供されない上に、「何が起こっているか」すら解らないという問題がある。 ところが、イスラエル発のスマホ用(iPh

2回目の今回は、エンタープライズモバイルを導入／展開する時に直面する「現場からのモバイル活用のニーズが断片的にあがってくるが、従来の要件定義のようなやり方では単なるデバイス置き換えに変わりそうだ」「モバイルを活用しても業務のツールが一つ増えたに過ぎず、効率が上がっていない」など「業務」観点での課題の背景とその対応について触れる。 「システムに合わせた業務」から「人に合わせた業務」へ まず、モバイルを使った次のようなシーンが当てはまらないだろうか？ 外出前に取引先のホームページを調べ、地図を印刷することなく、取引先オフィスへ（しかもナビ付きで） 電車の中でメールの確認や簡単な返信を済ませ、オフィス到着後にはすぐに打ち合わせや資料の作成などの業務に着手 外出中のメールの確認により、やり取りがリアルタイム化 取引実績・価格の最新情報や、業界の最新情報を取得し商談に利用 量販店で購入時にインターネ

写真と動画で解説する「Xperia NX SO-02D」「Xperia acro HD SO-03D」（1/3 ページ） 透明素材「Floating Prism」を採用したデザインと、4.3インチHD液晶、1.5GHzデュアルコアCPU、1210万画素カメラなど高いスペックが目を引くソニー・エリクソン・モバイルコミュニケーションズ製の「Xperia NX SO-02D」。このXperia NXの機能をベースにおサイフケータイ、ワンセグ、赤外線通信、防水性能（IPX5／IPX7等級）を備えた「Xperia acro HD SO-03D」。NTTドコモの2011年度冬春モデルに追加されたこれら2モデルの違いは。そして前モデルにあたるXperia arc／acroから何が進化したのか。その注目ポイントを紹介しよう。 →1.5GHzデュアルコアCPU＋4.3インチHD液晶搭載の「Xperia NX

jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します（2012/01/11頃まで）。 このエントリーで紹介する情報は2011年12月のものです。 １．ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ

今年6月に3Gと自動切り替えでスムーズな通信を楽しめる無料公衆無線LANサービス「au Wi-Fi SPOT」を開始したKDDI。子会社となった公衆無線LANサービス会社「ワイヤ・アンド・ワイヤレス」と共同で2011年度末までに10万ヵ所にスポットを設置する予定であるとされていますが、その基地局が「CEATEC JAPAN 2011」のKDDIブースで展示されていました。 KDDIブースの「au Wi-Fi SPOT」展示コーナー 2011年度末までに国内最大級となる10万スポットに展開予定。同様のサービスで先行する他社と異なり、専用アプリ「au Wi-Fi接続ツール」を使えば、IDやパスワードの入力無しに「au Wi-Fi SPOT」に接続でき、さらに3Gとの自動切り替えが可能……というのが同サービスの強みです。 そしてこれが「au Wi-Fi SPOT」の基地局。こちらは屋内型モデルで

jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text