ChemはHTML5製のゲームを開発するためのフレームワークです。 オープンソース界隈ではHTML5でゲーム作成を行うプロジェクトが増えてきました。今後Facebookがスマートフォンに本気になれば、よりその流れが強まるでしょう。そこで今回はChemを紹介します。JavaScript/HTML5を使ったゲームを開発するためのフレームワークです。 こちらはchemを使ったデモ。上下左右への動きとスペースキーによる自爆が実装されています。 デモのゲームです。上下左右に動いて隕石を避けます。 結構当たり判定が細かいのが難しい所。 最高得点は1,194点。 Chemはnpmでインストールするコマンドであり、作成したJavaScript（CoffeeScriptやLiveScript、Cocoも利用可能）ファイルをWebベースで動くように変換してくれます。一定の作法を覚える必要がありますが、一旦覚え
BrunchはHTML5によるWebアプリケーション開発を支援するnode.jsフレームワークです。 HTML5をビジネス向けに率先して使っていくのは難しいと思いますが、それでも試してみたいと考えている人は多いはずです。そこでBrunchを活用してみると良いでしょう。HTML5ベースのWebアプリケーションを開発するための仕組みをまとめて提供してくれます。 Twitterのデモアプリです。 Todoアプリのデモです。 コードの記述に際してはJavaScript/CoffeeScript/IcedCoffeeScript/Royが使えます。CSSはSassやLESSを使うこともできます。ベースを作ってくれるコマンドがあるので、それを使いつつ後は既存のデモアプリを参考に作っていくとWebアプリケーションを素早く作ることができます。 Brunchはnode.js/JavaScript製、MIT
結局メニューなどでjQuery使っててレイアウトのヘッダで定義することが多いと思う。その際にwidgetなどでjQueryを利用していると重複してよびだしてしまう。 以下のようにconfigに定義することで回避可能。 'components'=>array( 'clientScript'=>array( 'scriptMap'=>array( 'jquery.js'=>false, ), ), Yiiとは編集 オブジェクト指向プログラミングで記述された、PHPのWebアプリケーションフレームワーク。 PHP5.1.0以上が必要。 続きを読むYii PHP Framework www.yiiframework.com このキーワードを含むブログを見る
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
flatironはルーティング、ミドルウェア、テンプレートエンジン、ODM、プラグイン拡張を備えたnode.js用Webアプリケーションフレームワークです。 Herokuがサポートしたり、着実に安定性を増した開発が継続されているnode.js。そろそろ使ってみたいと思い始めているのではないでしょうか。フレームワークを使って開発してみたい方は今回紹介するflatironをお試しください。 ルーティングです。まとめて設定するのがいい感じです。 unionという最低限のミドルウェアも付属しています。 テンプレートエンジンがあります。IDを指定してその中の値を変更するようです。 ODM（オブジェクトドキュメントマッピング）です。いわゆるO/Rマッパーに近いです。Mongo/CouchDB/Redisに対応しています。 プラグインによる拡張もできます。 flatironはWebアプリケーションを開発
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 2011年04月06日- ChocolateChip-UI コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 ダウンロードしたサンプルにはかなりの量のiOSアプリ風のUIが含まれていて、これスマフォサイト用のインタフェース作成には困らないんじゃないかという感じです。 リストのUI 読み込み画面 アイコン付きテーブル ちょっとUIを変えてみる例 サムネイル付きリスト ちょっとデザインを変える 普通のリストも。 デザインを変えたリストも ラベルつきのリスト ボタンや、ON/OFFも スライダーも 背景の模様も自由に変えられます ボタンも豊富 ツールバーデザイン。アイコンを入れたり色々 更にカラフルなボタンやアイコンのみのボタンも。 タブも作れます
スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜しければご覧ください。[/note] サンプル ※Androidも動くらしいですが、僕が持っていないのでiPhone以外は動作確認していません。 サンプルにアクセスすると以下のような画面になります。 結構な数のサンプルが用意されているのですが、ここでは一部ご紹介したいと思います。 アコーディオン アコーディオンコンテンツです。タップで開閉します。 ページめくり ページめくりです。フリックすると本をめくるようなアニメーションエフェクトで次のコンテンツに進
Express on railwayはnode.js用のRails風Webアプリケーションフレームワーク。 Express on railwayはJavaScritp/node.js製のフリーウェア（ソースコードは公開されている）。Rubyは元々優秀な言語であったが、ここ数年の爆発的な普及にはRuby on Railsの存在があったというのは間違いないだろう。 プロジェクト開始 どんなにプログラミング言語が優れていても、キラーアプリケーションになるものが必要なのだ。それはnode.jsについても同じかも知れない。node.jsにおけるRails的存在、その可能性を感じさせるのがExpress on railwayだ。 Express on railwayはRuby on Railsを真似たnode.js用Webフレームワークだ。まずプロジェクトを生成する機能を使うと、app/config/
yiiの国際化対応はかなり簡単にできるように用意されているが、良い日本語の説明がなかったので防備録。 まず翻訳対象の文字列は「Yii::t('カテゴリ名','翻訳対象のメッセージ')」として記述していく。 カテゴリ名はなんでも良いです。 →「yii、zii」などの予約語でなければ。 →バリデータのメッセージなどはフレームワーク内に入ってる。独自のメッセージに変更したい場合は後述する「message」ディレクトリにCOPYしてくる必要あり。 このカテゴリは同じ翻訳対象メッセージが存在する場合に翻訳を変えたいときに使用する。 ある程度、「Yii::t()」を記述したらここから翻訳ファイルを作成する準備に入ります。 protected/messageに移動してここにフレームワーク内のmessageフォルダからconfig.phpをcopyしてくる。 「languages」の配列でしている部分が翻
BakerはHTMLファイルを使った電子書籍アプリフレームワーク。 [/s2If] BakerはiPad用のオープンソース・ソフトウェア。電子書籍の市場が熱い。多数の配信プラットフォーム、専用アプリ、対応デバイスが揃っている。特にApple、Amazonが力を入れている。日本においても独自のパッケージ展開が出てきている。 電子書籍が簡単に 電子書籍アプリを作成し、販売するのは企業だけとお思いだろうか。いや、そんなことはない。手軽に電子書籍を作成し、販売できるフレームワークが存在するのだ。それがBakerだ。 Bakerが使っているのはHPubと呼ぶ、HTML5ベースのHTMLファイルだ。HTMLなので、画像を埋め込むことも可能で、そのためのテンプレート（幅768px）も用意されている。これを使えば自由にレイアウトした文書ができあがる。 元文書 そしてHTMLファイルをbookディレクトリに
PHPDevShellはユーザ管理やテーマ、データベース接続などを管理するフレームワークです。 PHPDevShellはPHP製のオープンソース・ソフトウェア。最近はWebフレームワークが多数登場している。Railsしかり、Codeigniter、CakePHP、Django、Catalystなど様々なフレームワークが存在する。誰しも言語に合わせて選択しているだろう。 システム管理 大抵のフレームワークにはユーザ管理機能やコンテンツ管理、ルーティング機能などが備わっている。さらに多数の機能を搭載し、統合的にシステム開発をサポートするフレームワークがPHPDevShellだ。 PHPDevShellは開発をサポートするフレームワークであり、多数のクラスに分かれて機能が提供されている。ユーザはグループ管理が可能で、アクセス制御も容易だ。Smartyを取り込んでいるので、テンプレートの変更が簡単
Yiiブログチュートリアル - Webアプリ企画･構築/Webシステム設計･開発 - PHP PEAR Yii Framework CakePHP symfony MySQL PostgreSQL クラフトギア 2009/03/29翻訳開始、4月中旬ごろ終了予定。 The Yii Blog Tutorialの私家版翻訳です。 体裁も何も整えていませんが、一通り翻訳し終わってからcssを適用しようと思います。 この翻訳のライセンスは本家Yiiドキュメントに準じるものとします。 さあはじめよう プロトタイピング 記事の管理 コメントの管理 ポートレット 最後の仕上げ Shunsuke Watanabe <watanabe (at) craftgear.net> [back to top]
InvisibleはCSS製のオープンソース・ソフトウェア。CSSはブラウザによって解釈が異なる部分があり、そのために一つのブラウザで整っても、別なブラウザでは崩れてしまうということがよくある。そうした誤差を吸収する意味でもCSSフレームワークを利用するメリットは大きい。 グリッドデザインが容易に CSSフレームワークとして様々な機能を提供するものもあるが、逆に束縛が大きくなってしまったり決められたルールを覚える必要があったりと面倒になってしまうことも多かった。もっとシンプルなものが良いという人に向いているのがInvisibleだ。 InvisibleはHTMLタグ全般について設定をリセットすることから開始する。その後で幅を割合で設定するクラスや左右配置を定義するクラスを追加する。これを使うことで三段や四段のカラムを使ったWebサイトデザインが容易になるという仕組みだ。 レイアウト例 フレ
Sencha TouchはJavaScript製/HTML5対応のオープンソース・ソフトウェア。iPhoneやAndroidはネイティブアプリが魅力の一つだが、WebKitによるHTML5の高性能化によってWebアプリケーションも見逃せない存在になっている。 多数のサンプルが用意されている ネイティブアプリはインストールさえされればアクセスが非常に容易になるのがメリットだが、そのインストールまでは壁が高い。サイトのターゲットによっても違うが、ネイティブアプリよりモバイル最適化サイトの方がメリットが高いと判断したらSencha Touchを使ってみよう。 Sencha TouchはかつてExt JSと呼ばれたWebアプリケーションフレームワークがSencha（煎茶）とネーミングを変え、そのモバイル向けに提供されるフレームワークだ。Webアプリケーション用なので最適化されたHTMLデザインだけ
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
52FrameworkはHTML/JavaScript/CSS製のオープンソース・ソフトウェア。これまでのWebデザインが今後、大きく変わっていく可能性を秘めているのがHTML5やCSS3だ。まだ実験段階というイメージが強いが、GoogleやYoutubeをはじめとする大手サイトでも取り入れられ始めている。 Safari4での表示 最大シェアを持つIEの対応がいまいちなため、積極的に取り入れていくのは難しいと感じているかも知れない。しかし時代は進んでいる。ついにHTML5/CSS3をターゲットにしたデザインフレームワークが登場した。それが52frameworkだ。 52frameworkはHTML5でコーディングされ、CSS3を使った角丸やテキストの影、ボックスの影、グリッド表示、CSSリセットなどを行っている。グリッドはウィンドウを16のブロックに分割する。一つのブロックはフレームワーク
xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に
PyxerはPython製のオープンソース・ソフトウェア。最近のプログラミング言語には様々なフレームワークが存在する。汎用的なものを使うのも良いが、環境に応じて特化したものを利用するというのも良さそうだ。環境に合わせることでよりスムーズな開発ができるようになる。 Google App Engine向けに使えるPythonフレームワーク Googleのクラウド環境であるGoogle App Engineは仕組みが一般的な専用サーバ等と大きく異なる。既存のフレームワークをApp Engineに合わせるのではなく、特化したものを選んでみるという選択はどうだろう。Pyxerはまさにそのためのフレームワークだ。 Pyxerはeasy_installを使ってインストールするフレームワークで、コントロール、テンプレート、モデルと分けて開発ができる。モデルはDataStoreを使うのだがElixirがライ
RSSフィードやWeb API、Mashupなどの単語が注目を集める中、Webクローラーを通じて外部のWebサイトにあるデータをかき集め、それを解析して別な形にするというのはよく見られるものになってきた。 あるURLを指定し、そこからリンクされているURLを一覧表示できる そうした数々のシステムの中で、クローラーとなる基盤は大きな違いはない。Webサイトのデータを取得し、次のリンクを洗い出して取得していくようなものだ。そうした共通動作部分を切り出したフレームワークがAnemoneだ。 今回紹介するオープンソース・ソフトウェアはAnemone、Webクローラを開発するためのフレームワークだ。 Anemoneは任意のWebサイトにアクセスし、その内容を解析するWebクローラーだ。例えばあるURLに付けられているリンクを一覧で取得するようなことも簡単にできる。外部サイトなのかどうかも区別できるの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
