「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！

2022/11/01 101 users Remix Reactベース React向け クライアント

RemixはReact向けのJavaScriptフレームワークです。サーバーとクライアントをより良く協調させることや、Web標準を尊重することに重きを置いた哲学を持っています。本記事では、Webフロントエンド分野が抱える課題と、それをRemixがどんな特性で解決しようとしているのかを解説していきます。 対象読者 RemixがNext.jsな... 続きを読む

高速で開発者体験も抜群！JavaScriptフレームワークの新星「Svelte」とは何か？

2021/12/28 60 users React Svelte Vue 新星 アプリケーション

本連載では、「State of JS 2020」でも注目されているJavaScriptフレームワークのひとつ「Svelte」について、その概要や魅力、Svelteを使用したアプリケーションの開発方法について紹介します。今回は、同じJavaScriptフレームワークであるReactとVueと比較しながら、Svelteの特徴と、2022年にSvelteを使うべき理由につ... 続きを読む

仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/02/18 316 users フレームワーク エンジニアHub 仮想DOM DOM操作 傍ら

はじめまして、ダーシノ（@bc_rikko）です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか？ そういったフレームワークで使われている... 続きを読む

2020年にJavaScriptフレームワークをちゃんとはじめるために。｜榊原昌彦｜note

2020/01/05 177 users 榊原昌彦 Note

結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介した... 続きを読む

Vue.jsを使ってメンテナンスツールを作ってみた - MicroAd Developers Blog

2019/08/23 53 users Vue.js アプリケーションエンジニア マイクロアド 反応

ご無沙汰しております。 マイクロアドでアプリケーションエンジニアをしているNです。 約1年前「JavaScriptフレームワーク（Vue.js）を導入して」というタイトルでブログを執筆させていただきました。 その時、 興味を示して頂き何らかの反応をいただければ、きっと別の社員がもう一歩踏み込んだVue.jsのお話を書いてく... 続きを読む

SPAじゃないプロジェクトのための控えめなJavaScriptフレームワーク「Stimulus」 - yuhei blog

2019/05/02 243 users React angular Stimulus SPA HTML

ReactやAngularのように、アプリ内のすべてのHTMLをJavaScript側で管理して描画するアプローチは大げさすぎる。ほとんどの場合において。 もちろん一定以上の複雑さがあればその辺のJavaScriptフレームワークを使った方が良い。が、それがやり過ぎになるプロジェクトは多い。というかその方が多い。それでも、それらのア... 続きを読む

Vue.jsの生みの親 Evan氏が箱根でみんなの質問に答えてくれた【動画有り】 - アシアルブログ

2018/11/09 152 users 箱根 Vue.js アシアルブログ Twitter 生みの親

こんにちは、生形です。 先般開催されましたVue Fes Japan 2018のために、JavaScriptフレームワーク「Vue.js」の生みの親であるEvan Youさんが来日されました。 この機会を逃す手はない！ということで、Evanさんへの質問をTwitterで公募し、インタビューした様子をライブ配信しました。インタビュアー兼通訳を担当したの... 続きを読む

JavaScriptフレームワーク（Vue.js）を導入して - MicroAd Developers Blog

2018/07/19 86 users Vue.js アプリケーションエンジニア バッチ 用途 ライト

マイクロアドでアプリケーションエンジニアをしているNです。 日々、バッチを作ったりWEBアプリケーションを作ったりしています。 今回はライトにJavaScriptフレームワークを導入したお話を書いていきたいと思います。 導入のきっかけ その１~きっかけのきっかけ~ マイクロアドではいろいろな用途でWEBアプリケーション... 続きを読む

Angular 6が正式リリース。コンポーネントのDOMエレメント化、PWA対応など新機能。ng-conf 2018 － Publickey

2018/05/13 78 users Publickey NG-Conf リリースサイクル 新機能

Angular 6が正式リリース。コンポーネントのDOMエレメント化、PWA対応など新機能。ng-conf 2018 JavaScriptフレームワーク「Angular」の最新版「Angular 6」が5月4日付けで 正式にリリースされました 。 Angularは2017年4月に登場したAngular 4から半年ごとにメジャーバージョンアップが行われるリリースサイクルを採用しており、Angular... 続きを読む

