ITエンジニア/デザイナ向けにオープンソースを毎日紹介

フレームワークの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2016/12/29

WhitestormJS - 物理エンジンを備えた3D Webアプリケーションフレームワーク

Web上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。今回紹介するオープンソース・ソフトウェアはWhitestormJS、物理エンジンを備えた3D Webアプリケーションフレー...

List

  • 2016/11/16

PurpleJS - JVM上で動くサーバサイドJavaScriptフレームワーク

Node.jsはバージョンアップも早く、開発者としては追従するのに苦労します。新しい機能が増える一方、安定と不安定を繰り返す可能性もあり、採用を躊躇してしまう人もいるのではないでしょうか。そんな方々に使ってみて欲しいのがPurpleJSです。JVM上で動くJavaScriptアプリケーションフレームワークです。## P...

List

  • 2016/10/11

basis.js - シングルページアプリケーション用フレームワーク

SPA(シングルページアプリケーション)では一つのページの中ですべてのHTMLを記述したくなりますが、それでは見通しが非常に悪くなります。SPAとはいえ、テンプレートを使って分割したり、機能を明確に分ける方が良いでしょう。そこで使ってみたいのがbasis.jsです。## basis.jsの使い方basis.jsのコード...

List

  • 2016/10/01

React Server - Reactの開発をはじめるのに最適なベースを生成

Reactを触りはじめて思うのが、フレームワークのスタンダードが確立されていないということです。React自体はViewなので、それ以外の部分やアプリケーションサーバをどうすべきかといった部分が抜け落ちています。そうした点で迷っている方はReact Serverを使ってみてはいかがでしょう。React Serverを使...

List

  • 2016/07/20

Weex - アリババ製のモバイルUIフレームワーク

スマートフォン用にWebサイトであったり、ハイブリッドアプリを提供する際には専門のUIフレームワークが欠かせません。デスクトップWebブラウザ向けとは異なるUI/UXが求められるためです。しかしそういった実装は簡単ではありません。そこでUIフレームワークが重宝します。今回はアリババ社が作ったWeexを紹介します。## ...

List

  • 2016/07/10

Roc - React/Reduxを使ったnodeフレームワーク

Reactを使ってみたいと思うプログラマはたくさんいると思うのですが、いざちゃんとしたものを作ろうと思うとフレームワークの存在に悩むことになります。Reduxを使うとしてもどういう組み合わせ、ディレクトリ構成でやるのがベストなのか分かりづらかったりします。そこで使ってみたいのがRocです。React/Reduxを使った...

List

  • 2016/07/07

Swift Express - ExpressにインスパイアされたSwift製フレームワーク

SwiftはiOS/Mac OSXアプリを開発するプログラミング言語ですが、オープンソース化されたことで利用範囲が拡大しています。その一つがサーバサイドでの利用です。しかし実行できるとは言え、大事なのはフレームワークでしょう。すでに幾つかのサーバサイドフレームワークが出ていますが、今回はSwift Expressを紹介...

List

  • 2016/04/18

hapi.js - node用のサーバフレームワーク

nodeのWebサーバフレームワークというとExpressが最も有名かも知れませんが、ちょっと汎用的すぎると感じている人もいるかも知れません。もっとWeb APIに特化したサーバフレームワークのが目的に合っていると感じる人もいるでしょう。そんな方に使ってみて欲しいのがhapi.jsです。シンプルで使いやすいサーバフレー...

List

  • 2016/03/31

MERN - Express/Reactを使ったWeb開発フレームワーク

Linux + Apache + PHP + MySQLの組み合わせがWeb開発のスタンダード的な位置づけになっていた頃、それぞれの頭文字をとってLAMPスタックと言うのが流行りました。同様にフレームワークが変わるために名称も異なってきました。今回はMERNスタックを標榜するソフトウェアを紹介します。MongoDB +...

List

  • 2016/03/18

MJML - レスポンシブなHTMLメール用テンプレート

今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。## MJMLの使い方MJMLのシ...

