Marko - eBay製。サーバ/クライアント両方に対応したビューフレームワーク MOONGIFT
Reactが導入したVirtualDOMという概念はあっという間に他のフレームワークにも影響を及ぼしていきました。最近では Webコンポーネントにも関連して、小さなパッケージを組み合わせる方法が主流になっています。 今回紹介するMarkoもそんなフレームワークの一つです。特に高速な動作がポイントになっています。 Markoの使い方 Markoの例です。クラスとスタイル、そしてHTMLの3つを組み合わせます。 class { onCreate() { this.state = { count:0 }; } increment() { this.state.count++; } } style { .count { color:#09c; font-size:3em; } .example-button { font-size:1em; padding:0.5em; } } <div .cou
Nat.js - Vue/Weexで使えるモバイルフレームワーク MOONGIFT
JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。 そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集になります。 Nat.jsの使い方 Nat.jsを使ったチュートリアルアプリを紹介します。こんな感じで機能が並んでいます。別なアプリを立ち上げたり、写真やオーディオ、動画を扱ったりできます。 Nat.callで電話をかけられます。 画像を選ぶ場合。 写真の撮影もできます。 モーダル、ネットワーク、位置情報、センサーなどの機能もあります。 さらに各種デバイスの情報も取れます。 Nat.jsは前述の通り、WebであればVueが使えて、ネイティブアプリであればWeexと組み合わせ
WhitestormJS - 物理エンジンを備えた3D Webアプリケーションフレームワーク MOONGIFT
Web上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。 今回紹介するオープンソース・ソフトウェアはWhitestormJS、物理エンジンを備えた3D Webアプリケーションフレームワークです。 WhitestormJSの使い方 WhitestormJSのデモです。玉が落下してきます。 イースター。クリックするとキャラクターがジャンプします。 土星のようなデモ。マウスでズームしたり視点の変更ができます。 ドミノ倒し。 WhitestormJSを使ったからと言って、3D Webアプリケーションがさくっとできるわけではありません。しかしWhitestormJSの作法に沿うことで面倒だった部分が大幅に改善することでしょう。3Dで物理演算を含めたWebアプリ
JavaScriptフレームワーク「Vue 2.0」がリリース
「Vue 2.0」は2016年4月に最初のプレビュー版が公開されており、最終的に8つのアルファー版、8つのベータ版、8つのリリース候補版を経て、今回の正式版リリースに至った。 「Vue 2.0」では、レンダリングレイヤをsnabbdomからフォークした軽量の仮想DOMで再実装しており、テンプレートコンパイラのコンパイル時の最適化の向上によって、レンダリングパフォーマンスを向上している。また、レンダリングレイヤの再実装にも関わらず、バージョン1.0で作成したテンプレートをわずかな変更のみで利用できる。さらに、ストリーミングやコンポーネントのキャッシュ時におけるサーバサイドレンダリングにも対応している。 vue-router、vuexといった公式のサポートライブラリやツールも、アップデートされてバージョン2.0をサポートしたほか、vue-cliが標準搭載された。また、バージョン1.0からの移行
ReactとAngular2の選択で迷ったときに考えたいこと - Qiita
まえがき 最近社内でLT大会がありまして、Angular2について発表したのですが（正式リリース直前でしたが）、結構内容的には、React vs Angular2みたいな内容になってたので、『（私が）ReactとAngular2の選択で迷ったときに考えたいこと』としてちょっと記事にしてみました。 ※1 この記事はあくまで両者を触ってみた『個人的な感想』になりますのであしからず。 ※2 そして、この記事は2016-09-18の時点での内容になります。 Reactはライブラリ、Angularはフレームワーク Reactが出始めた頃にはよく比較されることの多かったAngularですが、それは両者が似たような時期に盛り上がってきており、それでいてDOM周りの問題解決で謳っている機能がそれぞれちょっとずつちがっていたからかなと思っています。（それぞれDOMの構築とデータバインディングについての機能を
【2016年夏】個人的に注目なフロントエンドで使えるJavaScriptフレームワークまとめ - Qiita
はじめに Webサービスを開発するにあたり、JavaScriptのフレームワークは今や欠かせないものになりました。 多種多用なフレームワークがある中で、今回は主にwebサービスのフロントエンドで用いられるJavaScriptフレームワークをまとめました。 それぞれのJavaScriptフレームワークの詳しい使い方については、詳細に説明されているサイトが沢山あるので本記事では省略致します。 こんなフレームワークもあるんだなーと軽い感じで眺めていただけると幸いです！ 特徴 Vue.jsは、インタラクティブなWebインターフェイスを構築するためのライブラリで、MVVMアーキテクチャを採用しています。 HTML/JavaScript間の双方向データバインディングに特化していて、極力シンプルに実装できるようになっています。 シンプルに実装できることから、学習コストも低く初心者でも導入しやすいフレーム
MERN - Express/Reactを使ったWeb開発フレームワーク MOONGIFT
Linux + Apache + PHP + MySQLの組み合わせがWeb開発のスタンダード的な位置づけになっていた頃、それぞれの頭文字をとってLAMPスタックと言うのが流行りました。同様にフレームワークが変わるために名称も異なってきました。 今回はMERNスタックを標榜するソフトウェアを紹介します。MongoDB + Express + React + nodeという組み合わせのアーキテクチャになります。 MERNの使い方 MERNのディレクトリ構成は次のようになっています。サーバサイドはMVCに分かれており、Reactを使ったサーバサイドレンダリングを行っています。 テストのサーバを立ち上げたところです。ブログエンジンとなっています。右側にReactで持っているオブジェクトの内容が確認できるのがユニークです。 データの詳細も確認できます。 クリックで画面は変わりますが、サーバへのアク
AllcountJS - デスクトップ/スマートフォン対応の高速Webアプリケーション開発フレームワーク MOONGIFT
Webアプリケーションを素早く組み上げられるフレームワークはとても重要です。ここ数年ですとRuby on Railsがそんな高速開発可能なフレームワークとして注目を集め続けていますが、他の言語でも類似フレームワークがたくさん存在します。 今回はそんなRailsっぽさはまるでなく、高速にWebアプリケーションを開発できるとしているフレームワークAllcountJSを紹介します。nodeを使い、デスクトップとスマートフォンの両方に対応しています。 AllcountJSの使い方 デモアプリです。プロフィールを表示するものになります。 編集画面があります。 スマートフォンにも対応しています。 スマートフォンでは画面遷移もスムーズです。 デモアプリではありませんが、AllcountJSではこんな感じにコードを書きます。 A.app({ appName: "Hello World", appIcon:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
DeNA Engineering - DeNAエンジニアのポータルサイト
DeNA Engineering - DeNAエンジニアのポータルサイト
コンパクトなリアルタイムアプリを実現するJavaScriptフレームワーク「Feathers 2.0」がリリース
Engadget | Technology News & Reviews