ActionScript脳で覚えるCSS3 transform matrix 2D 少しだけ3D – 道半ば
CSS3には拡大、縮小、移動、傾斜、回転を行えるtransformプロパティがあります。 このtransformは2D, 3Dどちらにも対応しています。 ASのtransform.matrix(Matrix)も得意では無かったのですが、復習がてらのメモです。 W3C: CSS Transforms transform(matrix)で最適化 DOMElementのアニメーションでパフォーマンスを良くするためにはtransformを使った方が良いと、あるセミナーでGoogleの中の人とMozillaの中の人が言ってたので間違いないでしょう。 て言うか信じてます、試しては無いです。伝聞で申し訳ないです。 でもカクカク動いてたiPhone上でのアニメーションをtransformに変えたらかなりスムーズに動くようになったので効果はあると思っています。 追記 – スマホのアニメーションが改善されたっ
WebGL Inspector - Chrome Web Store
Debug, diagnose, and explore WebGL scenes.
PDFを作成する （1/3）：CodeZine
はじめに PHPでPDFを作成する場合にはPDFLibやmPDF、FDPDFなどさまざまな選択肢がありますが、ライセンス、パフォーマンスなどの点で問題がある場合に、Haruの利用を検討してみてはいかがでしょうか。 HaruはZLibやPNGと同様に、非常に緩いライセンス形態を取っているため、サービスの種類を問わず組み込みやすい点に特徴があります。 また、PHPのネイティブエクステンションとして提供されているため、PHPのライブラリとしてパフォーマンスが出ない場合にも利点があります。 とはいえ、サイト上にもあまり情報がなく、日本語の利用に関して不安があるかもしれません。しかし最初にいくつか挙げたライブラリは、元々は海外発信のライブラリでした。対して、HaruはlibharuというCのライブラリのエクステンションであり、libharuは日本が発信元となっていますので、日本語に関しても安心して利
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
PHPExcelを使ってExcelシートに画像を貼りつけてみた - Spray
ウェブサーバ上で、アップロードされた画像をMS Excelに張り付け、そのファイルをダウンロードするシステムの見積依頼が来たので、下調べにプロトタイプを作ってみました。 PHPExcelを使えば出来そうなんですが、なかなかネット上に情報がなく、仕方ないので、PHPExcelに添付のドキュメントを読むことに。意外と丁寧に書かれてあって、わかりにくそうな機能にはちゃんとサンプルコードも添えられており、あっさり動いてくれました。 これはその時の備忘録。 【準備するもの】 PHPExcel（http://phpexcel.codeplex.com/からダウンロード） PHP5.2以上 php_zip (.xlsx, .odsファイルを扱わない場合は不要) php_xml php_gd2 *サーバはアイルの+Infinito Plusにしました。何も追加することなく動きます。 【手順】 PHPExc
X-LABO: Google Play Game Services 調査メモ
この記事のURL http://www.dango-itimi.com/blog/archives/2013/001183.html Web 版 の Google Play Game Services を少々利用してみての、現在までになんとなく理解できた点を以下にメモします。 利用した機能 Google Play Game Services の Web Client-Only 版を利用した html5 canvas サンプルゲームを作成しました。ゲームはまだまだ適当な内容なので、もう少しまともな形なったらば公開したいと思います。 Google Play Game Services : Web Client-Only https://developers.google.com/games/services/web/clientsetup Google Play Game Services(&
さくらのVPSでNode.jsを設定してみた – 水玉製作所
なにかと話題のNode.js。FlashやCreateJSなどのインタラクティブコンテンツと連動させたら、面白そう！ということで触ってみたのですが、いざインターネットで公開するとなると、多くのレンタルサーバー上では使えないことがわかりました。 root権限が必要なのです。 そこで、SAKURA Internetの「さくらのVPS」を契約して、設定してみました。 今回はインディゴデザインの五十嵐さんに無理を言って教えてもらいました。 五十嵐さん、ありがとうございました！ http://www.idw.jp/ 以下、習ったことのメモです。 Node.js自体の説明はしません。 主に自分向けのメモなので、第三者からするとわかりにくいとは思いますが、ご容赦ください。 アカウント情報 さくらのVPSを契約して、次のようなアカウントが発行されたとします。 [サーバ基本情報] IPアドレス：133.24
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
OCF - AllJoyn
AllJoyn Open Source Project AllJoyn is an open source software framework that makes it easy for devices and apps to discover and communicate with each other. Developers can write applications for interoperability regardless of transport layer, manufacturer, and without the need for Internet access. The software has been and will continue to be openly available for developers to download, and runs
Androidアプリ リリースバージョンでClassNotFoundException - Android/iPhoneたわむれ日々
Debug中では起こらなかった、ClassNotFoundExceptionが必ず発生するエラーを仕込んだままリリースするという事故が起きた。 デバッグでは、コンパイルできて正しく実行できているのに、リリースでコンパイルしたapkファイルを逆コンパイルして確認してみると、あるはずのclassファイルが消えてなくなっている・・・。 丸1日調査して解決したのが、どうもProGuardでやらかしているようだ。 もともとの原因は、今まで開発していた環境から Android SDK Toolsのバージョンアップをr16にアップデートした事が始まりっぽい。 どうも古いProGuardの設定が悪さをするようだ・・・。 下記ブログその手順どおりやって、どうにか対処できました。 http://wada811.blog.fc2.com/blog-entry-62.html Android toolのExpor
Animatable: One property, two values, endless possiblities
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
Animate.css | A cross-browser library of CSS animations.
Animate.css Just-add-water CSS animations See animations Close list Attention seekers bounce Copy class name to clipboard flash Copy class name to clipboard pulse Copy class name to clipboard rubberBand Copy class name to clipboard shakeX Copy class name to clipboard shakeY Copy class name to clipboard headShake Copy class name to clipboard swing Copy class name to clipboard tada Copy class name t
Jquery-flip
jQuery Flip Plugin jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform. Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely. Compatibility Current version is compatible with jQuery 1.6.4, 1.7.0, 1.7.1 and jQuer
JSX minifierの圧縮性能 - Islands in the byte stream (legacy)
JSX compilerのソースコードで検証してみました*1。 Mode Size(KiB) Ratio original 1507 1.00 JSX minifier 277 0.18 Closure Compiler/D 602 0.40 Closure Compiler/A 301 0.20 対象にしたソースコードがJSXから変換したJSというやや特殊な状況ですが、Closure CompilerのADVANCED_OPTIMIZATIONSよりもサイズが小さくなりました。また、ADVANCED_OPTIMIZATIONSと異なりJSX minifier*2はコードを破壊する圧縮は一切行わないので、圧縮したらコードが動かなくなるということが非常に起こりにくくなっています。しかしそれでも、JSXの豊富な型情報を使って圧縮すればADVANCED_OPTIMIZATIONSよりもサイズを小
iOSでUnderscore.jsライクに処理できるUnderscore.m〜前編〜 ｜ Developers.IO
Underscore.mとは？ Underscore.mはNSArray（NSMutableArray）やNSDictionary（NSMutableDictionary）に対してのデータの加工処理を容易にするためのオープンソース（MITライセンス）のライブラリです。JSでUnderscore.jsを利用していた方には馴染み深いですね。これらのデータに対する処理を実装することはよくあることですので、覚えておいて損はないと思います。 Underscore.mにあるサンプルを用いて説明すると、例えば「言語をキーとして挨拶文を定義したNSDictionaryがあり、この挨拶文に含まれる単語の先頭を大文字に変換したものを配列として取得する。ただし挨拶文が必ず定義されている訳ではない」といった処理があるとします。この場合、通常であれば以下のように記述するかと思います。 NSDictionary *d
[wisp]Clojure構文を使ってJavaScriptを記述する | DevelopersIO
ClojureでJavascript 最近はCoffeeScriptやDart、TypeScript等、JavaScriptコンパイル言語(変換した結果JavaScriptにする言語)がよく使用されています。 ClojureをJavaScriptへコンパイルする場合、「ClojureScript」がありますが、生成されたJavaScriptは普通に読めるものではありません。 (適当なcljsファイルを作成してコンパイルしてみればわかるはず) 今回紹介する「wisp」は、Clojurescriptと同じくClojureの構文を用いてJavaScriptを生成する言語ですが、 「ちゃんと人が読めるJavaScript」にコンパイルされます。 では、wispをインストールしてつかってみましょう。 また、ここを使用すればwispがClojureをどのようにJavaScriptへ変換するか、確認する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
COMING SOON
Preview the new Google Groups - Google Groups
PC に於ける Google 音声認識の利用
Google Issue Tracker
Stylie
Your Friendly Web Development Companion
入門 Google Analytics iOS SDK ｜ シリーズ ｜ Developers.IO
Calabash-iOS ｜ シリーズ ｜ Developers.IO