誰でも簡単iPhone / Androidアプリ開発

PhoneGap Live API Explorer

2013-11-12T16:00:00.000+09:00

PhoneGapのAPIを実際に試せるアプリ「PhoneGap Live API Explorer」！
実際にアプリにしてPhoneGapのAPIを試せるし、サンプルコードも載っているのでとても重宝します。

ソースコードはGitHubにあります。https://github.com/ccoenraets/phonegap-explorer

https://github.com/ccoenraets/phonegap-explorer
http://coenraets.org/blog/2012/06/phonegap-live-api-explorer/

MAMP 2.2にアップデート

2013-11-12T14:27:00.001+09:00

あれ、2013/09/26にMAMPが2.2にアップデートしていました。アップデートしていなかったので早速します。

http://www.mamp.info/en/downloads/index.html

Microsoft WebMatrix 3 ウェブデベロップメントツール

2013-11-11T18:19:00.000+09:00

マイクロソフトのWebMatrix 3というWeb Development Toolが便利そうだ。

Mobile用のデバイスエミュレータなどは単独でも便利そうだ。時間ある時に試してみるかな。

http://www.microsoft.com/web/webmatrix/

サムスン GALAXY Note 10.1 2014 Edition レビュー

2013-11-11T18:11:00.001+09:00

サムスン GALAXY Note 10.1 2014 Editionのレビューをしたサイトがあったのでメモ。

だいたい私の感想もこの記事と同じ。
簡単に言うと

バッテリーダメ。
カメラダメ。
ペン機能いいね！
画面綺麗だね！

って感じでしょうか。

http://www.laptopmag.com/reviews/tablets/samsung-galaxy-note-101-2013.aspx

HTML, CSS, JavaScript, SQL, PHP, JQueryのリファレンスサイト

2013-11-11T17:46:00.001+09:00

HTML, CSS, JavaScript, SQL, PHP, JQueryのリファレンスが必要ならこのサイト。

とても見やすく大変重宝します！

w3schools.com

Samsung GALAXY Note 10.1 2014 Edition レポート追記

2013-11-11T17:18:00.001+09:00

Samsung GALAXY Note 10.1 2014 Editionレポート追記です。（以前のレポートこちら）

■メリット

手書きの認識機能がすごい。全てのテキストボックスではないみたいですが、ほぼ入力できる箇所で、ペンの焦点を当てるとペンマークが表示されます。このペンマークをペンでタップすると、手書き入力モードになり、手で書いた文字が即座にデジタル文字に変換されます。そのままOkなどを押すと元のテキストボックスにその文字が入力されます。この機能まめちゃくちゃ便利でした。やっぱり、タブレットだと思い通りにキータイプができないのですが、ペンで書けるのでこれはこれで結構早く入力できます。

■デメリット

バッテリーの持ちが悪すぎる。普通に使っていると４時間でバッテリーがなくなります。
さらに、PC（自分のMacBook Proに繋いでみました）にUSBで繋いでも充電されません。

Adobe Gaming SDK 1.3 リリース

2013-11-11T17:09:00.002+09:00

Adobeが2013/11/6にGaming SDK 1.3をリリースしました。公開されたことに気付くのが遅れました。なぜなら、Gaming SDK 1.2をインストールしていてもCreative Cloudの自動アップデートに出てこないからです。Gaming SDK 1.3は新規アプリとして表示されています。
なので、新しくインストールする必要があります。

http://blogs.adobe.com/flashplayer/2013/11/adobe-gaming-sdk-1-3-release.html

Samsung GALAXY Note 10.1 2014 Editionレポート

2013-11-08T02:31:00.000+09:00

先日、サムスンのGALAXY Note 10.1 2014 Editionを購入したと書きました。まだ１日ですが、色々触ってみての感想です。
※2013/11/11 追記レポートはこちら

■メリット

