AppliStudioまとめ @ ウィキ

コンポーネント/コメントログ

2011-10-13T00:14:41+09:00

- コンポーネント使って、iアプリ作ったらアップロードしても良いのでしょうか。 -- (ヒロ) &size(80%){2010-10-04 15:11:16} - アップロードは自由です。iアプリ、コンポーネント、エフェクト、ワークスペースそれぞれページが用意してあるので、そちらにどうぞ。 -- (管理人) &size(80%){2010-10-04 17:19:18} - メタリックコンポーネントをインポートしてみたのですが、コンポーネントの一覧表に出てきませんでした。拡張子がjarになっていてインポートできなかったので、勝手にiarに直したのが問題なのでしょうか。 -- (メタルアプリ) &size(80%){2010-10-09 01:16:04} - 拡張子そのものはjarだったような気がしますが。。。　私も確認してみます。(私はメタリックコンポーネントの作成者ではないですが。。。） -- (ヒロ) &size(80%){2010-10-12 08:49:40} - drgdfrg -- (admin) &size(80%){2011-02-04 23:16:46} - 「ラベル（縦書き）」で鍵括弧や丸括弧を90度回転させて、縦書き対応にしていただけると、とてもうれしいのですが、いかがでしょうか。 -- (初級修行者) &size(80%){2011-10-13 00:14:41}

イベント情報

2010-12-07T21:35:59+09:00

#contents ---- *iアプリ・テストラボ -[[公式サイト>https://adregist.nikkeibp.co.jp/2010w/1210iapptest.html]] -日時：2010年12月10日、12月18日 -場所：東京　[[VISIONセンター秋葉原>http://www.visioncenter.jp/]] -イベント内容 --ドコモマーケットに登録するiアプリの動作検証 *iアプリ・デベロッパーキャンプ in Osaka -[[公式サイト>http://itpro.nikkeibp.co.jp/iappli/iDC2010/osaka.html]] -日時：2010年10月2日 -場所：大阪 -イベント内容 --[[twitterまとめ>http://togetter.com/li/55769]] --[[AppliStudioを活用したUI実装講座>http://applistudio.e-usf.net/]] *iアプリ・デベロッパーキャンプ in Tokyo -[[公式サイト>http://itpro.nikkeibp.co.jp/iappli/iDC2010/tokyo.html]] -日時：2010年9月25日 -場所：東京 -イベント内容 --[[twitterまとめ>http://togetter.com/li/54370]] --[[ドコモマーケット（iモード）およびiアプリDX機能開放の紹介(Ustream)>http://www.ustream.tv/recorded/9798478]] --[[ドコモマーケット向けiアプリ開発のすべて(Ustream)>http://www.ustream.tv/recorded/9800191]] --[[AppliStudioを活用したUI実装講座>http://applistudio.e-usf.net/]]

コンポーネント

2010-11-22T17:15:43+09:00

コンポーネントとは、テキストボックスやボタンなどの各種UI部品です。デフォルトでいくつかのコンポーネントが用意されていますが、AppliStudioでは、コンポーネントの作成、追加、他者への配布を自由に行うことができます。コンポーネントを利用することでアプリ開発を効率よく行えます。このページでは、みなさんが作ったコンポーネントを紹介してください。コンポーネントのインポート方法は[[使い方のページ>http://www16.atwiki.jp/applistudio/pages/17.html#id_b6c759bb]]を見てください。 ---- #contents ---- *ラベル(縦書き) -[[ダウンロード>http://ux.getuploader.com/appli/download/15/labelVertical.iar]] -使い方 --通常のラベルと同じ。プロパティのテキストの文字を入力すると縦書きで表示される。 #ref(lavelverticalimage.png,,center) ---- *画像トリミングコンポーネント -[[ダウンロード>http://ux.getuploader.com/appli/download/2/trimmingComp.iar]] -貼り付けた画像をEclipse上でトリミング編集することができます。 -使い方 --プロパティの「トリミング位置」でトリミング領域を設定 #ref(trim1.png,,center) --プロパティの「編集モード」をtrueに設定 #ref(trim2.png,,center) ---- *メタリックボタンコンポーネント #ref(http://dl3.getuploader.com/g/appli/4/MetalicButton.jpg) -[[ダウンロード>http://ux.getuploader.com/appli/download/3/mame.component.MetalicButton.jar]] はじめまして。公式ドキュメント読んでたら、簡単にコンポーネントが作れそうだったので作ってみました。 (ちなみに、私は上記２つのコンポーネントを作った方とは別人です) |BGCOLOR(#B0C4DE):フィールド|BGCOLOR(#B0C4DE):内容|BGCOLOR(#B0C4DE):デフォルト値| |foreColor|未選択時の文字色|0xFFA9A9A9(濃い灰色)| |foreColorActive|選択時の文字色|0xC8696969(濃い灰色で若干透過)| |bgColorActive|選択時の背景色(透過指定推奨)|0x6487CEFA(薄い水色)| |font|文字スタイルとサイズ|スタイル(太),文字サイズ(大)| |align|文字描画位置|中央揃え| ---- *ラベル２ -[[ダウンロード>http://ux.getuploader.com/appli/download/12/label2.iar]] -デフォルトのラベルでは外枠を消すことができませんが、このコンポーネントではラベルの外枠を消せます。ついでにデフォルトのラベルでは画像の拡大がおかしかったので直しました。 -外枠なしのイメージ図 #ref(label2_1.png,,center) -画像拡大のイメージ図 #ref(label2_2.png,,center) ---- *テキストボックス(起動モードを追加) -[[ダウンロード>http://ux.getuploader.com/appli/download/14/textbox2.iar]] -AppliStudioに入っているテキストボックスではIME起動モードが指定できなかったので、プロパティから選択できるように追加しました。 ---- *吹き出しコンポーネント -[[ダウンロード>http://ux.getuploader.com/appli/download/17/balloonComponent.iar]] -用途 --お好みの画像などに気の利いたセリフを付けて楽しめます。 --アプリ設計時などの画面説明用に利用します。 -プロパティ --配置 ---X座標：コンポーネントのX座標を指定します。 ---Y座標：コンポーネントのY座標を指定します。 ---幅：コンポーネントの幅を指定します。 ---高さ：コンポーネントの高さを指定します。 --外観 ---背景色：コンポーネントの背景色を指定します。 --吹き出し ---文字列：吹き出しに表示する文字列を指定します。 ---セリフの色：吹き出しに表示する文字列の色を指定します。 ---フォントサイズ：吹き出しに表示する文字列のフォントサイズを指定します。 ---吹き出しの向き：吹き出しの向きを指定します。0：左上／1：右上／2：左下／3：右下 ---縦書き：セリフを縦書きにしたいときにtrueを選択します。 --イメージ #ref(BaloonCompImage02.jpg,,center) ---- #comment_num2()

トップページ

2010-10-30T00:52:41+09:00

AppliStudio(アプリスタジオ)とはNTTドコモから提供されているドコモマーケット（iモード）用のコンテンツを作成するためのiアプリ開発ツールです。UIエディタによるGUIでのアプリ開発が可能です。簡単な画面遷移を行うのみのiアプリであればUIエディタのみでの作成が可能であるため、プログラミングをすることなくアプリ開発が可能です。もちろん、直接プログラミングをすることも可能であるため、柔軟なカスタマイズにも対応しています。また、UI部品(コンポーネント・エフェクト)の作成や、追加、他者への配布は自由に行うことが可能であるため、一度UI部品を作ってしまえば、後は誰でもその部品を使うことができ、iアプリ開発を効率よく行えます。 Androidアプリの作成にも対応しており、iアプリ向けに作成したプロジェクトをAndroid向けに変換することも可能です。このサイトでは、Appli Studioの使い方や作成したコンテンツを紹介していこうと思っています。ページの作成・編集は誰でもできるようになっていますので、便利な機能を知っている方やAppliStudioでコンテンツを作成した方は自由に追加していってください。 ---- -[[インストール]] -[[使い方]] -AppliStudioで作成したもの --[[iアプリ]] --[[ワークフロー]] --[[コンポーネント]] --[[エフェクト]] -[[ドコモマーケット情報]] -[[イベント情報]] -[[リンク]]

使い方

2010-10-30T00:49:49+09:00

#contents ---- *フォームエディタ -フローエディタ上で編集したい画面を開く -コンポーネントパレットからコンポーネントを選択して配置 -プロパティ画面でテキストや画像を設定できる -カーソル順序をプロパティから設定 --順序指定では番号で設定。小さい数字からフォーカスが順番に当たる --十字キー指定では上下左右キーを押した時の遷移先をコンポーネント名で指定 -レイヤー番号設定でコンポーネントの重なり順序を設定 -ソフトキーのラベル名を設定 ---- *フローエディタ -パッケージエクスプローラのuiフォルダからapplication.flwを選択してファイルを開く -フロー作成パレットから「画面」を選択して配置 -フロー作成パレットから「進む」「戻る」を選択して矢印を配置 -画面遷移の設定 --フローエディタ上の矢印を選択 --プロパティ画面で条件を選択 ---- *ADFキーの設定 -設定方法 --パッケージエクスプローラーでADFを編集したいプロジェクトを選択 --メニュー→プロジェクト→Star-1.X→ADF/トラステッド動作設定 -必須キー #table_edit(ADF必須キー) -オプショナルキー #table_edit(ADFオプショナルキー) ---- *アップロードとQRコード生成 -「AppliStudio」→「iアプリのアップロードとQRコードの作成」 -設定方法 --ドコモマーケット ??? --Yahoo!ジオシティーズ |BGCOLOR(#CCFFFF):LEFT:項目|BGCOLOR(#CCFFFF):LEFT:設定内容| |LEFT:プロジェクト|LEFT:アップロードしたいプロジェクトを選択| |LEFT:プロトコル|LEFT:ftp| |LEFT:QRコードURL|LEFT:http://www.geocities.co.jp/(ディレクトリ)/Download.html| |LEFT:ホスト名|LEFT:ftp.geocities.co.jp| |LEFT:ポート番号|LEFT:(空欄)| |LEFT:ディレクトリ|LEFT:/(Yahoo! JAPAN ID)/(作成した[[iアプリ]]を配置したいディレクトリ名)| |LEFT:ユーザ名|LEFT:Yahoo! JAPAN IDを入力| |LEFT:パスワード|LEFT:Yahoo! JAPAN IDのパスワードを入力| ---- *ワークフロー **作成 **インポート・エクスポート ---- *コンポーネント **作成 -「AppliStudio」→「コンポーネントの管理」→「作成」 -プロジェクトを選択 -コンポーネント種類を選択 -「新規作成」 -javaファイルとXMLファイルができるので必要なコードを書く([[XMLのタグについての説明はこちら>コンポーネントXMLタグ]]) -フォームエディタのコンポーネント一覧に作成したコンポーネントが表示されているので選択して貼り付け **インポート -「AppliStudio」→「ツールボックスのインポート」 -プロジェクトを選択 -出力元のファイル名を設定 **エクスポート -「AppliStudio」→「ツールボックスのエクスポート」 -プロジェクトを選択 -エクスポートするコンポーネントを選択 -エクスポートオプションを選択 -出力先のファイル名を設定 ---- *エフェクト **作成 -「AppliStudio」→「エフェクトの管理」→「新規作成」 -「完了」ボタンを押しても自動でJavaファイルとXMLファイルが開かないため、手動で開く必要があります **インポート -「AppliStudio」→「ツールボックスのインポート」 -プロジェクトを選択 -出力元のファイル名を設定 **エクスポート -「AppliStudio」→「ツールボックスのエクスポート」 -プロジェクトを選択 -エクスポートするエフェクトを選択 -エクスポートオプションを選択 -出力先のファイル名を設定 ---- *Android変換機能 -空のAndroidプロジェクトを作成 -「メニュー」→「AppliStudio」→「Android コード変換」 -出力先に最初に作成した空のAndroidプロジェクトを選択 -パッケージエクスプローラーでAndroidプロジェクトを選択して右クリック -「リフレッシュ」を選択

コンポーネントXMLタグ

2010-10-30T00:42:35+09:00

#contents ---- *componentタグ |BGCOLOR(#CCFFFF):LEFT:パラメータ|BGCOLOR(#CCFFFF):LEFT:説明|h |LEFT:desc|LEFT:プロパティのツールチップの説明| |LEFT:instantiatable|LEFT:[[コンポーネント]]の認識可否フラグ| |LEFT:name|LEFT:コンポーネント名称| |LEFT:theme|LEFT:コンポーネントのテーマ| |LEFT:type|LEFT:コンポーネントの型名| |LEFT:xmlns|LEFT:不明 (デフォルト値から変更しない)| ---- *implementationタグ |BGCOLOR(#CCFFFF):LEFT:パラメータ|BGCOLOR(#CCFFFF):LEFT:説明|h |LEFT:class|LEFT:コンポーネントのクラス名| ---- *categoryタグ |BGCOLOR(#CCFFFF):LEFT:パラメータ|BGCOLOR(#CCFFFF):LEFT:説明|h |LEFT:label|LEFT:プロパティの分類| ---- *propertyタグ |BGCOLOR(#CCFFFF):LEFT:パラメータ|BGCOLOR(#CCFFFF):LEFT:説明|h |LEFT:desc|LEFT:プロパティのツールチップの説明| |LEFT:export|LEFT:入力されたプロパティ値を保存フラグ| |LEFT:readonly|LEFT:読み取り専用フラグ| |LEFT:label|LEFT:プロパティビューでの表示名| |LEFT:name|LEFT:Javaファイル内での変数名| |LEFT:defaultValue|LEFT:プロパティの初期値| |LEFT:type|LEFT:プロパティの型| **typeの指定内容 |BGCOLOR(#CCFFFF):LEFT:typeの指定内容|BGCOLOR(#CCFFFF):LEFT:プロパティで入力内容|BGCOLOR(#CCFFFF):LEFT:ソースファイル内での変数の型|h |LEFT:boolean|LEFT:true/falseをプルダウンで選択|LEFT:boolean| |LEFT:int|LEFT:数値を直接入力|LEFT:int| |LEFT:int(x, y)|LEFT:x～yまでの範囲の数値を直接入力|LEFT:int| |LEFT:color|LEFT:カラーパレットダイアログの表示|LEFT:int| |LEFT:String|LEFT:文字列|LEFT:String| |LEFT:DateFormat|LEFT:日付フォーマットをプルダウンで選択|LEFT:int| |LEFT:Alignment(horizontal), Alignment(vertical)|LEFT:テキストの配置|LEFT:int| |LEFT:Dock|LEFT:文字列、画像をマッピングできるダイアログを表示|LEFT:Object型（Vector）| |LEFT:ZoomList|LEFT:文字列、画像をマッピングできるダイアログを表示|LEFT:Object型（Vector）| |LEFT:Columns|LEFT:で列名と幅をマッピングできるダイアログを表示|LEFT:Object 型（DataColumns[])| |LEFT:Grid(XXX)|LEFT:列名ごとにデータを入力できるダイアログを表示|LEFT:Object 型（Vector）| |LEFT:Array|LEFT:文字列を配列で入力できるダイアログを表示|LEFT:Object 型（DataItem[])| |LEFT:Image|LEFT:画像が選択できるダイアログを表示|LEFT:KImage| |LEFT:ImageList|LEFT:文字列、画像、true/falseをマッピングできるダイアログを表示|LEFT:Object 型（Vector）| |LEFT:Component|LEFT:コンポーネントをプルダウンで選択|LEFT:KComponent| |LEFT:Font|LEFT:フォントサイズをプルダウンで選択|LEFT:int|

リンク

2010-10-27T23:48:12+09:00

-公式サイト --[[NTドコモ(作ろうiモードコンテンツ　iアプリ)>http://www.nttdocomo.co.jp/service/imode/make/content/iappli/index.html]] --[[NTTドコモ(作ろうiモードコンテンツ　AppliStudio)>http://www.nttdocomo.co.jp/service/imode/make/docomo_market/tool/applistudio/index.html]] --[[NTTドコモ(ドコモマーケット iアプリ提供者向け情報)>http://www.nttdocomo.co.jp/service/imode/make/docomo_market/]] -コミュニティサイト --[[i-appli SQUARE (iアプリスクエア)>http://itpro.nikkeibp.co.jp/iappli/square/index.html]] -解説サイト --[[i-@ppli Techfirm Lab. >http://labs.techfirm.co.jp/iappli/category/applistudio]] -イベント --[[iアプリ・デベロッパーキャンプ>http://itpro.nikkeibp.co.jp/iappli/iDC2010/tokyo.html]] -コンテスト --[[iアプリ・アドバンスアワード 2010>http://itpro.nikkeibp.co.jp/iappli/iaaa2010/index.html]]

ドコモマーケット情報

2010-10-17T00:28:57+09:00

#contents ---- *課金 -月額課金と個別課金が可能 -月額課金 --10円～525円 -個別課金 --10円～5250円(ドコモケータイ払い) --11ポイント～500ポイント(ドコモポイント交換) ---- *iアプリから通信可能なWebサービス -[[ぐるなびWebサービス>http://api.gnavi.co.jp/api/service.htm]] -[[ホットペッパー>http://api.hotpepper.jp/]] -[[じゃらんWebサービス>http://www.jalan.net/jw/jwp0000/jww0001.do]] -[[ホットペッパーBeauty Webサービス>http://webservice.recruit.co.jp/beauty/]] -[[タウンマーケット Webサービス>http://webservice.recruit.co.jp/townmarket/]] -[[ドコイク？Webサービス>http://www.doko.jp/api/]] -[[リクルート進学ネットWebサービス>http://webservice.recruit.co.jp/shingaku/]] -[[カーセンサーnet>http://webservice.recruit.co.jp/carsensor/]] -[[エイビーロードWebサービス>http://webservice.recruit.co.jp/ab-road/]] -[[エイビーロード航空券Webサービス>http://webservice.recruit.co.jp/ab-road-air/]] -[[スマッチ！ Webサービス>http://webservice.recruit.co.jp/smatch/]] -[[Google code>http://code.google.com/intl/ja/]] -[[Yahoo! テキスト解析>http://developer.yahoo.co.jp/webapi/jlp/]] -[[Yahoo! 地図>http://developer.yahoo.co.jp/webapi/map/]] -[[Yahoo! ショッピング>http://developer.yahoo.co.jp/webapi/shopping/]] -[[Yahoo! 検索>http://developer.yahoo.co.jp/webapi/search/]] -[[Yahoo! ニュース>http://developer.yahoo.co.jp/webapi/news/]] -[[Yahoo! オークション>http://developer.yahoo.co.jp/webapi/auctions/]] -[[Yahoo! 知恵袋>http://developer.yahoo.co.jp/webapi/chiebukuro/]] -[[mixi Graph API>http://developer.mixi.co.jp/connect/mixi_graph_api]] -[[食べログＡＰＩ>http://tabelog.com/help/api/]] -[[価格.com webサービス>http://apiblog.kakaku.com/]] -[[kizasi.jpツール>http://kizasi.jp/tool/kizapi.html]] -[[はてな webサービス>http://www.hatena.ne.jp/info/webservices]] -[[RAKUTEN WEBSERVICE>http://webservice.rakuten.co.jp/]] ---- *利用可能なiアプリDX機能 -DL元以外との通信許可 -携帯電話情報の参照 -ネイティブメーラの利用 -メッセージiアプリ -テーマ設定 -iアプリ自動起動APIの利用 -位置情報APIの利用 -Bluetooth APIの利用 -OpenGL ES機能の利用 -音声入力機能の利用 -ブラウザ/メール連携確認ダイアログ抑止機能 -ダウンロード元サイトが異なるiアプリ間の連携起動の利用 -地図プラットフォームにおける電話帳内住所情報取得機能の利用 -カメラからのRAW画像取得機能の利用

メニュー

2010-10-17T00:19:29+09:00

**メニュー -[[インストール]] -[[使い方]] -AppliStudioで作成したもの --[[iアプリ]] --[[ワークフロー]] --[[コンポーネント]] --[[エフェクト]] -[[ドコモマーケット情報]] -[[イベント情報]] -[[リンク]] ---- //**更新履歴 //#recent(20) #javascript(){{ var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18725480-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); }} &html(

奥二重目頭切開

)

ADF必須キー

2010-10-03T17:11:01+09:00