List

  • 2016/03/02

Bulma - Flexboxを使ったCSS3デザインフレームワーク

HTMLのデザインフレームワークが増えてきました。どれもコンセプトが異なるので、自分に合ったものを選択するのが大事です。今回はBulmaというCSSフレームワークを紹介します。機能は多くありませんが、必要十分に備わっています。## Bulmaの使い方スクリーンショットを多めに紹介します。まずは基本となるグリッドです。!

List

  • 2016/02/28

HotDrink - JavaScript製のMVVMフレームワーク

WebアプリケーションがJavaScriptを活用することによってどんどんリッチになっています。そうした中で、徐々にMVCを使ったフレームワークに注目が集まっています。さらにMVCの派生パターンとしてMVVM(Model-View-ViewModel)が知られています。今回はそのフレームワークとして作られているHotD...

List

  • 2015/11/27

Melon - Go製のWebフレームワーク

ここ最近Goで様々なソフトウェアが作られるようになっています。最も有名なところとしてはDockerがあるかと思いますが、CLIだけでなくGoはWeb上でも利用ができます。今回はそんなGoを使ったWebフレームワーク、Melonを紹介します。特にRESTful APIの開発に向いたフレームワークです。## Melonの使...

List

  • 2015/11/19

Scooter - Dropbox社製のデザインフレームワーク

企業でWebサービスを作る際に、決まったデザインフレームワークがあると全体的に統一感が出て、かつデザインに対する悩みが少なくなるのが利点です。その結果、開発がスムーズに進むことでしょう。今回はその一つ、Scooterを紹介します。作成したのはDropbox社になります。## Scooterの使い方ScooterはSCS...

List

  • 2015/11/08

AllcountJS - デスクトップ/スマートフォン対応の高速Webアプリケーション開発フレームワーク

Webアプリケーションを素早く組み上げられるフレームワークはとても重要です。ここ数年ですとRuby on Railsがそんな高速開発可能なフレームワークとして注目を集め続けていますが、他の言語でも類似フレームワークがたくさん存在します。今回はそんなRailsっぽさはまるでなく、高速にWebアプリケーションを開発できると...

List

  • 2015/10/26

Kickstart - Bootstrap/Foundation対抗のCSSフレームワーク

今ではスタイルシートをゼロから組むことは減ってきているかも知れません。レスポンシブな対応であったり、全体的な見た目の統一感を考えるとフレームワークをベースにした方が楽だからです。とはいえ、大型なフレームワークを使うと束縛が強くなります。BootstrapやFoundationが有名ですが、今回はそれらに対抗していこうと...

List

  • 2015/07/14

Volt – クライアントとサーバサイドが両方Rubyで書けるフレームワーク

最近、新しいプロジェクトをやろうと思う度に使う言語で悩んでいます。好きなのはRubyまたはnodeなのですが、テンプレートエンジンやWebブラウザで使う言語を統一したいと思うとnodeが最適に思えます。しかしそんな中、Rubyでもサーバサイドとクライアントサイドを統一できるフレームワークが出てきました。それがVolt

List

  • 2015/05/20

Cape.JS - Virtual DOMをサポートしたJavaScriptフレームワーク

Reactに注目が集まっているのは特にVirtual DOMによるところが大きいのではないでしょうか。JavaScript側ではとにかく必要な部分全体をレンダリングしてしまって、実際の描画についてはReactに任せられるのがメリットです。そんなReactと同じくVirtual DOMをサポートしたJavaScript ...

List

  • 2015/04/12

ComponentKit – ReactにインスパイアされたiOSビューフレームワーク

Reactへの注目がどんどん高まっています。ビューはビューらしくシンプルに作れるのが利点と言えます。最近ではReact Nativeがリリースされ、JavaScriptのReactでiOSアプリを作れるようにもなっています。そんなReactですが、iOSでも(React Nativeではなく)使ってみたいという方はCo...

List

  • 2015/04/11

Primer - GitHub製。みんなで使えるデザインフレームワーク

企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。そこで登場...