マルチユーザ機能がある。これは何人かで共有するには便利。（マルチユーザ設定方法はこちら）
キーボードは日本語がダンロードできて、使用可能。
キーボードはSamsungキーボードがデフォルト。確定キー（Returnキー）の位置が右端の真ん中くらいに表示されるので気に食わないですが、言語の切り替えはスペースバーをスワイプするだけで、簡単。
手書きの文字をデジタル認識する機能はとても精度が高くほぼ認識してくれる。これで字が汚い私も大丈夫？！日本語も認識してくれます。

■デメリット

マルチウィンドウは２画面までしかできない。自由に追加したい。。。
マルチタスクは決まったアプリケーションしかできない（計算機、ブラウザ、YouTubeなど）小さい画面で開いて、どこにでも置くことが出来ます。
日本語化できない。色々言語が入っていますが、日本語がないです。
Google Playのアプリが少ない？スマートフォン（Galaxy S4）では使えるアプリもこのタブレットでは使えないので残念。（これはタブレット全般の問題か？）
Samsungのアカウントを作らされる。
Samsungのアプリが色々入ってますが、正直私は要りませんが。。。
充電コネクタが下側についている（このタブレットは横置きが基本）が、スタンドで立てた状態でコネクタに充電器を繋ぐことができない。。。横にコネクタ付けてほしかった。

Samsung GALAXY Note 10.1 2014 Edition買ってみた！

2013-11-07T16:07:00.000+09:00

Samsung（サムスン）GALAXY Note 10.1 2014 Edition買ってみた！！
Best Buy（ベストバイ）というアメリカの電化製品量販店で購入。
16GB Wifiモデルのホワイトです。

本体価格549.99ドル　＋　ケース39.99ドル　＋　税金53.10ドル
合計646.08ドル！

高いな！でも動きは良くて満足！
ただ、言語に日本語がない。。。なんでだ？
まぁでもキーボードは日本語あるので問題なし。

今日はいっぱいこれで遊ぶぞ！

※追加2013/11/07 GALAXY Note 10.1 2014 Editionレポート書きました。

PhoneGap開発に役立つフレームワーク（Frameworks）

2013-11-07T05:35:00.000+09:00

PhoneGap開発に役立つフレームワーク（Frameworks）のリンク。

PhoneGapを勉強ビデオ from ADC ONAIR

2013-11-07T04:44:00.001+09:00

Adobeの公式サイトADC OnAirに「そろそろPhoneGapを勉強しようか。」というタイトルのUSTREAM番組が５回連載でありました。

PhoneGapを今から始めようという方にはこれを見ると大体大筋が掴めるんではないでしょうか。

http://onair.adobe-adc.jp

モバイル（スマートフォンとタブレット）のブラウザHTML5機能対応について

2013-11-07T02:19:00.001+09:00

モバイル（スマートフォンとタブレット）のブラウザがHTML5のどの機能に対応しているかをまとめたサイト。
Webアプリ作成する際に重宝します。

http://mobilehtml5.org

http://caniuse.com

Chromebook と Android Tablet

2013-11-05T16:47:00.001+09:00

Androidの開発もしているが、愛用コンピュータはMacBook Pro、愛用スマートフォンはiPhone。iPad Airは買いたいけど我慢して、iPad mini with Retina displayを買う予定の私ですが。

最近のAppleの製品はGoogle系の製品に負けている気がしてならない。iPhone 5C, 5Sも期待はずれ。iPad AirやNew iPad mini、New MacBook Proでさえ、画面は綺麗になったが、特にすげ〜と心から思える追加機能はない。OSもiOS7にはかなりがっかりした。フラットデザインという見た目も嫌いだが、前のOSよりも動きの面でかなり使いにくくなった。使い慣れていないだけではない。

そんな感じなので、Androidの躍進にはかなり嫉妬している。Google自身とSamsungを筆頭にかなり素晴らしいデバイスを次から次にリリースしている。Nexus5もすごい！1920 x 1080 (445ppi)には驚いたし、カメラ機能も素晴らしい。

ということで、Googleの製品であるChromebookを買ってみるかなという気になって、「Best Buy」（アメリカの電化製品量販店）に行ってみた。

