- 追加された行はこの色です。
- 削除された行はこの色です。
[[Firefox OS]] > Framin(フレーミン)の使い方
#title(Framin(フレーミン)の使い方)
Framinは、KDDIが提供するスマートフォン用のアプリ作成ツール。Firefox OS搭載スマホ「Fx0」に付属していて、プログラミングなしで、お気に入りの写真や画像を使った、自分だけのアプリを作成できます。 作成したアプリは、インターネット上で公開することもできます。
#ref(20150424_084457.png)
Framinは、KDDIが提供するFirefox OSスマートフォン用の簡易アプリ作成ツール。Firefox OS搭載スマホ「[[Fx0:http://fxos.org/docs/fx0/]]」に付属していて、プログラミングなしで、お気に入りの写真や画像を使った、自分だけのアプリを作成できます。 作成したアプリは、ロックスクリーンアプリにしたり、インターネット上で公開したりもできます。
簡単にアプリが作れるんだけれど、制約もそれなりにあるので、その制約を活かして、一種のパズルだと思って取り組むと、けっこう面白いです。
#contents
* サンプル [#r9ce2f45]
*サンプル [#r9ce2f45]
#ref(yyycatch.png)
-[[ycatch-Creator Showcase:http://showcase.kddi.com/csc/authors/view/50]] 自分でも作ってみた
--[[ふるふる１０-Creator Showcase:http://showcase.kddi.com/csc/works/view/87]] 端末をふるスピードをきそうゲーム
--[[デジタルさいころ-Creator Showcase:http://showcase.kddi.com/csc/works/view/86]] デジタルなサイコロ。端末をふると、2進数で目を表示します。
--[[どうぶつへんしん-Creator Showcase:http://showcase.kddi.com/csc/works/view/85]] 子供向けの絵あわせパズル。
-[[Creator Showcase:http://showcase.kddi.com/csc/]] KDDIが運営する作品投稿サイト
* アプリの作り方 [#d6bfeb95]
** できること [#x6fbc785]
たとえば、こんなようなことができます。
- 3回ふったら、音がなる
- 6時になったら、画像を切り替える
- バッテリー残量が10%になっら通知する
** 入手する [#s1766cb0]
- Firefox OS搭載スマホ「[[Fx0:http://fxos.org/docs/fx0/]]」に付属
-[[Firefox Marketplace:https://marketplace.firefox.com/app/framinapp]] からダウンロード
** インストールする [#j6d4dbad]
はじめて使うとき、インストールが必要です。
#ref(install.png)
** じゃんけんゲーム [#s87ae133]
ここでは、簡単なじゃんけんゲームを作成してみます。
端末を何回かふると、「グー」「チョキ」「パー」が表示されます。
*** 素材を用意する [#k17b3d84]
じゃんけんゲームなので、次の画像を用意します。画像サイズは、300x300ピクセルにしています。
#ref(thumnails.png)
素材ダウンロードは、こちらから。
#ref(jankenpon.zip)
「じゃんけん」で検索すると、フリー素材もいろいろ見つかります。
*** 素材を端末に転送する [#x87d0b2c]
PCなどで素材を用意した場合、Framinが導入済みの端末に転送する必要があります。
端末に転送する一番簡単な方法は、メールの添付ファイルで送ること。
また、USB通信ケーブルで、PCから端末に転送したり、SDカードでやりとりしてもいいでしょう。
USB通信ケーブルを使った転送方法は、Firefox OSコミュニティサイトの[[便利な機能:http://fxos.org/docs/fx0/util/]]に掲載されています。
** そのほかの作り方 [#j1553bd4]
-Fx0でアプリを作る
--[[Framinを起動させてビューに画像を追加するまでの覚書 | WP-kyoto:http://wp-kyoto.net/make-app-view-using-framin/]]
--[[[Framinでトリガーとアクションを作る | WP-kyoto:http://wp-kyoto.net/fx0-make-framin-app-set-trigger-action/]]
--[[Framinでメイン画像を切り替えるアプリを作った覚書 | WP-kyoto:http://wp-kyoto.net/make-fx0-app-by-framin-exchange-images/]]
-Framinで、Fx0のアプリを作ってみる - Qiita:
--[[簡単なアプリを作る:http://qiita.com/Souj/items/13bb73c416a5190e1edd]]、[[続き:http://qiita.com/Souj/items/b7fd62ceb7d9599b136b]]
** 制約 [#rf76955c]
- 作成したアプリファイルは、端末内に保存されます。ファイルだけ取り出して、バックアップする方法がありません。端末をリセットすると消えてしまいます。
- ほかの人が作ったアプリのソースファイルを読み込む方法がありません。
- 端末をふる回数は、16回まで検出可能。
* 公式情報 [#h08c996f]
-[[Framin:http://framin.kddi.com/pc/]]
--[[Framin - アプリを作ってみよう:http://framin.kddi.com/pc/tutorials/]] チュートリアル
--[[Framin - 使い方:http://framin.kddi.com/pc/howto/]] 機能マニュアル
--[[Framin - サンプルアプリ:http://framin.kddi.com/pc/samples/]] 作り方のサンプル
--[[Framin - その他のご質問:http://framin.kddi.com/pc/qa/]]
* 作り方 [#j1553bd4]
-[[Framin | Firefox Marketplace:https://marketplace.firefox.com/app/framinapp]] Firefox Marketplaceでダウンロードできます
-[[FirefoxOS - Framinで、Fx0のアプリを作ってみる - Qiita:http://qiita.com/Souj/items/13bb73c416a5190e1edd]]
-[[JavaScript - Framinで、Fx0のアプリを作ってみる（２） - Qiita:http://qiita.com/Souj/items/b7fd62ceb7d9599b136b]]
* 制約 [#udc99c93]
* 関連情報 [#cc2ff070]
- アプリを作るアプリ「Framin」で作ったロックスクリーンアプリを手で振ると景色が変化 - YouTube
-- https://www.youtube.com/watch?v=wUkRu4dxOBY
- [Fx0でアプリを作る]Framinを起動させてビューに画像を追加するまでの覚書 | WP-kyoto
-- http://wp-kyoto.net/make-app-view-using-framin/
-[[アプリを作るアプリ「Framin」で作ったロックスクリーンアプリを手で振ると景色が変化 - YouTube:https://www.youtube.com/watch?v=wUkRu4dxOBY]] YouTube
-[[「Framin」でFirefox OSアプリの開発に挑戦 - ケータイ Watch:http://k-tai.impress.co.jp/docs/column/minna/20150305_690695.html]]
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
