• Short
• Smooth
• Natural
• Purposeful

• 必要以上にうるさくしない
• ユーザーが求めていないときのアニメーションはとてもつらい。ユーザーにとってつらいし、開発者にとってもつらい。開発時に何回も何回も見ないといけないから
• ViewPropertyAnimator はデフォルトでアニメーションの時間を 300ms にしている
  300ms はモバイルデバイスの多くのアニメーション時間に適してる
  十分短いが短すぎるわけではない
  ただし、これが答えというわけではない。すべてのアニメーションを 300ms にしろ、というわけではない
  シチュエーション、ビューの大きさ、アニメーションの複雑度、移動する距離などに依存する
  
• ウィンドウのアニメーションがいい例。これはスケールとアルファのアニメーションを組み合わせて、フルスケールのアニメーションをさせなくても 0 からサイズが変わったように感じられる
• 小さいボタンを大きいボタンを同じ時間、同じ距離を移動させた場合、ユーザーには異なるように感じられる。
  「つまり、なんでガリレオは石と羽で実験したのかっていうと、アニメーションの時間をテストしてたのさw」（ジョークね）

• stable ID を getItemId() で返す
• getView() で一行の View に setOnTouchListener() をセットする

• アイテムがスワイプアウトされたときの背景（ドロップシャドウあり）を描画する
• 上と下用の2つのドロップシャドウを作って（9-patch を使ってもOK）、背景を表示すると言われたときに setWillNotDraw(false) をセットして描画する
• onSizeChanged() でサイズが変更されたらドロップシャドウのサイズをアップデートする
• onDraw() を Override して、canvas を translate してドロップシャドウを描画する

• アニメーションのロジックのすべてがある
• StableArrayAdapter を生成して ListView にセット
• View.OnTouchListener でアクションをトラックしてスワイプに応じて透明度を変更
• 指が離れたときに位置と速度に応じて、戻るのかスワイプアウトするのか決めアニメーションを開始する
• アニメーションは ViewPropertyAnimator で alpha(), translationX(), withEndAction() を使う

• リストのアイテムが消えるとその分リストがつまるので、つまる前の位置を保持しておき、つまる前からつまった後の位置までアニメーションさせたい
• リストのアイテムが消えるとレイアウトが走り、他の子ビューの位置を変更する
• まずレイアウトが起こる前に情報を集める
• JellyBean で追加された setHasTransientState(true) を他の子ビューにセットする
• ListView に false をセットするまでビューのコンテンツを台無しにしないために重要
• それから ViewTreeObserver.OnPreDrawListener をセットする
• レイアウトパスの結果を描画する前に OnPreDrawListener の onPreDraw() が呼ばれる
• ここで OnPreDrawListener を remove
• レイアウトが起こった後の情報を集め、レイアウト前の位置からレイアウト後の位置までアニメーションさせる
• 終わったら setHasTransientState(false) をセットする

• サムネイルの状態では白黒
• サムネイルの位置からスケールアップして画像が画面全体に表示される
• スケールアップに合わせて白黒じゃなくなり、背景も暗くなる
• 画像のスケールアップが終わったら、詳細が画像のしたからアニメーションで出てくる

• サブアクティビティは透明の Activity
• トリックはすべてこの透明な Activity で行う

• Grid を表示して、ColorMatrix filter を使って白黒にしているだけ
• サムネイルがクリックされたら、getLocationOnScreen() でサムネイルの画面上の位置を取得、orientation を取得
• これらの情報を Intent を介してサブアクティビティに伝える
• startActivity() を呼んだあとに overridePendingTransition(0, 0); を呼んでデフォルトのアニメーションが走らないようにする

• savedInstanceState が null かどうかチェックして、画面回転時にアニメーションが走らない様にする
• ViewTreeObserver.OnPreDrawListener をセットする
• onPreDraw() が呼ばれたら、OnPreDrawListener を削除し、getLocationOnScreen() で画像の位置を取得
• もとのサムネイルとのスケールを計算し、Intent で渡された位置からレイアウトされた位置までアニメーションする
• 合わせて背景の透明度、画像の saturation（ColorMatrixColorFilter を利用したカスタマイズ property）なども一緒にアニメーションする
• finish() 時に overridePendingTransition(0, 0); を呼ぶ
• バックボタンが押されたときに、サムネイルに戻るアニメーションを実行してから finish() を呼ぶようにする