最新のChromebookである、「HP Chromebook 11」を触ってみた。値段は279ドルとむちゃくちゃ安い。
でも、特に何もない。。。単なるChromeブラウザーである。画面タッチもできない。それだけ。以上。

次にAndroid Tabletを色々触ってみた。特にSamsungの「GALAXY Note 10.1（2014 Edition）」がかなりよかった。動きは勿論さくさく。ペン機能もかなり使えた。画面も2560x1600(299ppi)でかなり綺麗だった。

勿論iPad Airも触ったけど、特に何も印象がなかった。画面は綺麗だったけど。

で、Chromebookを買うはずで行ったけど、Galaxy Noteに魅了されてしまい、そっちを買うかな〜という気になったんだけど、よく考えたら、Chromebook（Chrome OS）とAndroid Tablet（Android OS）何が違うんだ？？前は、Androidはスマートフォンで、Chrome OSはPC用という感じで捉えていたが、なんか境目がなくなってきてないかい？

ちょと、それをじっくり調べてからChromebookにするかGalaxy Note 10.1にするか決めることにする。

Galaxy Gearを使ってみた

2013-11-05T15:15:00.000+09:00

話題のGalaxy Gearをお店で触ってきた。結構さくさく動く。説明してくれた店員はもうプライベートで使っていて、メールなど見るのがとても楽だと言っていた。
アプリも色々追加ダウンロードできるようで、楽しそう。

でも気になるのが。。。。盗撮カメラ。。。違う？！

なんでこんな所にカメラが必要なんだろうか。。。それも画素数は１９０万画素って微妙だし。やっぱり盗撮用か？

このカメラがなければ即買でした。ちょっと悩みます。

Google Nexus リリース履歴

2013-11-05T02:39:00.001+09:00

Google Nexus スマートフォンのリリース履歴をまとめてみた。

デバイス	リリース日	初期OS	アップデート	製造会社
Nexus One	2010/01/05	Android 2.1	Android 2.3.6	HTC
Nexus S	2010/12/16	Android 2.3	Android 4.1.2	Samsung
Galaxy Nexus	2011/11/17	Android 4.0	Android 4.2.2	Samsung
Nexus 4	2012/11/13	Android 4.2	Android 4.4	LG
Nexus 5	2013/10/31	Android 4.4	Android ??	LG

http://en.wikipedia.org/wiki/Google_Nexus

Android OS バージョン履歴

2013-11-04T16:31:00.001+09:00

Android OS のバージョン履歴をまとめてみた。

Android OS Version	API Level	Code Name	Release Date
Android 1.0	API Level 1		2008/09/23
Android 1.1	API Level 2		2009/02/09
Android 1.5	API Level 3	Cupcake	2009/04/30
Android 1.6	API Level 4	Donut	2009/09/15
Android 2.0	API Level 5	Eclair	2009/10/26
Android 2.0.1	API Level 6	Eclair	2009/12/03
Android 2.1	API Level 7	Eclair	2010/01/12
Android 2.2 - 2.2.3	API Level 8	Froyo	2010/05/20
Android 2.3 - 2.3.2	API Level 9	Gingerbread	2010/12/06
Android 2.3.3 - 2.3.7	API Level 10	Gingerbread	2011/02/09
Android 3.0	API Level 11	Honeycomb	2011/02/22
Android 3.1	API Level 12	Honeycomb	2011/05/10
Android 3.2	API Level 13	Honeycomb	2011/07/15
Android 4.0 - 4.0.2	API Level 14	Ice Cream Sandwich	2011/10/19
Android 4.0.3 - 4.0.4	API Level 15	Ice Cream Sandwich	2011/12/16
Android 4.1	API Level 16	Jelly Bean	2012/07/09
Android 4.2	API Level 17	Jelly Bean	2012/11/13
Android 4.3	API Level 18	Jelly Bean	2013/07/24
Android 4.4	API Level 19	KitKat	2013/10/31

http://en.wikipedia.org/wiki/Android_version_history

Flash Professional CC Update (13.0.1)