Atomic Designの概念に基づいたJavaScriptフレームワークのコンポーネント設計とは？ - pixiv inside

2017/05/26 72 users pixiv inside Atomic Design 概念

テクノロジー Atomic Designの概念に基づいたJavaScriptフレームワークのコンポーネント設計とは？ はじめに こんにちは。はてなブログとエモい話が何よりもすきな17新卒のエンジニアPotato4dです。 ひょんなことからこのpixiv insideに技術的な記事を書く機会に恵まれたので、JavaScript周りの話を書きたいと思います。 概要 モダンなJavaScript環境に慣... 続きを読む

React Native用の統合開発環境「Deco IDE」、オープンソースで公開 － Publickey

2016/05/31 140 users Publickey モバイルアプリケーション iOS 特長

「 React 」は、2013年にFacebookがオープンソースとして公開したJavaScriptフレームワーク。仮想DOMなどの手法を用いてユーザーインターフェイスの開発を効率的に行えるのが特長です。 そのReactと同じ書き方のJavaScriptでiOSやAndroidに対応したモバイルアプリケーションを開発できるのが「 React Native 」です。 「 Deco IDE 」は、Re... 続きを読む

JavaScriptフレームワークのコストを考える | プログラミング | POSTD

2015/12/17 208 users POSTD プログラミング コスト

先日、私はBrightonで開かれたJavaScriptのカンファレンスFFConfで「(ここにライブラリやフレームワークの名前を入れる)を使おう。これこそ最強中の最強中の最強だ！」と題して話をしました。 ここに、そのプレゼンテーションの内容を書き起こします。もっと注目されるべき、最近のモバイルデバイスのフレーム先日、私はBrightonで開かれたJavaScriptのカンファレンスFFConfで... 続きを読む

JavaScriptフレームワークに対する、あるGoogle社員の争い | ReadWrite Japan

2015/12/10 77 users ReadWrite Japan 争い ソフトウェア 彼ら 資金

JavaScriptフレームワークに対する、あるGoogle社員の争い 開発者は楽になる、しかしそれはユーザーの負担と引き換えだ ソフトウェアの専門家マット・アサイは、JavaScriptフレームワークに対し次のように語った。 GoogleはモバイルWebを重視している。 だが、彼らはこれまでHTML5にあまりにも資金を投じてきておらず、今になってこれをカバーしようとしているところだ。 また、Go... 続きを読む

JavaScriptフレームワークの寿命 | プログラミング | POSTD

2015/09/01 377 users フレームワーク POSTD マネージャー 有無 コミュニティ

フレームワークの寿命はプロジェクトの成功を左右するほど重要な要素です。多くのマネージャーは、コミュニティの大きさ、人気、大企業によるサポートの有無などを基準にしてこれを選びますが、果たして正しいでしょうか？寿命の重要性やフレームワークを評価する方法等について詳しく見ていくことにしましょう。半年ごとに”今一番ホットな”フレームワークが新たに登場しては、私たちは興奮に沸き返ります。 誇大広告を信じては... 続きを読む

【AngularJS vs React.js】どっちがどう使える？JavaScriptフレームワークの最新事情 #html5j｜CodeIQ MAGAZINE

2015/05/29 318 users CodeIQ MAGAZINE html5j 最新事情 話題

【AngularJS vs React.js】どっちがどう使える？JavaScriptフレームワークの最新事情 #html5j 2015.05.29 Category：勉強会・イベント Tag：AngularJS ,HTML5 ,html5j ,JavaScript ,React.js 最近話題となっているJavaScriptフレームワーク「AngularJS」と「React.js」。 とはいえ、... 続きを読む

JavaScript - ここ数年前から2015までのモダンフロントエンドを総まとめしてみた - Qiita

2015/05/25 925 users oLd Qiita 台頭 キャッチ フロントエンドエンジニア

HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そ... 続きを読む