• BlurMaskFilter を使って深さを表現したレイアウト

• ディズニーのアニメーションについて
• 彼らはアニメーションの12の原則を作った
• これらは観客の理解を助けることにフォーカスしていた

• 原則の1つに Squash and Stretch というのがある
• ボタンが跳ねるときのアニメーションを例に説明
• 2つのアニメーションをつなげるときにナチュラルになるようにしようということ

• Parleys.com : Animation Rules (Devoxx 2009)
• Youtube.com : DevBytes (androiddevelopers channel)
• Book : The Illusion of Life (Thomas and Johnston)
• Chet's Tips & Tricks (graphics-geek.blogspot.com)
• Romain's Tips & Tricks (www.curious-creature.org)

• GPS
• Wi-Fi
• cell（基地局）
• sensors（センサー）

• 電池消費を抑える
• 正確性を改善する（屋内でも十分な正確性をとれる）
• APIs をよりシンプルにする（シンプルにしただけではない、より効果的になっている）
• クールな新しい機能を提供する
• ほとんどの Android デバイスで利用できるようにする

• Backward compatible to Froyo
• Google Data Models（屋内の位置検出など）
• Shorter Release Cycle（プラットフォームのアップデート待つよりもっとずっと早く改善できる）

• Google Account
• Eclipse 3.8 or 4.2 で Android アプリを開発できる環境
• 4.0.3 （API Level 15）以上の Android SDK と Google APIs

• Google Plugin for Eclipse (GPE) 3.8/4.2 を Eclipse のリンク先の指示通りに、以下の項目をインストールする
  • Developer Tools > Android Developer Tools
  • Google App Engine Tools for Android
  • Google Plugin for Eclipse
  • SDKs > Google App Engine Java SDK
• Extras の中の Google Cloud Messaging for Android

• 1. web client ID を作成する
• 2. Android client ID を作成する
• 3. web client ID と Android client ID をモバイルバックエンドの設定画面でセットする
• 4. web client ID を Android クライアントアプリの Consts.java に記入する

• 何かを行うのが簡単かつ効果的
  家ではドアの幅は出入りするのに適切なサイズだし、床は硬いし、何かを行うのに適切な光量がある
  
  
• 関連する項目は一緒にし、関連しない項目は離す
  近接の効果を利用する。台所とダイニングは繋がっていて、ガレージで区切られていたりはしない
  
  
• 積極的に一貫性のあるナビゲーションを通して複雑さを管理する
  フロントの部屋はすべて互いに繋がっているが、客室は共通の廊下につながっている

• 1. Inventory
  必要なアクターとユースケースを用意する。物語としての説明はいらない。ユーザーの観点からアプリにさせたいことが必要。
  
  
• 2. Prioritize
  大雑把な優先順位をつける。High, Medium, Low でいい。ユースケースの優先順位付けで重要なのは、どれが一番重要なユースケースで、どれがそれほどでもないのかを見つけること。アプリでもっとも頻繁にすることは何か、最も重要なことはなにか、という視点から始めるとよい。
  
  
• 3. Sequence
  個別のアクターからどのユースケースに直接行きたいのか、どのユースケースは他のユースケースの拡張なのかを順序付ける。
  
  
  
  
• 4. Decompose
  幅広い、漠然としている、多くの基礎をカバーしている、と感じるユースケースがあるなら、それを分解する。
  
  

• 適切な構造を選択することはアプリの体験にとって非常に重要
• "このアプリは何なのか"を理解し、異なるユーザーにどのように提供するのか
• ナビゲーションパターンを選択するときは全てのオプションを考える