2013-11-04T02:55:00.001+09:00

Flash Professional CCのアップデートが来たのでさっそくしてみた。

まず、私が気になっていたバグの確認。直っていない。。。。。

これ簡単な設定なんですけど、直せないですか？

iOS設定「Device」情報を記憶してくれません。

http://helpx.adobe.com/flash/release-note/release-notes-flash-pro-cc.html#Flash%20Professional%20CC%20Update%201%20(13.0.1)

ADC:: CreateJSについての連載

2013-11-03T17:05:00.001+09:00

CreateJSについての連載がAdobe Developer Connection [ADC]にされていたのでメモ。
第１回目は「FlashデベロッパーのためのCreateJS：第1回　CreateJSとは何か──そのメリットからFlashとの違いまで」（2013/08/07）

第２回は？いつでしょうか？

http://www.adobe.com/jp/devnet/edge/articles/createjs_for_asdeveloper01.html
http://448.jp/blog/article/1463/

iPad AirとNexus 5 (Android 4.4 KitKat)どっちが注目されてる？

2013-11-03T12:12:00.001+09:00

11月1日にiPad AirとNexus 5 with Android 4.4(KitKat)が発売開始されました！

さてどちらが日本では注目されていますか？？

私はiPad Airは欲しいですが、iPad miniを買うことにしたので我慢します。

Nexus 5は欲しいな〜。これも買うかどうか迷う。。。

http://www.google.com/nexus/5/
http://www.apple.com/ipad-air/

Flex 4.11:: 早い！Flex 4.11がもうリリースされた！

2013-10-30T17:28:00.002+09:00

Flex 4.11:: やった〜。Flex 4.11がリリース（10/28/2013）されました！4.10が8/6/2013にリリースされてたから、約３ヶ月！やっぱりApacheに渡してよかったのかな。

このままApacheに頑張ってもらいたい！

https://blogs.apache.org/flex/entry/apache_flex_4_11_released

Flex:: Spark ListコンポーネントのensureIndexIsVisbleを拡張して指定したアイテムを好きな位置（一番上）に表示

2013-10-30T16:25:00.000+09:00

Flex 4.10:: Spark Listコンポーネントの「ensureIndexIsVisble」はとても便利なメソッドです。これは引数にIndexを指定して、そのIndexのアイテムを表示エリアにスクロールして表示させるという機能です。
下のサンプルの左側のリストコンポーネントです。スクロール位置がどこでも、ボタンをクリックして「ensureIndexIsVisble」を呼ぶとスクロールしてIndex番号20のアイテムを表示エリアに表示させます。

でも、この動作好きですか？？？　私は少し気に入りませんでした。なぜ、表示エリアの一番上にジャンプしてくれないんだろう？それに、指定したアイテムが既に表示されている時は、何も反応しない。。。

どうもこの動作が好きになれなかったので、自分で拡張してみました。
このサンプルでは指定したアイテムを表示エリアの一番上に表示させるようにしました。これが、iOSでもAndroidでも標準の動きなのでなんだか私はしっくりきます。
少し変えれば、常に一番下に表示もできますし、思いのままです。
サンプル右側のリストコンポーネントが拡張したものです。ボタンをクリックすると20番目のアイテムが常に表示エリアの一番上に来ます。

■結果（Flashコンテンツ）

A Flash Content

