Android4.0(以降ICS)からAndroidBeamという機能が搭載されました。これはNFCチップを搭載するAndroid端末同士でデータを交換する仕組みです。 この機能を使用すると端末間のデータの交換が容易に可能になります。 今回はAndoid Developerサイト内の”Beaming NDEF Messages to Other Devices“のソースコードを元に解説していきます。 このサンプルはAndroidBeamを実装するために必要な実装が入っているため非常に参考になるサンプルです。 詳細は以下から。 AndroidBeamデータを送信するためには以下の手順が必要になります。 マニフェストファイルへNFCのパーミッションを追加する NFCチップの制御用インスタンスを取得する 送信メッセージ作成用インターフェイスを実装する NFCチップの制御用インスタンスと送信メッセ
jQuery.suggest plugin インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」 サジェストといえば、ドロップダウンが現れて表示されるのがよく見るサジェスト方式ですが、今回紹介するプラグインを使えば、次のようにインラインでオシャレに内容を補完することができます 入力途中にEnterキーを押せばそのまま補完されます 配列でデータを定義しておいて、次のように suggest メソッドにオプションとして渡すだけです。 ドロップダウンの方が選択肢が沢山あらわれて便利ですが、こっちの方がシンプルで、適している場合もありそうなので覚えておいてもよさそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Me
JavaScript おれおれ Advent Calendar 2011 – 8日目 CSSで色を表現する方法の一つにカラーコードというものがありまして、#55CC2Aみたいな感じで色を表現できますね。光の三原色RGB (Red, Green, Blue)を2桁の16進数で表現して連結したものです。 これをJavaScriptから扱うなら、そのまま16進数で0x55CC2Aみたいに扱うと見た目が似ていて楽チンそうです。(ちなみにアルファベットは大文字でも小文字でも可。) この中から一色分だけ取得したりするには、ビット演算でムニャムニャするのが良いです。 (あるいはrgb()の形の表現でも良いでしょう。) 先に結論 // 取得 var code = 0x55cc2a; var red = code >> 16; // => 0x55 var green = code >> 8 & 0xff;
10 jQuery File Uploading Plugins | 3D Models, Website Templates and Illustrations blog | Templates.com ファイルアップロード関連のjQueryプラグイン10 ファイルアップロードといってもSWFを使ったりAJAXを使ったりと方法が色々あって、いろんなやり方ができるjQueryプラグインです。 望みの挙動に近いものを選んでカスタマイズすれば作りたいものが最速で作れそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 ギャラリー等を面白く見せられるjQueryプラグイン「Minimit」
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
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
今回は各項目のうち、追加された項目を中心に紹介します。詳細は以下の通りです HDCPチェック 著作権で保護されたDRMコンテンツはデバイスから表示機器(外部ディスプレイなど)に表示するための途中の経路を暗号化(HDCP機能)するように求められています。この「HDCPチェック」項目ではHDCP機能を変更できます ユーザーインターフェイス Android4.0では、ユーザーインターフェイスに関するデバッグ機能がたくさん追加されました。いずれもアプリケーション開発者がログなどで確認していた項目をより簡単に提供するための項目です。 厳格モードを有効にする 聞き慣れない名前ですが、StrictModeとしてAndroid 2.3より導入されたメインスレッドの監視機能です。メインスレッドの処理が長くなれば、画面を点滅させて通知してくれる機構です。Android 2.3で導入されたStrictModeは
JavaScript Advent Calendar 2011 (フレームワークコース) の9日目です。 せっかくの機会だったので、ものすごく気になってたけど、触る機会がなかった、Underscore.jsをいろいろと弄ってみました。 配列関係の便利メソッドの集合ライブラリなイメージでしたが、タイマーやユーティリティ関数、条件判断関数など、いろいろ機能があって面白いですね。 とりあえず、ひと通り実行しながら、すべての関数を触ってみました。 非常に見難くて恐縮ですが、以下のGoogleスプレッドシートにいろいろとメモを取っていったので、参考にしてください。 間違いなどあるかもしれませんし、自分自身理解しきっていないため説明がおかしい箇所があるかもしれません。 その際はご指摘いただけると助かります。超めんどくさかったので、自主的なアップデートは、たぶん、しません... リンク先: Unders
csg.js: Constructive Solid Geometry 3d Modeling in JavaScript and WebGL - Badass JavaScript JavaScriptとWebGLを使って3Dモデルを描画できる「csg.js」 簡単なコードで立体的なオブジェクトを描画できます 次のような簡単なコードで図形を描画できるみたいです(ブラウザが対応している必要あり) var cube = CSG.cube(); var sphere = CSG.sphere({ radius: 1.3 }); var polygons = cube.subtract(sphere).toPolygons(); 他にも以下のように図形が描けます 10年後のWEBはどうなっているんでしょうか。。 関連エントリ まるで魔法のようだ。2Dの図形を輝く3D画像にしてくれるPhotosh
JavaScript おれおれ Advent Calendar 2011 – 9日目 例えばドラッグ&ドロップで移動して、移動先の座標を25px単位にしたい、とか。 要は単位数の整数倍になればいいので、何倍か(係数)を調べて、それを整数化し、単位数で乗じれば、ぴったり倍数になります。 var source = 123; // 元の値 var unit = 25; // 単位 var result = Math.trunc(source / unit) * unit; // 結果 => 100 console.log(source, "→", result);
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
headerやfooter、nav、articleといった要素は下図のように役割ごとにドキュメントを分割したような デザインのWebサイトを構築したい場合に便利な要素です。 HTML4.01でこのようなWebサイトを構築したい場合はdiv要素、もしくはtable要素を使って HTML文章を分割することで実現してきました。ですがdiv要素やtable要素はそれ自体意味を持つ ものではないので、文章の意味が把握し辛くなる欠点がありました。 また、文章構造が分かりやすくなる分、検索エンジンもHTMLドキュメントの内容を 把握し易くなりますのでSEO対策の意味でもHTML5は有効です。 主に視覚障害者を対象とした音声読み上げの精度向上にも効果があります。 ・マルチメディアコンテンツの利用 HTML5ではFlashなどの外部機能を使わずとも音楽や動画を扱えるようになります。 ただし、メディアコンテン
jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」 Tweet 2011/12/7 水曜日 matsui Posted in Android, HTML5, iPhone, 記事紹介・リンク | No Comments » 先日正式版である1.0が公開されて、ますます勢いのあるスマートフォン向けJavaScriptフレームワークである「jQuery Mobile」ですが、良い入門記事を見かけましたのでご紹介させていただきます。 → HTML5でサイトをつくろう スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 [html5-memo.com] jQuery Mobileってなに?という点や、メリットとデメリットなど基礎知識の
レートが変更された事を検出する レートが変更された事を検出するには、OnRatingBarChangeListenerを使います。 OnRatingBarChangeListenerでレートが変更された事を検出し、OnRatingBarChangeListenerのonRatingChangedメソッドを使ってレートが変更された際の処理を記載します。 レートが変更された事を検出するには、イカのようにします。 ■src/RatingBarSampleActivity.java RatingBar rb; rb.setOnRatingBarChangeListener(new OnRatingBarChangeListener() { @Override public void onRatingChanged(RatingBar ratingBar, float rating, boolean
ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し
前から気になっていたスマートフォンサイトを構築するためのフレームワーク [ jQuery Mobile ] やってみる。 ▲ [jQuery Mobile](http://jquerymobile.com/) 公式サイト [ jQuery Mobile ] サンプルページ ———————————————————————- 取り急ぎ、サンプルをアップしておきます。 – [jQuery Mobile のサンプル](https://bowz.info/wp-content/uploads/2011/07/jquery-mobile/index.html) 上記のサンプルは、[かちびと様制作の日本語サンプル](http://kachibito.net/web-design/jquery-mobile-sample-freebie.html) をベースにさせて頂きました。ありがとうございます! ▲
twitter facebook hatena google pocket サイトの使い方を見せるのはFacebookなども取り入れている昨今注目の方法です。 jQuery Joyride Feature Tour Pluginでは簡単にそれを実行でき、チュートリアルに利用できそうです。 sponsors 使用方法 jQuery Joyride Feature Tour Pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="joyride-1.0.2.css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.joyride-1.0.2.js"></script> 次
Path menu in pure CSS3 ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ path.comのメニューというのは次のようなもので、クリックするとアニメーションしながらビローンと開くようなものです これをCSS3で実装したデモが公開されています。 アニメーションもしてJavaScriptも使っている気がしますがピュアCSS3とのこと。 気持よく動きます スマホサイトに導入してみるといいかもしれませんね。 関連エントリ フリーのCSSメニューテンプレートとチュートリアル集 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 CSSのナビゲーションメニューサンプル55
W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」 2011年12月07日- W3Clove :: site-wide markup validation tool W3C Validator の結果を一括で得られ、サイトマップのXMLも生成してくれる便利なサービスのご紹介です 最初にトップページのURLを入力すると、サイトをクロールしてくれるのでしばらく待ちます。 まっていると結果が次のように出ます。 OKなものはグリーンデ表示され、赤でエラー、オレンジで警告といった具合に分かりやすくW3C Validatorの結果が閲覧できます サイト全体で多く見られたエラーのサマリも見ることができ、どこを集中的に改善すればいいのかが分かりやすいです 関連エントリ スマフォ上で動くブラウザベースアプリ開発に役立ちそうなデバッグツール「Socketbug」
先月、リリースされたばかりのjQuery 1.7.1に対応したチートシートを紹介します。 即ダウンロード、即保存ものですね。 jQuery 1.7 Visual Cheat Sheet [ad#ad-2] jQuery 1.7.1は1.7のバグフィックス版で、リリース情報は下記をご覧ください。 jQuery 1.7.1 Released jQuery 1.7 Released jQuery 1.7のAPIで大きく変わったのは、.on(), .off()が追加されたことです。これは既存の.bind(), .unbind()に代わるもので、他にも.on()は.delegate(), .live()、.off()は.undelegate(), .die()に代わります。 これらは1.7.1でも利用できますが、これからは.on(), .off()を使用することが推奨されています。 チートシートでは
スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル(user-scalable=noあり) サンプル(us
Flashを生業としている方々にとって、FlashIDEはマストなツールです。ある程度使い慣れてくると、コマンドやユーティリティー、ショートカットキー等カスタマイズを行ってる方々も多々いらっしゃると思います。 ところで、PCの再セットアップ等を行う際、或は環境設定を消してしまった際、「あー、バックアップとっておけば良かった・・・」と嘆いた事はないでしょうか。僕は一時期JSFLにハマっていたので、コマンドやSWFパネルが大量にあり、それらのバックアップをいちいちとっていました。が、結構面倒ですよね。 実際のところ、環境設定が保存されている場所は固定なので誰でも保存は出来るのですが、結構奥深いところにあるので、慣れてない人はいちいちネットでフォルダの場所を調べてバックアップをとるとかしないと行けません。 ちなみに、設定フォルダの場所は以下のページに書いてあります。 http://help.a
これだけで実数→整数も文字列→整数も行けますし、文字列が"12a"でも"xxx"でもNaNにもなりません。 ビット演算はOR|の他にAND&とXOR^、単項のNOT~がありますが、JavaScriptではいずれも辺々を数値化し整数化してから、演算を実行します。 また0はビットが全てゼロですから、それとのORを取っても元の数値と同じ数値が返ってきます。こうして、結果的に整数化する事ができました。 ぱっと見は分かりづらいので、コメントを書くとか、まあ工夫してください。
checkboxで選択可能なAlertDialogの作り方 public class AlertDialogMultipulChoiceActivity extends Activity { String[] ar = { "red", "green", "bule", "white" , "apple" }; boolean[] bs = new boolean[ar.length]; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } public void onCLickButton
先日のブログでご紹介したとおり、Androidの会12月の定例イベントに登壇させて頂きました。 その時に使用しました資料をアップしました。下記リンクよりダウンロード可能です。 2011年12月5日 日本アンドロイドの会定例 安全なアプリケーションを作成するために資料(PDF) ソフトウェアを作成する観点から、アンドロイドのセキュリティってどのような機能があるのか、注意点等を説明しています。ただ、私は、基本的にパワポにあまり詳しく書かずに、キーワードを書いておきその場で話す内容を決めていくタイプなので、あまり詳しく資料には書いてないので、これだけではあまりわからないかなぁと思ったりもしています。(今回の資料は書いてあるほうなのですが…) 実は昨日は、持ち時間が30分だったのですが、少しぐらいオーバしても大丈夫だろうと、思っていたのですが、みんな仲良くそんな感じだったらしく、全体としてかなり時
Ui Parade ? User Interface Inspiration 洗練されたUIのギャラリーサイト「Ui Parade」 ナビゲーションやUIのデザインに迷った時に眺めてみるとよいアイデアが浮かぶかもしれないというサイトのご紹介です。 アイテムごとにカテゴライズされていて、検索ボックス、スライダーといった感じにたどることができます HTMLになっているわけではなく、数自体もそれほど多くないようですが、今後の発展に期待したいサイトですね 関連エントリ スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」
jQuery Org Chart ? a plugin for visualising data in a tree-like structure The Silver Lining 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 次のような組織図を作ることができます。ドラッグ&ドロップでインタラクティブに再配置することも可能です ドラッグ&ドロップで再配置可能 気になるマークアップですが、ul, li を階層的に記述するだけでよいものになっています。これを上記のようにビジュアライズしてくれるのは楽ですね 関連エントリ アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」 複数要素の関連をビジュアライズできるライブラリ「arbor.js」
アラート、コンファームだけでなく、AJAXコンテンツ、画像、動画など表示するモーダルウインドウを実装するスクリプトを紹介します。 Simple Modal [ad#ad-2] Simple Modalの特徴 Simple Modalのデモ Simple Modalの実装 Simple Modalのダウンロード Simple Modalの特徴 モーダルウインドウを簡単に生成します。 生成したモーダルウインドウは、ドラッグ操作で移動可能です。 コールバック関数を備えています。 画像や動画、AJAXコンテンツにも対応しています。 Simple Modalのデモ デモではSimple Modalのさまざまな実装例があります。
JavaScript おれおれ Advent Calendar 2011 – 5日目 1、2、3、ダー!!(←繰り上がりました) 世の中には基数というものがありまして、数値は9の次が10になる10進数だけでなく、7の次が10になる8進数、9の次がAで、B、C、D、E、Fときてようやくその次に10になる16進数、かと思えば1の次がいきなり10になる2進数と、様々に表現されます。 それを相互に変換する仕組みを考えます。 流れ まず数値(number型の値)はあくまで「数値」であり、その表現方法たる基数とは無縁です。(何進数で言い表しても、目の前のりんごの数は変わらないでしょ?) だので、当然の事ですが、任意の基数で表現する場合は文字列(string型の値)とします。基数を変換する場合は一度基数を捨てて数値としてから、それを目的の基数で表現しなおす、というようにします。 まとめると、こういう流れ
Flash Player 11 対応の 3D 物理演算ライブラリ「AwayPhysics」を使ってデモを作ってみました。AwayPhysics は名前のとおり Away3D 4.0 alpha (Stage3D版) 対応の物理演算エンジンで、今までの3D物理演算ライブラリよりも高速に動作します。 [立方体バージョン 100個] Demo Source [球体バージョン 100個] Demo Source 以前「ActionScript 3.0 での 3D 物理演算ライブラリjiglibflash」という記事で JigLib を紹介したことがありましたが、次の記事によると jiglib よりも AwayPhysics のほうが高速とのこと。JigLib と AwayPhysics との比較デモが紹介されています。 Away3D 4.0 jiglib vs Bullet « DevJamMem
クォータービューを簡単に実装できる as3isolib を試してみるよ。 :boy: 疑似3Dの世界がつくれるライブラリですぞ! :check: as3isolib - ActionScript 3 Isometric Library - Google Project Hosting 最新版1.0 をダウンロードしたよ。(11/12/06 現在) :caution: 要 Flash Player 10 以上 ダウンロードしたファイルを解凍すると、3つのフォルダ(as3isolib, eDpLib, mx) があるので、これらすべてを適切な場所にコピー。 :bear: package { import flash.display.Sprite; import as3isolib.display.scene.IsoScene; import as3isolib.display.scene.Is
はじめに みなさん、お元気ですか><リリースも終わって、一息ついたあまちゃんです! ヽ(´ー`)ノわー さて今日は、最近「お花サプライズ!」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。 (今日のテーマはこの円グラフ) フェイスブック系のサービスはどのブラウザに対応すれば良い? よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか?」というものがあります。 「お花サプライズ!」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか?」という心配が常にありました。 そこでよぎる甘い誘惑 このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く