• メインのコンテンツ用のビュー（上の例だとFrameLayout）は、DrawerLayout の最初のビューでなければならない
• メインのコンテンツ用のビュー の layout_width と layout_height は match_parent にする
• NavigationDrawer 用のビュー（上の例だとListView）は、layout_gravity で horizontal gravity を指定しなければならない
  RTL言語をサポートするなら left ではなく start を使う
• NavigationDrawer 用のビューは dp 単位で幅を指定し、縦は patch_parent にする
  横幅は 320dp 以上にはしない

• Drawer を持っている Activity
• DrawerLayout
• Drawer アイコン（UPアイコンの代わりに表示される）の drawable リソースID
• Drawer を開くというアクションの説明（アクセシビリティ用）の string リソースID
• Drawer を閉じるというアクションの説明（アクセシビリティ用）の string リソースID

• extras/android/support/v4/src/java/android/support/v4/app/ActionBarDrawerToggle.java
• extras/android/support/v4/src/honeycomb/android/support/v4/app/ActionBarDrawerToggleHoneycomb.java

• IMPL を常に ActionBarDrawerToggleImplHC を使うように変更
• ActionBarDrawerToggleImpl の setActionBarUpIndicator() と　setActionBarUpIndicator() の Activity を SherlockActivity や SherlockFragmentActivity に変更
• ActionBarDrawerToggleImplHC の setActionBarUpIndicator() と setActionBarUpIndicator() も同様
• ActionBarDrawerToggle のコンストラクタの Activity も同様
• MenuItem のインポートを Sherlock のものに変更
• public boolean onOptionsItemSelected(MenuItem item) { if (item != null && item.getItemId() == ID_HOME && mDrawerIndicatorEnabled) { if (mDrawerLayout.isDrawerVisible(GravityCompat.START)) { mDrawerLayout.closeDrawer(GravityCompat.START); } else { mDrawerLayout.openDrawer(GravityCompat.START); } } return false; } を public boolean onOptionsItemSelected(MenuItem item) { if (item != null && item.getItemId() == ID_HOME && mDrawerIndicatorEnabled) { if (mDrawerLayout.isDrawerVisible(GravityCompat.START)) { mDrawerLayout.closeDrawer(GravityCompat.START); } else { mDrawerLayout.openDrawer(GravityCompat.START); } return true; } return false; } にする（最初の if に入ったら true を返す）
  
  # サンプルで @Override public boolean onOptionsItemSelected(MenuItem item) { // Pass the event to ActionBarDrawerToggle, if it returns // true, then it has handled the app icon touch event if (mDrawerToggle.onOptionsItemSelected(item)) { return true; } // Handle your other action bar items... return super.onOptionsItemSelected(item); } # としているのに1つ目の if は常に false とかひどいバグでござる。。。

• setActionBarUpIndicator() と　setActionBarUpIndicator() の Activity を SherlockActivity や SherlockFragmentActivity に変更
• activity.getActionBar() を activity.getSupportActionBar() に変更

• standard
• singleTop
• singleTask
• singleInstance

06-04 11:59:57.619: I/ActivityManager(533): START u0 {cmp=com.android.vending/com.google.android.finsky.billing.lightpurchase.IabV3Activity (has extras)} from pid -1
06-04 11:59:57.619: W/ActivityManager(533): Activity is launching as a new task, so cancelling activity result.

org.mockito.Matchers.*
org.mockito.Mockito.*

• 1. 引数で渡す文字列が JSON 文字列として正しくない場合、onError() が呼ばれ他のメソッドは呼ばれない
• 2. （引数で渡す）JSON 文字列に Status キーが無い場合、onError() も他のメソッドも呼ばれない
• 3. JSON 文字列の Status キーの値が hoge1 でも hoge2 でもない場合、onError() も他のメソッドも呼ばれない
• 4. JSON 文字列の Status キーの値が hoge1 の場合、onHoge1() が呼ばれ他のメソッドは呼ばれない
• 5. JSON 文字列の Status キーの値が hoge2 の場合、onHoge2() が呼ばれ他のメソッドは呼ばれない

