フレームワークの記事一覧
Pakyow - デザインファーストなフレームワーク
Webフレームワークというとプログラマ向けのものが殆どです。プログラマにとって使いやすくともデザイナーにとって使いやすいとは限らず、なかなか普及しないケースもあります。そこで注目したいのがPakyowです。デザインファーストなWebフレームワークです。## Pakyowの使い方例えばこんな感じでコンテンツを作ります。と...
natUIve - UIコンポーネントが多数揃ったCSSフレームワーク
WebのUIフレームワークとしてはBootstrap一強が続いています。しかしフレームワークとしての癖もあり、Webデザイナーとしては自分のやりたいデザインが実現しづらいかも知れません。そんな時には他のUIフレームワークに触れてみても良さそうです。今回はnatUIveを紹介します。デザインフレームワークとしてはもちろん...
Vugu - Go言語でVueのようにWebアプリケーション（WASMで）が開発できるフレームワーク
これは来るんじゃないだろうか…。Go1.11でJavaScript APIが実装され、WebAssemblyからDOMやネットワークにアクセスできるようになりました。しかし、そのコードは通常のGoのコードと異なり、JavaScriptと比べても分かりづらいものでした。しかし将来的にうまくラッピングしたライブラリが出るだ...
minstyle.io - ミニマムながら十分なCSSフレームワーク
Webデザインを行う際に、スクラッチではなく何らかのフレームワークをベースにするケースが増えています。そんな時、あまり多機能なものを使うとデザイン全体が引きずられてしまったり、ちょっとしたカスタマイズがうまくいかなかったりします。そこで使ってみたいのがあまり多機能ではなく、ちょっと気の利いたシンプルなCSSフレームワー...
PatternFly - Red Hat製のWeb UIフレームワーク
HTMLは自由度が高い反面、何でも自分でイチから作らなければならないイメージがあります。そのためUI、JavaScriptフレームワークは貴重です。それらを使うことで効率を大幅に高められます。今回紹介するPatternFlyはUIフレームワークで、Red Hat社によって開発されています。## PatternFlyの使...
Maji - ハイブリッドアプリ開発のベストプラクティスを提供
ハイブリッドアプリと言うのはHTML5でUI、ロジックを作成したスマートフォンアプリです。ネイティブとの繋ぎ込みはCordovaなどの技術を使います。かつては遅いと言った問題がありましたが、今はほぼ分からないくらいの速度で実行できます。そんなハイブリッドアプリは画面遷移やUIなどを自分で用意する必要があります。ここが敷...
Stimulus - 素のHTMLを活かしたBasecamp製のJavaScriptフレームワーク
最近のフロントエンドではReact/Angular/VueなどVirualDOMを使ったライブラリが増えています。確かに便利なのですが、それぞれ独自のHTMLタグを使うので学習コストが大きくなります。プログラマは良くとも、デザイナーでは難しいこともあるでしょう。そこで使ってみたいのがStimulusです。既存のHTML...
Marko - eBay製。サーバ/クライアント両方に対応したビューフレームワーク
Reactが導入したVirtualDOMという概念はあっという間に他のフレームワークにも影響を及ぼしていきました。最近では Webコンポーネントにも関連して、小さなパッケージを組み合わせる方法が主流になっています。今回紹介するMarkoもそんなフレームワークの一つです。特に高速な動作がポイントになっています。## Ma...
WhitestormJS - 物理エンジンを備えた3D Webアプリケーションフレームワーク
Web上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。今回紹介するオープンソース・ソフトウェアはWhitestormJS、物理エンジンを備えた3D Webアプリケーションフレー...
PurpleJS - JVM上で動くサーバサイドJavaScriptフレームワーク
Node.jsはバージョンアップも早く、開発者としては追従するのに苦労します。新しい機能が増える一方、安定と不安定を繰り返す可能性もあり、採用を躊躇してしまう人もいるのではないでしょうか。そんな方々に使ってみて欲しいのがPurpleJSです。JVM上で動くJavaScriptアプリケーションフレームワークです。## P...
basis.js - シングルページアプリケーション用フレームワーク
SPA（シングルページアプリケーション）では一つのページの中ですべてのHTMLを記述したくなりますが、それでは見通しが非常に悪くなります。SPAとはいえ、テンプレートを使って分割したり、機能を明確に分ける方が良いでしょう。そこで使ってみたいのがbasis.jsです。## basis.jsの使い方basis.jsのコード...
React Server - Reactの開発をはじめるのに最適なベースを生成
Reactを触りはじめて思うのが、フレームワークのスタンダードが確立されていないということです。React自体はViewなので、それ以外の部分やアプリケーションサーバをどうすべきかといった部分が抜け落ちています。そうした点で迷っている方はReact Serverを使ってみてはいかがでしょう。React Serverを使...
Weex - アリババ製のモバイルUIフレームワーク
スマートフォン用にWebサイトであったり、ハイブリッドアプリを提供する際には専門のUIフレームワークが欠かせません。デスクトップWebブラウザ向けとは異なるUI/UXが求められるためです。しかしそういった実装は簡単ではありません。そこでUIフレームワークが重宝します。今回はアリババ社が作ったWeexを紹介します。## ...
Roc - React/Reduxを使ったnodeフレームワーク
Reactを使ってみたいと思うプログラマはたくさんいると思うのですが、いざちゃんとしたものを作ろうと思うとフレームワークの存在に悩むことになります。Reduxを使うとしてもどういう組み合わせ、ディレクトリ構成でやるのがベストなのか分かりづらかったりします。そこで使ってみたいのがRocです。React/Reduxを使った...
Swift Express - ExpressにインスパイアされたSwift製フレームワーク
SwiftはiOS/Mac OSXアプリを開発するプログラミング言語ですが、オープンソース化されたことで利用範囲が拡大しています。その一つがサーバサイドでの利用です。しかし実行できるとは言え、大事なのはフレームワークでしょう。すでに幾つかのサーバサイドフレームワークが出ていますが、今回はSwift Expressを紹介...
hapi.js - node用のサーバフレームワーク
nodeのWebサーバフレームワークというとExpressが最も有名かも知れませんが、ちょっと汎用的すぎると感じている人もいるかも知れません。もっとWeb APIに特化したサーバフレームワークのが目的に合っていると感じる人もいるでしょう。そんな方に使ってみて欲しいのがhapi.jsです。シンプルで使いやすいサーバフレー...
MERN - Express/Reactを使ったWeb開発フレームワーク
Linux + Apache + PHP + MySQLの組み合わせがWeb開発のスタンダード的な位置づけになっていた頃、それぞれの頭文字をとってLAMPスタックと言うのが流行りました。同様にフレームワークが変わるために名称も異なってきました。今回はMERNスタックを標榜するソフトウェアを紹介します。MongoDB +...
MJML - レスポンシブなHTMLメール用テンプレート
今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。## MJMLの使い方MJMLのシ...
Bulma - Flexboxを使ったCSS3デザインフレームワーク
HTMLのデザインフレームワークが増えてきました。どれもコンセプトが異なるので、自分に合ったものを選択するのが大事です。今回はBulmaというCSSフレームワークを紹介します。機能は多くありませんが、必要十分に備わっています。## Bulmaの使い方スクリーンショットを多めに紹介します。まずは基本となるグリッドです。!
HotDrink - JavaScript製のMVVMフレームワーク
WebアプリケーションがJavaScriptを活用することによってどんどんリッチになっています。そうした中で、徐々にMVCを使ったフレームワークに注目が集まっています。さらにMVCの派生パターンとしてMVVM（Model-View-ViewModel）が知られています。今回はそのフレームワークとして作られているHotD...