Mac OS X向けJavaFX+SceneBuilderによるアプリ開発環境構築メモ(JavaOne復習) #JavaOneJP

コメントをどうぞ

 AndroidともWP7とも関係ないですが、リッチなUIを実現するためのJavaFXについて、外部セミナーで話を聞いてきたので、その関連記事です。セミナー中に話を聞くとふむふふむと分かった気になるのですが、いざ自分でやろうと思うと、どのツールをインストールすればいいの、ツールをどう使い分ければいいの？が分からなくなってしまうので、復習がてら、備忘録を起こしました。

JavaFX+SceneBuilderによるアプリ開発環境を作るには、関係ソフトが多く、どういう関係で何を使えばいいのかを理解するまでに時間がかかったので、その復習も兼ねてメモにしておきます。

■本メモ作成に使ったOS

Mac OS X Lion

■今回使ったソフトウェア

ソフトウェア 概要 ver. 補足
NetBeans IDE Java統合開発環境 7.1.1 Eclipseみたいな物です。
JavaFX SDK JavaFXのソフトウェア開発キット 2.1 Developer Preview  深追いしていないですが、2.0.3を使うと、アプリ実行時にランタイム例外をはいてしまうので、こっちにすると解決した。
JavaFX Scene Builder 画面(FXML)の編集ツール 1.0 Developer Preview  NetBeans単体だと、FXMLファイルはXMLベースで編集できない？ようなので、本アプリを使うことで、Visual Studioのデザイナのように編集できます。きっと、そこがこのツールのありがたさだと思う。現状、NetBeansとは別アプリとして動作させるようです。
JavaSE7  JavaSEの新バージョン  7u4 Developer Preview

 MacではまだDeveloper Preview版のみ。NetBeansでJavaFXの設定をする際にJavaSE7のインストール先の設定も要求されるので、インストールする。

 ■Hello JavaFXを作るまでの流れ

  1. 上記ソフトウェアを導入し、NetBeans内で環境設定する。
  2. NetBeansで新規プロジェクト->JavaFX->JavaFXアプリケーションを選択する。
    （ただ、ここで作られるひな形はFXMLはなく、Javaコード内にUIを持ったひな形が生成されている。）※FXMLにUIを外だしすると、GUI編集の効率化のために、SceneBuilderの出番が出てくるというイメージが近いかも。 
  3. 実行する。
  4. こんな画面が表示される。

 

とりあえず、感じたままにまとめてみました。嘘とかまぎれてる可能性があるので、予めご理解の上、参考にしていただければと思います。

以上です。

[ABC 2012 Spring]Android2.x/3.x/4.x対応アプリ開発Tipsの講演動画 #abc2012s

コメントをどうぞ

ABC 2012 Spring(2012/3/24)の講演動画がアップされたとのことなので、URLをお知らせ致します。当日聞きに来てくださった方、スタッフや運営の皆様、ありがとうございました。

■ABC 2012 Spring全体の講演動画

http://www.youtube.com/user/JapanAndroidGroup/videos

■自分の発表動画（Android2.x/3.x/4.x対応アプリ開発Tips）

http://www.youtube.com/watch?v=Kxxkb6Ta7dw

■自分の発表資料（Android2.x/3.x/4.x対応アプリ開発Tips）

https://www.iplatform.org/blog/archives/622

もし興味がありましたら、ご覧ください。

以上です。

留守電ウィジェットADK for docomo(ADK対応留守電通知ウィジェット)の続き[デモ動画あり]

コメントをどうぞ

以前、RT-ADK&ADSを使って標記アプリを開発した旨をBlogに書いていました。

https://www.iplatform.org/blog/archives/601

ただ、ブレッドボードの配線もスケッチも自分で一切書くことなくアプリを作れてしまっていたので、十分にADKについての理解ができていないという問題がありました。

そこで、以下をクリアすべくアプリを作り直しました。

(1)Arduino Mega ADKを使う。

(2)ブレッドボードに自分で配線する。

(3)Arduinoのスケッチを作成する。

別途、詳細等は記事にまとめようと思いますが、現状ものが動く状態まできました。

■写真

■動画

 

■ブレッドボード配線

後日アップロード予定ですが、まず概略だけ。

・発光ダイオード＋LEDの組を3ヶ並列で接続。

・電源供給は、PC=>ボードにUSB給電（ポケットチャージャからの給電でもOK）

■スケッチソース

後日アップロー予定です。

■アプリ

現在開発中のapkは後日Google Playにアップ予定です。

旧版は、以下からダウンロード可能です。