実用的なJavaScriptフレームワーク比較用サンプルアプリケーション「TODO-Module」を作ってみた - フルスタックエンジニアに

2015/04/22 59 users TODO-Module フレームワーク 新しいもの

2015-04-05 実用的なJavaScriptフレームワーク比較用サンプルアプリケーション「TODO-Module」を作ってみた TODO-Module リッチなWebアプリケーションを作る上でJavaScriptフレームワークは欠かせませんが、 次々と新しいものが出てきてどれを使えばいいかわからないという方も多いと思います。 様々なフレームワークでシンプルなToDoアプリケーションを公開して... 続きを読む

【翻訳】完璧なJavaScriptフレームワークを求めて 後編 | POSTD

2015/03/19 69 users POSTD 後編 翻訳

前編はこちらです。 テンプレート 私たちはテンプレートエンジンを多用しますが、それはデータとHTMLマークアップを区別する必要があるからです。昨今のフレームワークのテンプレート処理の方法について、最もポピュラーな手法をい […]前編はこちらです。 テンプレート 私たちはテンプレートエンジンを多用しますが、それはデータとHTMLマークアップを区別する必要があるからです。昨今のフレームワークのテンプレ... 続きを読む

【翻訳】完璧なJavaScriptフレームワークを求めて 前編 | POSTD

2015/03/18 93 users POSTD 翻訳 前編

最近のフロントエンド開発では、多くのフレームワークやライブラリが利用できます。ただし玉石混淆で、良い物もあれば悪いものもあります。そんなわけで多くの場合、私たちは特定のコンセプトやモジュールまたは構文に傾倒しがちです。で […]最近のフロントエンド開発では、多くのフレームワークやライブラリが利用できます。ただし玉石混淆で、良い物もあれば悪いものもあります。そんなわけで多くの場合、私たちは特定のコン... 続きを読む

最近のJavaScriptフレームワークの評価とか - albatrosary's blog

2015/03/17 108 users albatrosary's blog 評価 Git 適材適所

2015-03-17 最近のJavaScriptフレームワークの評価とか 最近JavaScriptフレームワークについて色々指標のようなものを提示するブログが流行っているようだ。適材適所のもと、これは大規模向きとか小規模向きとか早いだの遅いだの。加え「gitなんか覚えなくたって死なない」とか、UXうえい！みたいな話だと思いきや内容がUIに限ったこととか。 一体最近のフロントエンドはどうなってるんだ... 続きを読む

AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ - paiza開発日誌

2015/03/02 297 users AngularJS yoshiokatsuneo 吉岡

2015-03-02 AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ こんにちは、吉岡(@yoshiokatsuneo)です。最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。Home | Aurelia Home |... 続きを読む

いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】 （1/3）：CodeZine

2015/02/25 655 users CodeZine AngularJS React.js 選定

近年のフロントエンド開発の大規模化・複雑化に伴って、JavaScriptフレームワークの需要がますます拡大しています。既にBackbone.jsやAngularJSなど、MV*フレームワークは数多く登場していますが、本記事では最近注目を浴びているFacebook製のライブラリReact.jsについて解説します。フレームワーク・ライブラリの選定に悩んでいる方から、本格的にJavaScriptを触るの... 続きを読む

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.net

2015/02/20 57 users iOS WebComponents reactjs Mui

MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやA... 続きを読む

無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」

2015/02/14 441 users Bootstrap Zero Bootstrap テー 無料

Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテー... 続きを読む

第1回　Ember.jsの世界：実践入門 Ember.js｜gihyo.jp … 技術評論社

2014/12/09 79 users Ember.js tricknotes gihyo.jp

実践入門 Ember.js 第1回　Ember.jsの世界 2014年12月9日 佐藤竜之介 Ember.js, JavaScript この記事を読むのに必要な時間：およそ 4.5 分 1 2 はじめまして。佐藤竜之介（@tricknotes）と申します。本連載では，ユニークな特徴を持つJavaScriptフレームワークであるEmber.jsの仕組みと，実践での活用方法について解説させていただきま... 続きを読む