■ソースコード（メインMXML）

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
      xmlns:myclasses="myclasses.*">
 
 <s:layout>
  <s:HorizontalLayout/>
 </s:layout>
 
 <!-- Regular VerticalLayout -->
 <s:VGroup>
  <s:Button label="Reqular" 
      click="listReqular.ensureIndexIsVisible(20);"/>
  <s:List id="listReqular"
    width="200" height="200">
   <s:layout>
    <s:VerticalLayout/>
   </s:layout>
   <s:dataProvider>
    <s:ArrayList>
     <fx:String>0</fx:String>
     <fx:String>1</fx:String>
     <fx:String>2</fx:String>
     <fx:String>3</fx:String>
     <fx:String>4</fx:String>
     <fx:String>5</fx:String>
     <fx:String>6</fx:String>
     <fx:String>7</fx:String>
     <fx:String>8</fx:String>
     <fx:String>9</fx:String>
     <fx:String>10</fx:String>
     <fx:String>11</fx:String>
     <fx:String>12</fx:String>
     <fx:String>13</fx:String>
     <fx:String>14</fx:String>
     <fx:String>15</fx:String>
     <fx:String>16</fx:String>
     <fx:String>17</fx:String>
     <fx:String>18</fx:String>
     <fx:String>19</fx:String>
     <fx:String>20 Hello</fx:String>
     <fx:String>21</fx:String>
     <fx:String>22</fx:String>
     <fx:String>23</fx:String>
     <fx:String>24</fx:String>
     <fx:String>25</fx:String>
     <fx:String>26</fx:String>
     <fx:String>27</fx:String>
     <fx:String>28</fx:String>
     <fx:String>29</fx:String>
     <fx:String>30</fx:String>
     <fx:String>31</fx:String>
     <fx:String>32</fx:String>
     <fx:String>33</fx:String>
     <fx:String>34</fx:String>
     <fx:String>35</fx:String>
     <fx:String>36</fx:String>
     <fx:String>37</fx:String>
     <fx:String>38</fx:String>
     <fx:String>39</fx:String>
     <fx:String>40</fx:String>
     <fx:String>41</fx:String>
     <fx:String>42</fx:String>
     <fx:String>43</fx:String>
     <fx:String>44</fx:String>
     <fx:String>45</fx:String>
    </s:ArrayList>
   </s:dataProvider>
  </s:List>
 </s:VGroup>  
 
 <!-- VerticalLayoutExtend -->
 <s:VGroup>
  <s:Button label="Extend"
      click="listExtend.ensureIndexIsVisible(20);"/>
  <s:List id="listExtend"
    width="200" height="200">
   <s:layout>
    <myclasses:VerticalLayoutExtend/>
   </s:layout>
   <s:dataProvider>
    <s:ArrayList>
     <fx:String>0</fx:String>
     <fx:String>1</fx:String>
     <fx:String>2</fx:String>
     <fx:String>3</fx:String>
     <fx:String>4</fx:String>
     <fx:String>5</fx:String>
     <fx:String>6</fx:String>
     <fx:String>7</fx:String>
     <fx:String>8</fx:String>
     <fx:String>9</fx:String>
     <fx:String>10</fx:String>
     <fx:String>11</fx:String>
     <fx:String>12</fx:String>
     <fx:String>13</fx:String>
     <fx:String>14</fx:String>
     <fx:String>15</fx:String>
     <fx:String>16</fx:String>
     <fx:String>17</fx:String>
     <fx:String>18</fx:String>
     <fx:String>19</fx:String>
     <fx:String>20 Hello</fx:String>
     <fx:String>21</fx:String>
     <fx:String>22</fx:String>
     <fx:String>23</fx:String>
     <fx:String>24</fx:String>
     <fx:String>25</fx:String>
     <fx:String>26</fx:String>
     <fx:String>27</fx:String>
     <fx:String>28</fx:String>
     <fx:String>29</fx:String>
     <fx:String>30</fx:String>
     <fx:String>31</fx:String>
     <fx:String>32</fx:String>
     <fx:String>33</fx:String>
     <fx:String>34</fx:String>
     <fx:String>35</fx:String>
     <fx:String>36</fx:String>
     <fx:String>37</fx:String>
     <fx:String>38</fx:String>
     <fx:String>39</fx:String>
     <fx:String>40</fx:String>
     <fx:String>41</fx:String>
     <fx:String>42</fx:String>
     <fx:String>43</fx:String>
     <fx:String>44</fx:String>
     <fx:String>45</fx:String>
    </s:ArrayList>
   </s:dataProvider>
  </s:List>
 </s:VGroup>  
 
</s:Application>

■ソースコード（VerticalLayoutExtend.as）

