Flashで作成したswfをFlash BuilderでEmbedして利用するのに右往左往したのでメモ。 Embed ClassをnewしてもインスタンスはMovieClipにならず、ByteArrayのような状態(?)になっているらしい。 byteをLoader.loadBytesを使ってloadする。 非同期イベントEvent.COMPLETEを待って処理を開始する。 あと、AIR 2, Flash Player 10.1で変更されたセキュリティ・ポリシーに対応するため LoaderContext.allowCodeImport を trueにする。 *Flash CS5 で作成したexample.swfをFlash Builder 4でEmbedして使う。 *swfのステージにインスタンス名"some_mc"のMovieClipが配置されている。 package { import f
1画面 1Activity は設計も実装も楽なんですけど、なんせ Activity 間の遷移は時間がかかります。一瞬待たされるよね? setContentView() を使って画面遷移を実現すると、待たされることはなくなります。 では、コード。 R.layout.main -> R.layout.first -> R.layout.second -> finish という画面遷移になっています。 package yanzm.products.screentransition.lib; import android.app.Activity; import android.content.Context; import android.content.SharedPreferences; import android.os.Bundle; import android.view.View;
ATND 第1回 AIR for Android 勉強会 ハッシュタグは #AF4A (Adobe Flash for Android) ----- 2011年2月5日 追記 勉強会の資料が公開されていたので追加しました。 発表者のみなさま、ありがとうございます! * AIR for Android の導入 * マルチタッチ / ジェスチャー入門 * 吉岡梅 よもやまレポート ----- 勉強会のついーとは Togetter でまとめられてました。ありがとうございます! http://togetter.com/li/96232 個人的に気になったのをピックアップ * Adobe Labs から Adobe Flash Professional CS5 Extension for AIR 2.5 を ダウンロード * Flash CS5 の AIR for Android では Androi
第1回AIR for Android勉強会で、自分のお薦めの開発スタイルとして、なるべくデスクトップ上で開発するという話をさせていただきました。 AIRの利点はマルチプラットフォーム環境ということです。マルチプラットフォームには2つの意味があります。1つは、MacやLinux、WinなどのOSを超えるという意味でのマルチプラットフォーム。 もうひとつは、デスクトップやモバイル、TVなどの機器を超えるという意味でのマルチプラットフォーム。要するに、AIR for Androidだろうが、所詮AIRアプリなので、それなら開発効率を最優先して、画面の小さなデスクトップアプリとしてあらかた開発してしまい、デバイス固有な部分やパフォーマンスなどの合わせこみは、大体アプリが動き始めてから行えば良いではないか?という発想です。 そういう開発スタイルをとった場合に、デバッグ用のツールとして重宝したのがDe
次に、styles.xmlファイルとthemes.xmlファイルを、それぞれvaluesフォルダ以下に作成します。 styles.xml ①act_open_enter_anim.xml <?xml version="1.0" encoding="utf-8"?> <!--Activity1のフェードアウトのアニメーション--> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <translate android:fromXDelta="100%" android:toXDelta="0%" android:duration="300" android:fillAfter="true" a
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
色々あってa要素でURLをパースするというコードを書いていて色々はまったのでまとめます。 IE6-8でのa.hrefの上限 IE6,7:4096bytes IE8:4121bytes でした。 なお、Firefox,Google Chrome,Safariは1MBとか普通に扱えます。 使わないけど。 http://jsdo.it/monjudoh/8Fm6/read 各属性の取得状況 a.hrefにURLを代入して各属性がどうなるか調べてみました。 URLの長さが短い⇔上限超え outerHTMLハックを使わない⇔使う a.hrefにURLを代入後、別の要素のinnerHTMLにa.outerHTMLを代入し、そのfirstChild(a要素)の各属性を見ること の二軸を変えて調べてみました。 http://jsdo.it/monjudoh/sc82 IE6 a.hrefへの代入で更新され
海賊王をめざす男 マツです。こんにちは。 AIR for Android で mp3 を再生する方法として、以下の2通りを比べてみました。 ・Embed した mp3 を Sound として再生する ・SoundEffect コンポーネントを利用する Embed した mp3 を Sound として再生する import flash.media.Sound; [Embed(source="assets/se/GridTouch.mp3")] public var GridTouch:Class; private var _gridTouchSound:Sound = new GridTouch() as Sound; // mp3 再生 _gridTouchSound.play(); SoundEffect コンポーネントを利用する SoundEffect はまだ spark コンポーネン
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。 Equal Height Blocks in Rows 一行目と二行目では、違う高さで揃えていることに注目してください。 [ad#ad-2] デモでは異なる高さのブロック(スクリプトオフ時)が、スクリプトによって行ごとに同じ高さに等しく揃えています。 デモページ 実装のアイデアとなったのは、「Making DIVs, using the CSS "Float Left" property...」とのことで、そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃えています。 [ad#ad-2] 実装方法 HTML 画像やテキストを配置できるdiv要素を使用しています。 <div id="page-wrap"> <div></div> <div>
How to Customize your Facebook Fan Box | Daddy Design facebookのファンページ用ウィジェットをカスタマイズする例色々。 当ブログでも設置しているfacebookのファンページウィジェットですが、facebook上ではそれほどカスタマイズすることはできません(色を明るめ or 暗めにするのと表示項目が絞れる程度)。 今回紹介するサイト上では、そんなfacebookのウィジェットをコード付きでカスタマイズ例を掲載しています。 当ブログのファンページウィジェット例(デフォルト) カスタマイズ例は次のようになっていて、これをベースにカスタマイズすればどんなサイトでもUIを合わせることが出来そうですね。 特に自分のサイトにこだわりがあってこのウィジェットのデザインを調整したいという方には有用なエントリになってます。 かなりカスタマイズできる
twitter facebook hatena google pocket ポートフォリオをWEB、紙・・・などと切り替えるときに使えそうなjQueryプラグインMobilySelectを紹介します。 これを導入すればユーザーへの訴求力が高まるかもしれません。 sponsors 使用方法 MobilySelectからファイル一式をダウンロードします。 <link href="default.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.4.4.min.js" type="text/javascript"></script> <script src="mobilyselect.js" type="text/javascript"></script> <script> $(document).ready(funct
AwesomeChartJS HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 データは配列で定義してdrawするだけです。描画コードは次のように美しい。 var mychart = new AwesomeChart('canvas1'); mychart.title = "Product Sales - 2010"; mychart.data = [1532, 3251, 3460, 1180, 6543]; mychart.labels = ["Desktops", "Laptops", "Netbooks", "Tablets", "Smartphones"]; mychart.draw(); IEではフォールバックされていないため動作しませんがiPhoneなどのcanvasタグ対応ブラウザをターゲットとするなら便利に使えそう 関連エントリ Ja
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
自分好みのColorPickerがなかったので作りました。ソースごと公開します。 apkはこちら。ソースはこちら(google code)。 つくってみての感想ですが、Shaderについての知識があることと、色情報はHSVをベースにした方が計算誤差が少なくてすむことに気づくというのがキモかと。かっとなって作ったのでソース汚いですが、おかしなところあったらお知らせください。 2011/2/5追記ライブラリ化したので使い方が若干変わります。こちらを参照してください。 作成にあたって、色情報の予備知識編として明日の鍵さんのブログがとてもわかりやすいと思うです。勉強になりました。
クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 2011年02月04日- zClip :: jQuery ZeroClipboard クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 IE, Firefox, Chrome 等で問題なく動作するクリップボード用プラグインのご紹介です。Flashを内部的に使って、クロスブラウザを実現しています。 コピーしたいテキストはjQueryベースということで $(element) で指定することが出来るので超便利なのと、コピー前/後のコールバック関数を指定できることで、コピーが完了した際にメッセージを出したり、要素の色を変えたりすることが出来ます。 コードは次のようにシンプルに記述できます。Flashのパスなんかもここで指定できます。 jQuery
実装の機会は非常に稀ですが、複数Flash間のやりとりを可能にするLocalConnectionを使った相互通信を実装してみます。 おさらいまずLocalConnectionについての簡単なおさらいです。 LocalConnectionを使用すると、複数のFlash間で動作のやりとりができます。LocalConnectionには受信側と送信側があり、先に受信側が接続設定しておいたコネクション名を送信側が指定することで、受信側の関数を実行させることができます。以下に例を示します。 まずこれが受信側のスクリプトです。「Connection123」というコネクション名で接続を待機しています。 var _connectReciever:LocalConnection = new LocalConnection(); _connectReciever.client = this; _connectR
2011 年 2 月 2 日に開催した第1回 AIR for Android 勉強会のフォローアップとして「マルチタッチ/ジェスチャー入門」のスライドとサンプルをシェアします。この発表は AIR for Android の未経験〜初心者の方を対象に、最新の新しいタッチ系のAPIを紹介した内容になっています。 スライド資料 当初、勉強会は20〜30人の規模で募集されていたのですが、あまりに参加希望者が多かったので100人の会場に変更になりました。AIR for Android への期待や盛り上がりを感じざるを得なかったです。 関連記事 第1回 AIR for Android 勉強会 : ATND Togetter – 「「第1回 AIR for Android 勉強会」のつぶやきまとめ」
2011年02月03日14:24 カテゴリAndroidJava開発 Intentの呼び出し先で呼び出し元のパッケージ名とクラス名を取得するコード Tweet パッケージ名とクラス名大事! AndroidではComponentNameというのでコンポーネント(Activity, Service, BroadcastReceiver, とか ContentProvider)を識別するみたいです。 そして、そのComponentNameを識別するのがパッケージ名とクラス名です。 細かいことは公式を参照! ComponentName | Android Developers http://developer.android.com/reference/android/content/ComponentName.html Intentの呼び出し先での取得方法 Intentの呼び出し先が、自分がどこ
flashのソーシャルボタンの設置で、はまったことです。 以前やったflashでソーシャルボタンの実装はこちら。 mixiチェック、faceBookのシェアボタンのキャッシュ?が強すぎる。 ソーシャルボタンのフローは flash→(mixi,faceBook)→flashが配置されているhtml(正確にはここはそうじゃなくてもかまわない) こんな感じでhtml上のmetaに表示させたいものを記述していましたが、ここの記述の修正が入った時は修正がすぐ反映されるとは限らないのです。 おそらく情報をソーシャル側で一定時間保持させている?からだと思います。 (すみません、無知過ぎてこの辺の理由はわかっていません、ここでいっているキャッシュはブラウザのキャッシュとは違います)。 facebookの場合 ・ html変更後数時間後確認したがキャッシュはとれなかった。 ・ クエリー文字列で表示を更新でき
長〜いulリストを1行で複数行に分割できるjQueryプラグイン「Multi-column lists」 2011年02月03日- Multi-column lists | jQuery Plugins 長〜いulリストを1行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 <ul><li>1</li><li>2</li> ....... </ul> と、長い ul リストを、jQuery("ul").columns(5, true);のようにすることで、5行に勝手に分割してくれます。6行にしたければ6を指定 次のようになります。 通常これをやろうとすると、数値で割って、規定値にきたら一旦</ul>で閉じてみたいなことをする必要がありますね。 これをたった1行で出来るというのはかなりHTML出力側のプログラムが楽ちんになり、頭を使う必要がないですね。 行
Streamie ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」。 node.jsベースのオープンソースなので、Twitterクライアントのよい見本となりそうです。(githubにてソース公開) ちょっと作ってみました的なものではなくてTwitterの機能をフルで使えるのも特徴 単に利用するだけでも便利そう。新しいツイートもリロードなしに見ることができます UIもCSS3等を使ってデザインされていてリッチかつ、それなりに洗練されています UIやnode.jsの教材として、あるいは単にTwitterクライアントとして活用することができます。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 Twitterで使わ
去年、下書きにしたまま放置していたので 今更な話ではありますが、投稿しておきます。 iモードブラウザ2.0以降の機種では、 Flashコンテンツを4wayモードで操作することができます。 4wayモードを有効にするには、メタデータ設定ツールの 「コンテンツタイプ」の値に「4waynavigation」と設定してください。 メタデータの設定が無い場合、 または異なる値が設定されている場合は2wayモードで動作します。 詳しくは以下のPDFに。 「Adobe Flash CS4でNTTドコモ携帯電話用のメタデータを用いたFlash Lite 3.0/3.1コンテンツを作成するための資料」 【Docomo】 基本、Flash Lite1.1~Flash Lite3.1は左右キーが使えません。 ただし、2009年5月以降に発売となった iモードブラウザ2.0以降の端末(F
こんにちは、「検索と発見のためのデザイン」(オライリー・ジャパン)を買いました。同じ著者の「アンビエント・ファインダビリティ」は発見可能性の広い枠組みを考える読み物でしたが、こちらは実際に検索システムをデザインするときの枠組みを提供してくれる本って感じです。 さて、今日はそんなユーザー寄りのデザインの話ではなくjQueryの実装の話です。 最近のjQueryライブラリには、Ajax通信でサーバーから取得したデータをハッシュ(JavaScriptのオブジェクト)として利用できるようにするためにjQuery.parseJSON() というメソッドがついています。(1.4.1〜)これ以前はXMLHttpRequestの処理とセットになっていて、JSONのパースだけ単体で利用できないようになっていました。(…といってもJSON文字列をevalしているだけだったようですが…) jquery-1.2.
IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。 Cross-browser CSS gradient buttons デモページ [ad#ad-2] ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。 ホバー時のキャプチャ 実装のポイント スケラービリティ 文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小 アジャスタビリティ padding, font-sizeを変更することでサイズ調整可能 フレキシビリティ あらゆるHTML要素に適用可能 コンパチビリティ 主要ブラウザに優雅なグラデーションを提供 ユーザビリティ ノーマル時、ホバー時、アクティブ時を用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く