1.7がリリースされ,Android開発に便利な機能がいくつか増えました。Androidという,コードの変更を高速にエミュレータに反映する機能はAndroid開発をかなり加速してくれそうです。この機能については今回の記事の後半で解説します。Developerからこちらに移行されていくことが表明されています。Clientが動作するようになりました。HVGAの解像度を指定してエミュレーター実行すると調度よいデザインで表示されます。WVGA800やWVGA854といった解像度で表示すると,解像度がかなり大きいためデザインがくずれたり,相対的に文字が小さく表示されるようになって表示が見にくくなったりと不都合がでてきます。今回はこの,デバイスごとにUIデザインをどうにかする方法を解説します。Stylesheets)が用意されています。heightといったプロパティを書いておくことでUIのデザインを共通化し,また別ファイルにすることができるものです。次のようなルールで適用されます。ファイル名はwindow_js_name.jssファイルは何処にあっても上のルールが適応されるidかclassを指定してデザインの指定を書く記法はcssとほとんど同じファイル名にあるwindow_js_nameのところは,自分がUI部品をデザインしたいWindowの定義をしているjavascriptのファイル名(拡張子は除く)です。サンプルアプリでツイート一覧を表示しているtable_view.jsのデザインをしたい場合はtable_view.jssというファイルを用意します。このファイルはResources以下のどのディレクトリにあっても適応されるので注意が必要です。CSSの記法では,tagを指定したり色々なセレクタがありますが,JSSではクラス名かidを指定します。各UIオブジェクトにもクラス名かidを割り振ることで適応されるJSSが決まります。いうことで,サンプルコードを見てみましょう。//以下省略まずは,JSのコードからです。この部分はタイムラインのツイートに含まれるユーザー名や日付の情報をラベルにして,TableViewのrowとして追加しているところです。今まではTi.Ui.createLabelなど画面部品を作成しているところで,直接widthやheightを渡していましたが,このコードではそういったデザイン要素がなくなり,代わりにidプロパティが指定されています。全体としてデザインのためのコードがほとんどなくなりコードが見やすくなっています。ここで指定されているidごとにデザインを指定しているのが,このtable_view.jsに対応するtable_view.jssです。始まるセレクタはクラスを示しています。各プロパティは今までTi.UI.createLabelに渡していたものと同じです。当然ですが,JSのオブジェクトではないので各プロパティはカンマ区切りではなく,セミコロンで区切るようにする必要があります。一方でfontSizeはfont-sizeと書くべきなのがCSSのルールのように思えますが,これはどちらで書いても有効になります。fontSizeと書いた場合とfont-sizeと書いた場合で基準となる単位が変わるようなので注意が必要です。classNameでの指定はCSSと同様に複数のクラスを指定できて便利なのですが,classNameで指定するとAndroidで上手く動かないバグも報告されているので,うまく指定できないときはidで指定するとよいでしょう。端末ごとに異なるJSSを利用するさてJSSについて紹介してきましたが,今回の記事の目的は解像度が異なるデバイスごとに異なるデザインを当てる方法について解説することでした。そこでこのJSSが活躍してくれます。先程の例ではtable_view.jsに対してtable_view.jssを用意しましたが,Androidの端末サイズごとに異なるJSSが用意できるのです。具体的にはtable_view.android.low.jsstable_view.android.medium.jsstable_view.android.heigh.jssの3つを用意することができ,解像度にあわせてそれぞれのJSSが選択されます。よって想定される端末ごとに,この3つのJSSファイルを書くことで,ロジックのコードに手を入れずに複数端末に対応することができます。ファイル名のルールは見たままですが,今までと同じように,Windowの定義が書いてあるJSのファイル名.android.サイズ.jssというようになります。heighの閾値はTitanium側というよりはAndroidのAPIで規定されるもののようで,ディスプレイのdpiの値によって決められます。http://developer.android.com/guide/practices/screens_support.htmlなどを参考にしてください。今回Android開発の流れの中でJSSについて紹介しましたが,JSSはiOSアプリでも有効です。アプリケーションエンジニア。スマートフォンアプリからSQLチューニングまで幅広く格闘中。好きな言語はRuby。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。