https://market.android.com/details?id=org.iplatform.android.rusuden_adk

以上です。

[NFC勉強会第１回]Beam利用アプリ紹介＋関連技術ネタの資料をアップしました。 #nfctech1

コメントをどうぞ

NFC勉強会第１回(2012/3/17)にて、

『Beam利用アプリ紹介＋関連技術ネタ』

というテーマで発表させていただきました。

運営や聞いてくださった皆様、ありがとうございました。

本当に遅くなって恐縮ですが、資料をアップしました。

■発表資料


■Beam利用アプリ(Profile Beam旧版)

※当日デモをやったものより機能が幾つか不足しているバージョンですが、よかったらお試しください。[現状は、Android 4.0以上/NFC搭載端末のみサポートしています。]

https://play.google.com/store/apps/details?id=org.iplatform.android.nfc.profeam

以上です。

[ABC 2012 Spring]Android2.x/3.x/4.x対応アプリ開発Tipsの資料を再アップしました。 #abc2012s

コメントをどうぞ

【補足】前回アップした資料はSafariじゃないと正しく表示されない箇所があったので、再アップしました。

ABC 2012 Spring(2012/3/24)の14:00-14:20＠J会場の枠にて、

『Android2.x/3.x/4.x対応アプリ開発Tips』

というテーマで発表させていただきました。発表を聞いてくださった皆様、スタッフや運営の皆様、ありがとうございました。

とりあえず、資料をアップしました。

もしスライド内の表カラムが正常に表示されない箇所があれば、Safariを使ってみてください。


おつかれさまでしたー。

留守電ウィジェットADK for docomo(ADK対応留守電通知ウィジェット)[デモ動画あり]

1件のフィードバック

17本目のAndroidアプリとして、留守電ウィジェットADK for docomoをAndroid Marketにて公開しました。

■動画

http://www.youtube.com/watch?v=OGV3G_aH2Dk

■機能概要
  • 留守番電話があることを通知するウィジェットです。
  • ADKにも対応しており、留守電が入ると外部LEDでお知らせします。
    （1件-9件：黄色、10-19件：橙色：20件以上：赤色）
  • センターに留守電が入ると、自動的に件数が表示されます。
  • 留守電に気付かないことを避けられます。留守電がある場合は、1クリックでセンター問い合わせも可能です。
■インストール方法
  • (1)ホーム画面を長押し
  • (2)ウィジェットを選択
  • (3)留守電ウィジェットを選択
    簡単な設定後、すぐ利用いただけます。
■実機＆ADK接続方法
  • (1)ADK対応Android実機とADKボード（LED搭載）をUSBケーブルで接続する。
    ※ADKボード（LED搭載）：RT-ADK&RT-ADS推奨
  • (2)ADKボードに対してUSBケーブル経由で電源を供給する。
  • (3)USBケーブル接続完了後に、USBデバイスアプリケーションとして、「留守電ウィジェットADK for docomo」を選択する。
■対象機種（Android2.3.4以上でADK対応端末）
  • Galaxy Nexus 4.0以上
  • Nexus S 2.3.4以上

※注意点

  • 本アプリを利用したことにより万が一何らかの損害が発生しても、一切の責任を負いかねます。

★ダウンロード

https://market.android.com/details?id=org.iplatform.android.rusuden_adk

★開発メモ

ADKを使ったものを作りたいなーという思いから、実現したアプリです。気軽に使ってみてください。

Android2.x/3.x/4.x向けアプリ開発で気付いたこと＋ProfileBeam紹介

コメントをどうぞ

プライベートで開発しているアプリ（セカイフォン）をAndroid2.x/3.x/4.xに対応させ、その後、1apk化を実施しました。その時に気付いた点について、まとめた資料です。

2012/1/28のdeb-12thにてNTした内容です。色々とコメントいただいたり、技術的な議論ができてとても勉強になりました＆楽しかったです！

もしスライド内の表カラムが正常に表示されない箇所があれば、Safariを使ってみてください。

・本編資料

・おまけ資料：Profile Beam(Android BeamでTwitterアカウントを交換できるアプリ)


それではー。

Profile Beam(Android 4.0 Beamを用いたプロフィール交換アプリ)[デモ動画あり]

1件のフィードバック

16本目のAndroidアプリとして、Profile Beam(Profeam)をAndroid Marketにて公開しました。

Android 4.0から利用可能なBeamを使ったアプリで、端末を近付けるだけでお互いのツイッターアカウントを簡単に交換することが可能です。

■動画

http://www.youtube.com/watch?v=PDxzMQCw19M

