(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか?何が違うのか?何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、9大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
Laravel フレームワークが起動してから終了するまでの流れについて、コードを読んでみました。 今回読んだフレームワークのバージョンは、4.1.21 です。 エントリポイント エントリポイントは、public/index.php です。 このファイルではコメントが多数ありますが、実際に処理を行っている行は、下記の 3 行だけです。 このコードから想像できるように、オートローダの設定、フレームワークの設定、そして実行という流れです。 require __DIR__.'/../bootstrap/autoload.php'; $app = require_once __DIR__.'/../bootstrap/start.php'; $app->run(); それぞれについて見ていきます。 1. bootstrap/autoload.php ここでは、オートローダの設定を行います。Compo
数ヶ月前の記事に引き続きMVCモデルについてのまとめです。 MVCモデルについて - GeekなNooblog プログラマーが意識するべきUI設計指針 3つのMVCモデル - GeekなNooblog MVCモデルの問題点を解決するPMモデルとMVPモデル - GeekなNooblog MVCにおけるViewの表示方法 トランザクションスクリプト、ドメインモデル - GeekなNooblog MVCモデルというものはすごくやっかいで、人によって言っていることが違います。 なのでこれが必ず正解!というものはないと思いますが、個人的に勉強した中でこれが正解であって欲しいなっていうものをまとめてみたいと思います。 今回も実際のコードを例に挙げていきますが、GUIではなくCUIで簡易的な実装で紹介していきたいと思います。 コードの例題としては、ネットショップの商品の商品名、金額、在庫数が表示するペ
先週はサンフランシスコで勤務先の年次博覧会が催され、中には自分と近いプロジェクトを紹介するセッションもあった。 いい機会なので便乗して宣伝してみたい。自主会社員活動につき勤務先の見解と違っても見逃してください。 さて件の年次博覧会、ウェブ開発者向けの講演の一つで Polymer という新しい JavaScript UI フレームワークが公開された。 Closure, GWT, Angular ときて また別のフレームワークかよ…とぼやく人の気持ちもわかる。でもそれほど被るものでもないから見逃してほしい。 なるべく多くのブラウザで動かそうとする既存のフレームワークと違い、 Polymer は新しいブラウザの機能を使い倒すことで強力なフレームワークを作ろうとしている。 別に特定ブラウザでしか動かないわけじゃない。ただ将来そうした新しい機能が各種ブラウザに備わる日を見越し、 そのときベストに動く
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
2012/07/11 第31回 HTML5とか勉強会 JavaScriptMVCフレームワーク「Spine入門」 (2012/07/12改版)ファイルサイズの比較について、比較条件が同じではないとのコメントを頂き、条件をmin+gzip時に統一して該当箇所を改版しました。
むらたです。 若手ではないのですが、こちらに出張投稿します。 AcroquestではHTML5+CSS3+JavaScriptによるグラフィカルなWebUIを開発するためのOSSであるWGPを開発しています。このWGPを利用する上で、JavaScriptMVCフレームワークを活用したいと考えており、私はJavaScriptMVCフレームワークを調査しています。そんなわけで「ステートフルJavaScript」を読んでおり、Spine.jsを調査しています。 Spine.jsはbackbone.jsにインスパイアされて開発されたCoffeeScriptと親和性が高いフレームワークであり、CoffeeScript好きな私としてはbackbone.jsの前にこちらを調べています。今回はSpine.jsのTodoアプリケーションを作ってみたので、その内容をまとめました。 Spine.jsのTodoア
JavaScriptでの大規模アプリケーション開発を支援する「JavaScript MVCフレームワーク」がいくつも登場し、注目され始めています。7月11日に開催された「第31回 HTML5とか勉強会」では、このJavaScript MVCフレームワークがテーマとなり、主なフレームワークの紹介と座談会が行われました。 それぞれのフレームワークがどんな特徴を持ち、何に向いているのか。非常に勉強になる内容でしたので、この記事では座談会の内容を紹介したいと思います。 座談会に登壇したのは以下の方々です。 Backbone.js 清水大輔氏(NHN Japan) Spine 村田賢一郎氏(Acroquest Technology) Ember.js 斉藤祐也氏(サイバーエージェント) AngularJS 北村英志氏(グーグル) 司会はPublickey新野が務めました。 JavaScript MV
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル(Model)の部分とユーザーインターフェイスの部分(View)、そしてビューとモデルのあいだで制御する部分(Controller)に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
Meteorとは? Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境(MacOS Xを含む)でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています(公式サイトには、「1日か2日でプロトタイプを、2~3週間で製品レベルのアプリを構築できるようにする」とあります)。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
あけましておめでとうございます。一昨年、昨年に引き続き、今年も昨年のJavaScriptを振り返りつつ、JavaScriptの近い未来についてちょっとだけお話させて頂きます。 それでは早速、昨年の予想を振り返りつつ、最近までのJavaScript界隈の動きを振り返ってみましょう。 2011年のJavaScript界隈でのニュース 昨年の記事で私は2011年はウェブアプリの普及に向けて、JavaScriptの開発環境とテスト環境がキーになると書きました。まずはこの2つの視点から見てみましょう。 JavaScriptの開発環境 2011年のJavaScriptの開発環境に関する大きなニュースといえば、Ruby on Railsの3.1にCoffeeScriptがデフォルトで採用されたという一件があります。Railsは非常に人気の高いウェブアプリケーションフレームワークで、多くのフレームワークに
ここでは、iOS, Android, Windows Mobile の3つをチェックします。 条件は、他にも下記のものがあります。 Platform iOS Android Windows Mobile Windows Phone Blackberry OS、など Target Mobile Website WebApp Native App Hybrid App Development language PHP Java Ruby Action Script C#、など Hardware Accelerometer Camera Capture Compass Connection、など User interface Adjustment Corporate Design UI Widgets Accessibility Other SDK Encryption Advertisemen
香蕉app下载安装色【njav101.com】是一款原创短视频手机APP,提供ios苹果下载/安卓下载。香蕉app下载安装色,香蕉app免费下载安卓,香蕉app免费下载色版提供丰富短视频资源,涵盖类目多样,用户可以随时随地在线查看自己感兴趣的短视频,发现更多有趣内容,奇闻逸事,娱乐八卦,搞笑段子,热点推送。
[追記とお詫び] APC有効の場合の値が正しく測定できていませんでした。 当初は20倍という結果になってましたが、再測定の結果4倍になりました。 すんごい悪くなったような気がしますが、4倍"も"速くなったと前向きに捉えてます。 なにわともあれ、正しくない情報で最初にレポートしてしまい申し訳ありませんでした。 PHPのフレームワークの比較が流行っていますね。 色々なPHPフレームワークのパフォーマンスを比較 - cakephperの日記(CakePHP, Laravel, PHP) PHPフレームワーク機能比較(2011.07.29) Symfony2のベンチマークが当初はCake2の半分程度しかなかったのですが、今のようにより速くなったのは、@hidenorigotoさんが不要なファイルの読み込みをコメントアウトしたりというごくごく普通のアプローチで修正を加えた結果です。(とはいえ、自分も
みなさん、ドキュメントは何を使って書いていますか? 筆者の場合、提出用のドキュメントは、WordやExcelで作っていますが、その他の多くのドキュメントはテキストエディタで書いています。 最近では、テキストファイルの書式をMarkdown記法に統一するようにしています。 Markdownは、ここで紹介されているように、簡単な文法を覚えるだけでパーサー(変換機)を通すと読みやすいHTMLに変換できる言語です。文法も直感的で比較的覚えやすいので好んで利用するようにしています。 他にもTextileやWikiなど様々な記法があり、好みも分かれますが、どちらにしても後で整形できる書式でドキュメントを書いておけばよいので、軽いテキストファイルでドキュメントを残している人は多いと思います。 しかし、ドキュメントをまとめて見る場合、手動でパーサーを通したりサーバーにアップしてサーバーサイドで変換するのは
スマートフォンのネイティブアプリケーション開発にあたり、興味深いプロダクト「Rhodes」がバージョンアップしてリリースされた。Rhodesはスマートフォンアプリの開発に特化したMVCフレームワーク。Ruby/HTMLで構成されたソースコードを、著名なスマートフォンのネイティブアプリに変換する。このRhodesをもちいて、iPhoneシミュレータ/Androidエミュレータで実際にアプリを動作させてみた。 *** Rhomobileは6月29日(米国時間)、Rhodesの最新版となるRhodes 2.0を公開した。Rhodesはスマートフォンのネイティブアプリケーション開発向けMVCフレームワーク。デベロッパはRubyとHTMLを使ってコーディングをおこなうだけで、iPhone, Windows Mobile, RIM, Symbian, Androidのネイティブアプリケーションを作成す
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は: ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
RIALY というFlex用の軽量フレームワークを開発しGitHubで公開しました。機能やドキュメントはこれから追加していく予定ですが、まずは簡単に紹介したいと思います。 開発の経緯 1年ぐらい前からエアーズではクライアント側にFlexを使う案件が多くなってきているのですが、Flexのイベントフレームワークだけで開発するとどうしてもコンポーネント間の依存性が強くなってしまいます。そこで既存のFlex用フレームワークを調査して、まず初めに PureMVC を採用してみました。 PureMVCを採用したことでコンポーネント間の依存性を弱くするという問題はかなり解消し、無事にひとつのプロジェクトを終わらせることができました。しかしコマンドパターンをベースとするPureMVCでは大量の定型コードを書く必要があって面倒だったことや、UIと処理とをよりキレイに分離したかったことから、次にPureMVC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く