• テストプロジェクトの Properties で [Java Build Path] → [Order and Export] で Android Private Libraries のチェックボックスをチェック
• テストプロジェクトを clean

• App/
  • MOONBlock
    • lib/
      • enchant.js
      • MOON.js
      • ...
    • js/
    • ...
• Data/
  • MyNotebook1/
    • info.json
      ページID が配列になっている JSON { "pages":[ "wtV727cH1356966334559", "PLbZcQDz1356966337101", ... "m5cv1ak51375741607892" ] }
    • [ページID（ランダムな文字列）]/
      • info.json
        backing にストローク情報ID、stickers にシールID の配列がはいった JSON {"backing":"ストローク情報ID" ,"stickers":["シールID"]}
      • storage.json
        ローカルストレージの実体ぽい {"fav":0}
      • [ストローク情報ID（ランダムな文字列）]/
        • info.json
          ストローク情報の JSON
          
          "data" は x, y, 筆圧, x, y, 筆圧, ... のようにデータが入ってる { "version":"0.2", "x":0, "y":0, "width":768, "height":1024, "scale":1.0, "color":-16777216, "transparent":false, "strokes":[ { "width":2.5, "color":-1, "type":"pen", "data":[221.15625,273.7857360839844,0.09349840134382248,221.7083282470703,275.952392578125,0.0446123443543911] }, ... { "width":5.0, "color":-1, "type":"pen", "data":[223.125,285.3571472167969,0.002590776886790991,223.125,287.5535888671875,0.01993499882519245,223.21875,291.21429443359375,0.09266002476215363] } ] } 白背景（invert）にすると、color 部分が変わる { "version":"0.2", "x":0, "y":0, "width":768, "height":1024, "scale":1.0, "color":-1, "transparent":false, "strokes":[ { "width":2.5, "color":-16777216, "type":"pen", "data":[90.0,270.0714416503906,0.3157637417316437,90.75] } ] }
      • [シール（スティッカー）ID（ランダムな文字列）]/
        • info.json
          シールのストローク情報
          
          例）Evernote シールの info.json
          background.png を "clip" のストロークで切り取ることができるようだ { "version":"0.2", "x":509, "y":898, "width":258, "height":89, "scale":1.0, "color":0, "transparent":true, "strokes":[], "clip":{ "width":0.0, "color":-16777216, "type":"pen", "data":[242.09375,68.21429443359375, ... 0.9757569432258606] }, "image":"background.png" }
        • manifest.json
          シールのマニフェスト
          script に指定した js が実行されるようだ { "editor": {"name":"MOONBlock","version":"1"}, "linked_pages": [], "access_urls": [], "script": "hack.js" }
        • hack.js
          実行されるスクリプト
        • background.png（ないシールもある）
        • images/ （ないシールもある）
        • lib/ （ないシールもある）
          MOON.js など、hack.js で importJS() する js ファイルがおいてある
        
        
        Evernote シールでは
        - info.json
        - manifest.json
        - hack.js
        - hack.js.old ← 残すなよw
        - background.png
        - images/
        - lib/
        
        
        Web をクリップしたシールでは
        - info.json
        - manifest.json
        - hack.js
        - background.png（Web の切り抜いた部分が収まるように四角にクリップした画像）
        
        manifest.json { "editor":{"name":"Columbia","version":"1"}, "linked_pages":["https://maps.google.co.jp/"], "access_urls":[], "script":"hack.js" } hack.js location.replace("https://maps.google.co.jp/");
        
        ブロックのサンプルシールでは
        - info.json
        - manifest.json
        - hack.js
        - images/
        - libs/
        
        manifest.json { "version":"1", "editor":{"name":"MOONBlock","version":"1"}, "linked_pages":[], "access_urls":[], "script":"hack.js", "blocks":[ ... ], "block_images":[] }
        
        描いた絵を指で囲んで link を選択して他のページ遷移できるシールを作成した場合は
        - info.json
        - manifest.json
        - hack.js
        
        
        manifest.json { "editor":{"name":"Columbia","version":"1"}, "linked_pages":["JTwZfnMf1375585755864"], （JTwZfnMf1375585755864 はリンク先のページID） "access_urls":[], "script":"hack.js" }
        
        hack.js location.replace("page://JTwZfnMf1375585755864"); （JTwZfnMf1375585755864 はリンク先のページID）
