ディベロッパーズブログ 1pixel にて執筆した内容です。 ブログ記事内容に比べてまとめがほんの少しだけ充実しています。 どこでもピグライフとは PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/Javascriptで制作を行いました。画面遷移をせず、直接エリア上のテーブルや作物をタップして操作したり、メニューを下から引き出したり、ネイティブアプリのような操作を目標にしています。 方針 そもそものメモリ容量が少ないスマートフォン端末で遷移の無いアプリケーションを制作する上で、多少のパフォーマンスを犠牲にしてもこまめにデータを削除する必要がありました。 例えば普段隠れて表示されていない「ピグとも」のビュー部分を画面外に生成しておけば、表示のパフォーマンスは上がるのですが、その分メモリを消費してしまいます。どこでもピグライフでは、ほとんど常に表示され
Express ハイパフォーマンス、ハイクラスなWeb開発をNode.jsに。 var app = express.createServer(); app.get('/', function(req, res){ res.send('Hello World'); }); app.listen(3000); 主な特徴 堅牢なルーティング リダイレクト・ヘルパー 動的なビューヘルパー アプリケーションレベルで設定可能なビュー・オプション コンテントネゴシエーション アプリケーションのマウント 高いパフォーマンスへのフォーカス ビューの描画とパーシャルのサポート 環境にもとづく構成 セッションにもとづくフラッシュ通知 Connect上に構築 Executableによる素早いアプリケーション生成 広範なテスト範囲 コントリビューター 以下はExpressの主なコントリビュータです(順不同)。 TJ
enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ
一口にJSerといっても、色々な分野の人がいます。あなたはどんなJSerになりたいですか？ 方向性により学ぶべき事も変わってきます。目標を明確にしましょう。 というわけで、独断と偏見……というか主に偏見で三種類にまとめてみました。 追記: 「勉強法」とかタイトルに付けておきながら勉強法に触れてませんでしたので「勉強範囲」に修正しました。ひー。 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コーダー視点も最後に。 では、それぞれ見てみましょう。 アニメーションを作る人 Flashの代わりにJavaScriptやCSSを使う人。Flasherさんがシフトしてくる位置。 発注側が想定するJavaScripter。最近の携帯ゲームで需要がある。 お仕事 JSだけでなくCSSや画像を駆使して画面を描く。 UIだけならいなくても困る事はないけれど、UXま
こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量ファイルのアップロード機能を実装することになった際に、以下の軸で調査した結果となります。 手軽に実装できる 見た目が今風 (大容量なので)アップロード中にプログレスバーが表示される Uploadify http://www.uploadify.com/ 複数ファイルアップロードが可能なjQueryプラグイン。 HTML5バージョンとFlashバージョンがあります。 長所 豊富なドキュメントとデモ 高いカスタマイズ性 短所 HTML5はライセンスが必要 Plupload http://www.plupload.com/ HTML5、Flash、Silverlightに加え、GearsとBrowserPlusにも対応し
HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム（特に検索エンジン！）がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 ＃1：<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で
HTML5のvideo要素に対応しているブラウザではvideo要素を利用して、対応していないブラウザではFlash のswfオブジェクトを表示するJavaScript。 try { var v = document.createElement("video"); if (v && v.canPlayType && v.canPlayType("video/mp4").match(/^(probably|maybe)$/i)) { $("object.movie01").hide(); }else{ $("video.movie01").hide(); } } catch (e) { $("video.movie01").hide(); } object要素とvideo要素に適当なclass属性を振っておき、表示・非表示で切り分ける。video要素に対応しているブラウザは生成したvideo要
酒井 克幸氏 Resolutions LLC この記事は、Spark projectが主催する勉強会での講演内容を、講演者とSpark projectの協力のもと、Adobe Developer Connection用に再構成したものです。Spark projectの勉強会は、毎月開催されています。詳しくは、「Spark project 勉強会」のページまで。 作成日:2008年8月19日 ユーザレベル:すべて 製品:Flash CS3 レガシーコードでは、SWFが表示できなくなる!? みなさん、HTMLファイル内にSWFファイルを埋め込む際にどのようなコードを記述していますか？ おそらく、多くの方が、Flashオーサリングツールでパブリッシュした時に書き出される以下のようなコード（レガシーコード）を使っていると思います。 <object classid="clsid:D27CDB6E-
HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
