仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介フレームワークの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。GoとWeb技術でデスクトップアプリケーション開発Electronはnodeを使ってJavaScriptでデスクトップアプリケーションを開発できます。UI部分は致し方ないとしても、デスクトップ側の機能については別な言語を使いたいと言う方もいるのではないでしょうか。あなたがGoが好きなのであれば、Wailsを使ってみましょう。RustだけでWebアプリケーションを開発するフレームワークWebAssemblyを開発する際の最も基本的な言語となるのがRustです。WebAssemblyでは元々DOMやネットワーク操作ができませんが、Rustのwasm-bindingによってWebブラウザ側のAPIを実行できるようになりました。その結果、WebAssembly活用の幅が広がったと言えます。HTMLメールを作るためのフレームワークHTMLメールを使うのも当たり前になってきました。レスポンシブなメールをきちんとメール向けに仕様に合わせて送らないとレイアウトが崩れてしまったりします。それではせっかく目立つHTMLメールを使っているのに勿体ないです。そこで使ってみたいのがMaizzleです。HTMLメールを作るためのフレームワークです。静的/動的サイトまでこなせるJavaScriptフレームワーク最近は静的サイトフレームワークが多数出てきています。確かに便利なのですが、拡張していく中でダイナミックな部分が欲しくなることもあるでしょう。そんな時に別途APIサーバを立てるのも面倒です。そこで使ってみたいのがSite.jsです。静的サイト開発から動的サイトまでこなせるJavaScriptフレームワークです。デザインファーストなフレームワークWebフレームワークというとプログラマ向けのものが殆どです。プログラマにとって使いやすくともデザイナーにとって使いやすいとは限らず、なかなか普及しないケースもあります。そこで注目したいのがPakyowです。デザインファーストなWebフレームワークです。Pakyowの使い方例えばこんな感じでコンテンツを作ります。UIコンポーネントが多数揃ったCSSフレームワークWebのUIフレームワークとしてはBootstrap一強が続いています。フレームワークとしての癖もあり、Webデザイナーとしては自分のやりたいデザインが実現しづらいかも知れません。そんな時には他のUIフレームワークに触れてみても良さそうです。今回はnatUIveを紹介します。Go言語でVueのようにWebアプリケーション(WASMで)が開発できるフレームワークこれは来るんじゃないだろうか...。APIが実装され、WebAssemblyからDOMやネットワークにアクセスできるようになりました。そのコードは通常のGoのコードと異なり、JavaScriptと比べても分かりづらいものでした。ミニマムながら十分なCSSフレームワークWebデザインを行う際に、スクラッチではなく何らかのフレームワークをベースにするケースが増えています。そんな時、あまり多機能なものを使うとデザイン全体が引きずられてしまったり、ちょっとしたカスタマイズがうまくいかなかったりします。UIフレームワークHTMLは自由度が高い反面、何でも自分でイチから作らなければならないイメージがあります。そのためUI、JavaScriptフレームワークは貴重です。それらを使うことで効率を大幅に高められます。Hat社によって開発されています。ハイブリッドアプリ開発のベストプラクティスを提供ハイブリッドアプリと言うのはHTML5でUI、ロジックを作成したスマートフォンアプリです。ネイティブとの繋ぎ込みはCordovaなどの技術を使います。遅いと言った問題がありましたが、今はほぼ分からないくらいの速度で実行できます。そんなハイブリッドアプリは画面遷移やUIなどを自分で用意する必要があります。素のHTMLを活かしたBasecamp製のJavaScriptフレームワーク最近のフロントエンドではReact/Angular/VueなどVirualDOMを使ったライブラリが増えています。確かに便利なのですが、それぞれ独自のHTMLタグを使うので学習コストが大きくなります。プログラマは良くとも、デザイナーでは難しいこともあるでしょう。そこで使ってみたいのがStimulusです。サーバ/クライアント両方に対応したビューフレームワークReactが導入したVirtualDOMという概念はあっという間に他のフレームワークにも影響を及ぼしていきました。Webコンポーネントにも関連して、小さなパッケージを組み合わせる方法が主流になっています。今回紹介するMarkoもそんなフレームワークの一つです。高速な動作がポイントになっています。WebアプリケーションフレームワークWeb上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。JVM上で動くサーバサイドJavaScriptフレームワークNode.jsはバージョンアップも早く、開発者としては追従するのに苦労します。新しい機能が増える一方、安定と不安定を繰り返す可能性もあり、採用を躊躇してしまう人もいるのではないでしょうか。そんな方々に使ってみて欲しいのがPurpleJSです。JVM上で動くJavaScriptアプリケーションフレームワークです。シングルページアプリケーション用フレームワークSPA(シングルページアプリケーション)では一つのページの中ですべてのHTMLを記述したくなりますが、それでは見通しが非常に悪くなります。SPAとはいえ、テンプレートを使って分割したり、機能を明確に分ける方が良いでしょう。そこで使ってみたいのがbasis.jsです。Reactの開発をはじめるのに最適なベースを生成Reactを触りはじめて思うのが、フレームワークのスタンダードが確立されていないということです。React自体はViewなので、それ以外の部分やアプリケーションサーバをどうすべきかといった部分が抜け落ちています。Serverを使ってみてはいかがでしょう。アリババ製のモバイルUIフレームワークスマートフォン用にWebサイトであったり、ハイブリッドアプリを提供する際には専門のUIフレームワークが欠かせません。デスクトップWebブラウザ向けとは異なるUI/UXが求められるためです。いった実装は簡単ではありません。そこでUIフレームワークが重宝します。今回はアリババ社が作ったWeexを紹介します。React/Reduxを使ったnodeフレームワークReactを使ってみたいと思うプログラマはたくさんいると思うのですが、いざちゃんとしたものを作ろうと思うとフレームワークの存在に悩むことになります。Reduxを使うとしてもどういう組み合わせ、ディレクトリ構成でやるのがベストなのか分かりづらかったりします。そこで使ってみたいのがRocです。OSXアプリを開発するプログラミング言語ですが、オープンソース化されたことで利用範囲が拡大しています。その一つがサーバサイドでの利用です。実行できるとは言え、大事なのはフレームワークでしょう。node用のサーバフレームワークnodeのWebサーバフレームワークというとExpressが最も有名かも知れませんが、ちょっと汎用的すぎると感じている人もいるかも知れません。APIに特化したサーバフレームワークのが目的に合っていると感じる人もいるでしょう。そんな方に使ってみて欲しいのがhapi.jsです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。