• DCIM/
  • 100MOON/
    • MyNotebook1_[ページID].jpg
      ページのサムネイルが格納されている
      （私の enchant MOON では？）白背景の場合になぜか背景が薄い黄緑色になる
      （私の enchant MOON では？）黒背景の線の色が白ではなく薄い黄緑色になる
• Screenshots/
  • Screenshot_yyyy-MM-dd-hh-mm-ss.png
    スクリーンショット（ペンの上側のボタンを押すと撮れる）が格納されている
    両サイドのページの区切り線がスクショにも入っていたが、2.3.1 のマイナーアップデートで区切り線がなくなったため、スクショにも出なくなった
• LOST.DIR

• info.json
• manifest.json
• hack.js

• info.json
• manifest.json
• hack.js
• lib/MOON.js

• html5CanvasToSerializableObject(canvas)
  HTML5 の canvas オブジェクトを渡すと pixel データを文字列にしたオブジェクトが返ってくる
  
  
• serializableObjectToHtml5Canvas(object)
  html5CanvasToSerializableObject() で作成したオブジェクトを渡すと、HTML5 の canvas オブジェクトが返ってくる
  
  
• loadData(src, callback)
  src で指定した URL を XMLHttpRequest を使って GET アクセスし、結果の responseText を callback に渡す importJS(["lib/MOON.js"], function() { MOON.loadData(url, function(code) { eval(code); MOON.finish(); }.bind(this)); });
  
  
• alert(message, callback)
  message を表示したアラートを出す
  callback を渡して内部で MOON.finish() を呼ばないといけないとかなんとか。。。 importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.alert("Hello MOON", function() { MOON.finish(); }); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• penPrompt(message, callback)
  手書き入力用のプロンプトがついたアラートを出す importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.penPrompt("Hello MOON", function(input) { MOON.alert(input, function() { MOON.finish(); }); }); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); }); こんなん。プロンプト上にペンで文字を書くと認識して変換してくれる。
  文字でかくて4文字しか書けんぞ。。。
  
  
  
  
  
• openStickerPage(callback)
  シール台帳を開く
  （ちなみにページのどこかを長押しするとシール台帳が開くようになっている）
  callback には選択したシール画像のパスが返ってくるらしい
  
  どのシールを選択しても返ってくるパスが /nullimages/sticker1.png 固定でよくわからん。。。 importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.openStickerPage(function(path) { MOON.alert(path, function() { MOON.finish(); }); }); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• openNotebook(callback)
  ページ一覧を開く
  （ちなみにページでピンチアウトするとページ一覧が開くようになっている）
  callback には選択したページのIDが返ってくるらしい
  
  Invalid Script もなくページ選択画面になるのだが、ページを選択すると画面が真っ暗になって うんともすんともいわなくなる。。。
  こうなると再起動するしかない。。。 importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.openNotebook(function(pageId) { MOON.finish(); }); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• uploadCurrentPageToEvernote(onsuccess, onfailure)
  Evernote に現在のページをアップロードする
  
  
• getPageThumbnail(pageId)
  指定したページIDのページのサムネイルが canvas オブジェクトとして返ってくる
  
  
• getEditPaperThumbnail()
  現在のページ（たぶん）のサムネイルが canvas オブジェクトとして返ってくる
  
  
• createAPIBind()
  以下の API を MOON 以下に割り当てるのに使っている
  
  
  
  
  
  
• peel()
  そのシールをはがす
  
  
• finish()
  MOON を終了するっぽいことだけはなんとなくわかる
  
  
