HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。 ゲームエンジンは多数
スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログ トップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava
Herlock.js for HTML5 - JavaScriptで高パフォーマンスなゲームを開発できるHerlockのブラウザ版 MOONGIFT
iOS/Androidアプリをワンソースで…というのは誰しもが夢見ることではないでしょうか。しかし現実はそうそう甘くなく、打ちのめされた人も多いでしょう。なんでもワンソースは無理がありますが、一部の分野であればこなせるようにはなっています。 3Dや高機能なゲームであればUnityがあります。もっとカジュアルなゲームであればJavaScriptで開発できるHerlockがあります。そしてさらにHerlockをHTML5として動作させようと言うプロジェクトがHerlock.js for HTML5です。 Herlock.js for HTML5の使い方 例としてこういった図形を描く場合です。 var stg,bmp; new Image( "./img/check.png").onload = function(){ stg = addLayer( new Stage()).content;
米Microsoft、JavaScript向けのアプリケーションフレームワーク「WinJS」をオープンソース化 | OSDN Magazine
米Microsoftは4月3日、JavaScriptライブラリ「Windows Library for JavaScript（WinJS）」をオープンソースで公開した。元々は「Windows 8」向けに用意したもので、開発者はHTML/CSS/JavaScriptを利用してWebや非Windowsデバイス向けにもWindows風の見栄えを持つアプリケーションを開発できるという。 Windows Library for JavaScript（WinJS）はMicrosoftがWindows 8に向けて作成したライブラリで、Windows Storeアプリを容易にすることを目的に開発された。開発者はHTML、CSS、JavaScriptといったWeb技術を利用しつつ、ネイティブ並みの体験を提供するWindows Runtimeアプリを開発できるという。 ページ制御、データバンディングなどの機能
NavyJS
NavyJS & NavyCreator Web application framework for mobile & IDE. Overview NavyJSは「ブラウザをアプリケーションプラットフォームとすること」目的に開発されています。 そのためには再利用可能なUI部品、アセットの管理、画面のライフサイクルなどのアプリケーションを開発する上での基本的な機能をフレームワークとして提供する必要があると考えています。 また画面レイアウトを効率良く作成するためにはGUIによる開発環境も必要となってきます。 これらの機能と環境を１つのフレームワークとして提供しているのがNavyJSとNavyCreatorです。 しかし現状はこのコンセプトが世の中に受け入れられるのか？実現可能なのか？を確かめるために最小限の機能を持った フレームワーク(コンセプトフレームワーク)として提供することを直近のゴール
モバイルアプリ向けUIフレームワークionicがSassで作られている＆AngularJSに最適化されていて俺得すぎる | mah365
HTML5でモバイルアプリを作るなら、UIはionicで決まりなのでは！と思えるぐらい良いライブラリです。AngularJS＆Sass派の人はぜひ使ってみてはいかがでしょうか。 はじめからAngularJSで使うことを念頭に置かれているのが良い はじめからAngularJSで使うことを念頭に置かれているので、モバイルアプリで当たり前に使う機能をAngularJSから簡単に操作できるように、ionic-angular.jsというライブラリが用意されています。 ナビゲーション（Views and Navigation） テーブルビュー（List） タブバー（Tab Bar） スライドメニュー（Slide Menu） などなど、一通りの機能がAngularJSから操作できるようになっています。 設計方針もCocoa Touchっぽくしているとのことで、iOSネイティブで開発していた人にもとっつき
React - Facebook製。JavaScriptのUI生成ライブラリ MOONGIFT
Facebookからまた面白そうなソフトウェアが出てきましたよ！ JavaScriptにおけるテンプレートフレームワークは数多く出てきています。いずれも興味深い作りなのですが、ここにきてFacebookがReactというライブラリをリリースしました。 ReactはUIを生成するJavaScriptライブラリで、MVCでいうところのVになります。さっそくコードを見てみましょう。 一番シンプルな実装例。左側がコード、右側が実行結果になります。 Reactは必須ではないのですがJSXというXMLライクな記法を使っています。 <hellomessage name="John" />のように定義するとthis.props.nameで値が取り出せます。実際の描画はリアルタイムに反映されるので、Helloのところを修正すればすぐにレンダリング内容が変わります。 こちらはタイマーを使った例。コードが見やす
Zurb Foundation 4 チートシート
CSSフレームワークとして、個人的にTwitter Bootstrapより断然注目しているZurb製のFoundation 4のまとめです。Bootstrapはウェブアプリ、ウェブサービス向けという感じがしますが、Foundationはウェブサイトに適していると思います。 今回はとりあえず使いはじめるためのガイドとして作成したもので、全ての機能を網羅したものではありません。詳細は公式ドキュメントを確認してください。また、Foundation 4にどんな要素があるのか、実際の表示で確認するには Kitchen Sink ページに全サンプルがあります。 今回記事にしてみて思ったのは、既存サイトであっても、これからFoundation 4を導入することができるように考えられているなということです。SCSSを使うことが前提になりますが。この記事でいくつかは紹介していますが、Mix-inが用意されて
HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA
HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
DevTools Extensions For Web App Developers
March 26, 2013 The past year has seen many leaps made to improve developer productivity through better tooling. We're paying increasing attention to our workflow and many of us have spent time optimising our usage of tools like Grunt, Bower, Yeoman and the terminal. Another important area worth spending time on is your debugging workflow - if you're like me, this starts with the Chrome DevTools. W
CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた | DevelopersIO
みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。 そういえばGoogle Readerが終了するとのことでとても残念ですね。 読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。 そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。 とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。 本題 それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。 個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。 ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。 最初
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Middleman: 作業を効率化するフロントエンド開発ツール
Build and implement a single sign-on solution
Twitter BootstrapやSkeletonなどのCSS,JSフレームワークがプリセットされているMac用HTMLエディタ「TheMaker」850円が期間限定で無料セール中。
TwitterBootstrapを使うときに、使えるツールのまとめ | スタートアップアカデミア
HTML5フレームワークにおける表示オブジェクトのパフォーマンス検証
TechCrunch | Startup and Technology News
レスポンシブデザインに対応したCSSフレームワーク
肉球がパララックスしてレスポンシブ対応のちょっと面白そうなフレームワーク -Cool Kitten