package myclasses
{
 import flash.geom.Point;
 import flash.geom.Rectangle;
 
 import spark.layouts.VerticalLayout;
 
 public class VerticalLayoutExtend extends VerticalLayout
 {
  public function VerticalLayoutExtend()
  {
   super();
  }
  
  public override function getScrollPositionDeltaToElement(index:int):Point
  {
   var elementR:Rectangle = getElementBounds(index);
   return getScrollPositionDeltaToElementHelperHelper(elementR, null, true, 0, NaN, NaN, NaN);
  }
 }
}

http://stackoverflow.com/questions/5136653/ensureindexisvisible-scroll-to-the-top-of-a-list-control

Flex:: モバイルアプリのパフォーマンスチェックリスト

2013-10-30T15:18:00.000+09:00

Flex 4.6:: モバイルアプリはデスクトップアプリよりもどうしてもパフォーマンスが劣るので、色々気をつけないといけません。
そのことについてまとめたサイトがあったのでメモ。

Flex:: TabbedViewNavigationApplicationのタブとアクションバーのスタイルを変更

2013-10-30T15:13:00.001+09:00

Flex 4.5:: FlexにはTabbedViewNavigationApplicationという便利なものがデフォルトで用意されています。これを使うと簡単にタブで切り替えるアプリケーションを作ることが出来ます。
それにそのタブやタイトルバー、アクションバーなどのスタイル（カラーなど）も変更するのは簡単です。

方法はこちらの記事参照

http://devgirl.org/2011/05/09/styling-the-flex-4-5-mobile-application-tabs-and-actionbar/

Flex:: Spark Listコンポーネントがスクロールしている際にその動作を止める方法

2013-10-30T14:54:00.002+09:00

Flex 4.10:: Spark Listコンポーネントをスクロールさせていると、その間は「ensureIndexIsVisble」を呼んでも効きません。なので、スクロールを一旦止める処理を入れて「ensureIndexIsVisble」を呼んでやればいいと思い、スクロールを止める方法を調査しました。が、、、不明でしたorz

どうにか方法あると思うんですが。とりあえず、やり方わからないし、今のところ特に重要でもないので、未解決でメモ。

誰かわかる方いましたら、ご指導お願いします。

Flex:: ItemRendererのview statesについて

2013-10-30T14:46:00.004+09:00

Flex:: かなり単純なことにハマってしまったので、同じようなことで悩んでいる人のためにと思いメモ。

モバイルアプリ用にSpark Listコンポーネントを使い、そのItemRendererをカスタムで作成していました。
モバイル用なので、ItemRendererといっても「hovered」や「dragging」などはなく、また、この場合「selected」も必要ありませんでした。
「states」は２つ設定しており、１つはデフォルトの状態で、もう１つは特別なItemのみ使用するものでした。

特に意味もなくデフォルトのview stateの名前に「normal」と設定していました。これが原因だったんですが。。。

今思えば単純ですが、この「normal」という名前のせいで、「selected」はview statesに宣言していないにもかかわらず、リストのItemをクリックした際に、view statesの状態が「selected」に替わってしまいました。selectedの処理を入れていなので、特に関係ないと思うかもしれませんが、もう１つのview statesに設定してあったItemも「selected」の状態になり、設定が変更されてしまいました。このItemの状態は勝手に変更されると困るんです。。。

「selected」は宣言していなかったので、なんでだろうとかなり悩んでいました。「normal」という名前を「default」に変更したところ、この現象は起きなくなりました。

ここから、「normal」という名前はプリセットされた名前なので、これを使用すると自動的に「slected」なども宣言していなくても、使用されるようです。。。

特に意味もないなら「normal」という名前は使わないようにしましょう。

ちなみに予約されている名前は以下のものです。

normal
hovered
selected
dragging
normalAndShowCaret
hoveredAndShowCaret
selectedAndShowCaret

http://help.adobe.com/en_US/Flex/4.0/UsingSDK/WS03d33b8076db57b9-23c04461124bbeca597-8000.html#WS3B0D227A-DBFE-424c-9076-E834C5833E30