• openUrl(url)
  ブラウザで url を開く importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.openUrl("http://www.google.co.jp"); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• openPage(pageId)
  ページを開く importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.openPage("iZjSL9Ve1375584059045"); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• setPenColor(red, green, blue, alpha)
  ペンの色を変える
  red, green, blue, alpha は 0 〜 255 までの整数 importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { var red = 255; var green = 102; var blue = 95; var alpha = 255; MOON.setPenColor(red, green, blue, alpha); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); }); 背景色や描画色は rgba 合わさった値が入っている var page = MOON.getCurrentPage(); var backing = page.backing; var paper = MOON.getPaperJSON(backing); // 背景色を取得する var color = paper.color; var transparent = paper.transparent; // color には #aarrggbb を10進数に直した値がはいっている 例）-16777216 = 0xff000000, -1 = 0xffffffff
  
  
• setPenWidth(width)
  ペンの太さ（筆圧に対する倍率）を変える importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.setPenWidth(5.0); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• getCurrentPage()
  現在のページのオブジェクトが返ってくる { backing:"DC9g1Jkj1375584059045", papers:"GOXracRB1375753891252" } backing にはストローク情報のID、papers にはシールIDが入っているもよう
  /Data/MyNotebook1/[現在のページのID]/info.json の内容と同じっぽいが、 info.json では "stickers" だったのが "papers" になってる importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { var page = MOON.getCurrentPage(); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• setCurrentPage(page?)
  よくわからないけど、現在のページを変更する？
  
  
  
  
• getPaperJSON(pageId)
  指定したストローク情報IDに対応するストローク情報が返ってくる
  
  /Data/MyNotebook1/[現在のページのID]/[ストローク情報ID]/info.json の内容っぽい { version:"0.2", x:0, y:0, width:768, height:1024, scale:1.0, color:-16777216, transparent:false, strokes:[{"width":2.5,"color":-1,"type":"pen","data":[...]}, ...] } importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { var page = MOON.getCurrentPage(); var backing = page.backing; var paper = MOON.getPaperJSON(backing); var version = paper.version; var x = paper.x; var y = paper.y; var width = paper.width; var height = paper.height; var scale = paper.scale; var color = paper.color; var transparent = paper.transparent; var strokes = paper.strokes; MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• setPagerJSON(backing, paperJSON)
  ストローク情報を書き換える importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { var page = MOON.getCurrentPage(); var backing = page.backing; var paper = MOON.getPaperJSON(backing); // paper のプロパティを変更する paper.color = -6710887; // 背景色を #ff666666 にする MOON.setPaperJSON(backing, JSON.stringify(paper)); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• getImagePath(?)
  よくわからない
  
  
  
  
• searchWeb(query)
  ブラウザを開いて検索する importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { MOON.searchWeb("enchant MOON"); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• searchStorage(filter)
  各ノートの storage.json を検索する importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { // storage.json に fav:1 が入っているノートをピックアップする // function の引数には各ノートの storage.json をオブジェクト化したものが入っている MOON.searchStorage("function matches(j){return j[\'fav\'] > 0;}"); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); }); storage.json にプロパティを追加するには localStorage オブジェクトを使う localStorage['fav'] = 1;
  
  
• showParticle(particle?)
  showParticles() との違いがよくわからない
  
  
• showParticles(particles)
  パーティクルを表示する
  particles は配列で x, y, vx, vy, ?, x, y, vx, vy, ?, ... のようにデータを入れる
  5番目がわからない。フレーム数？時間？距離？ importJS(["lib/MOON.js"], function() { var sticker = Sticker.create(); sticker.ontap = function() { var page = MOON.getCurrentPage(); var backing = page.backing; var paper = MOON.getPaperJSON(backing); var x = paper.width / 2; var y = paper.height / 2; var particles = []; for (var i = 0; i < 10; i++) { particles.push(x + i, y + i, 0.1, 0.1, 40); } MOON.showParticles(particles); MOON.finish(); }; sticker.onattach = function() { MOON.finish(); }; sticker.ondetach = function() { MOON.finish(); }; sticker.register(); });
  
  
• recognizeStrokes(?)
  よくわからない

• info.json
• manifest.json
• hack.js

• info.json
• manifest.json
• hack.js
• lib/
  • MOON.js