■以下のような方に使っていただけるとうれしいです。
  • IT系の勉強会で、初めて知り合った人と簡単にTwitterアカウントを交換したい。
  • Android 4.0／NFC搭載の端末持ってるけど、Beamを使ったことがない。
■機能概要
  • (1)Android Beamにより自分のTwitterアカウントを相手に渡すことが可能
  • (2)受け取ったアカウントを簡単にフォロー可能
  • (3)Beamした相手は管理画面に追加されるので後日確認可能
  • (4)Beam時に予め設定したメッセージの添付可能
  • (5)Beam時に誰かとBeamした旨をつぶやき可能（ON/OFF可能（デフォルトOFF））
■対象機種（Android4.0以上でNFC搭載の端末）
  • Galaxy Nexus 4.0.1
  • Nexus S 4.0.3

※注意点

  • 無料）ですが、近日中にDream Project(unicefへの全額寄付プロジェクト)に追加し、任意で寄付をお願いし、売上げの全額を寄付する取り組みを開始する予定です。
  • 本アプリを利用したことにより万が一何らかの損害が発生しても、一切の責任を負いかねます。

★ダウンロード

https://market.android.com/details?id=org.iplatform.android.nfc.profeam

★開発メモ

Android Beamを使ったものを作りたいなーという思いから、実現したアプリです。気軽に使ってみてください。どこかの勉強会でお会いしたときは、ぜひぜひBeamさせてください！よろしくお願いします。

Android4.x（GalaxyNexus、NexusS）のメニュー表示の挙動

コメントをどうぞ

自分用のメモです。Android4.xを搭載の端末として、以下のものがあります。

  • Galaxy Nexus(ハードキーのメニューボタンなし)
  • NexusS(ハードキーのメニューボタンあり)

AndroidManifest内のminSdkVersion,targetSdkVersionの内容によっても挙動が変わります。これらの端末および、AndroidManifestの組み合わせによって、どのように表示が変わるかをまとめます。

 

  Galaxy Nexus 4.01
(ハードキーのメニューボタンなし)		 NexusS 4.03
(ハードキーのメニューボタンあり)
minSdk=10,targetSdk=なし オプションメニュー
仮想メニューボタン（右下）表示あり 		 オプションメニュー
仮想メニューボタン（右下）表示なし
minSdk=11,targetSdk=なし アクションバー（右上） アクションバー（右上）
minSdk=10,targetSdk=11 アクションバー（右上） アクションバー（右上）

上記振る舞いの理由としては、以下と考えられます。

  • オプションメニュー表示（アクションバー表示非対象）は、ハードキーのメニュー有無により、仮想メニューボタン（右下）の表示有無が切り替わる。
  • オプションメニューとアクションバーの表示切替は、minSdk,targetSdkによって挙動が変化する（APIレベル10(2.3.x)以前：オプションメニュー、APIレベル11(3.0)以降：アクションバー）。

以上です。

ToDotter(毎日の定期タスク支援アプリ)をリリースしました。

コメントをどうぞ

15本目のAndroidアプリとして、ToDotterをAndroid Marketにて公開しました。

毎日のTODO管理を忘れずに行えるようにすることで、計画的に定期タスクをこなすことを支援します。 

■以下などの定期タスクをやりたい人に役立つかもしれません。
  • 毎日１０個ずつ英単語を覚えたい。
  • 毎日技術書を5ページずつ読み進めたい。
■機能概要
  • (1)TODOの日々管理
  • (2)TODOのリマインダ(設定ON/OFF可能)
    • ⇒進捗を入れ忘れた日があっても、設定した時間に通知することで入力を促します。
  • (3)TODO入力投入時のTwitterでのつぶやき(設定ON/OFF可能)
    • ⇒データ投入時につぶやくことで他の方と協調しながらTODOを実施することを支援します。 
■補足
  • 自分用に作ったアプリです。十分に試験をしていない状態で、バグが残っているかもしれません。予め、ご容赦ください。

※注意点

  • 現在β版（無料）です。
  • 事前予告することなくサービスを停止、もしくは、サービスの提供形態を変更する可能性があります。（その場合も、基本的に事前アナウンスは行います。）
  • 本アプリを利用したことにより万が一何らかの損害が発生しても、一切の責任を負いかねます。

★ダウンロード

https://market.android.com/search?q=pname:org.iplatform.android.todotter

★開発メモ

技術書読んだり、英単語覚えたり、毎日やるべきTODOはあるけど、どうもうまくいかないなーという思いから、作ったアプリです。気軽に使ってみてください。よろしくお願いします。