Having usedVue at work, I had a fairlysolid understanding ofit. I was, however, curious to know what the grass was like on the other side of the fence — the grass in this scenario beingReact. I’d read theReact docs and watched a few tutorial videos and, while they were great and all, what I really wanted to know was how differentReact was fromVue. By “different”, I didn’t mean things such a

2018年2月6日 なぜプロダクトにVue.js を採用したのか? 運用してみてどうっだった? という話 余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れもVue.js で作られている SPA で、社内・外両方から “なんでVue.js なの?” とかよく聞かれます。そこで、今回はどうしてVue.js を選択したのか、Vue.js の何がいいのか、Vue.js で運用してみてどうだったかの話をしたいと思います。 はじめにVue.js を導入する前のマンガ ZERO Web は 2.0系の Riot で作られていました。今ある SPA のような形ではなくサーバサイド (Go) にてメタタグを生成、空のマウントポイント <div id="app"><

Update 2017-10-28: This list is outdated. I maintain a better list ofreact tutorials Recently I found a developer asking this question aboutReact: "What tutorial would you recommend to get started? I'm looking for something supersimple." I did a quick search expecting tons of great results, but was a little dismayed by what I found... Many tutorials were outdated - some more than 2 years old (a

Like everybody else, I recently came across Jose Aguinaga’s post “Howit feels to learnJavaScript in 2016”.It’s clear that this post hit a nerve: I sawit reaching thetop spot on Hacker News not once but twice.It was the most popular post on /r/javascript as well, and as of right nowit has over 10k likes on Medium — which is probably more than all my own posts put together. But who’s counting

Riot vsReact & Polymer Riotとその他近しいライブラリは何が違うの?React Riotは、Reactとその「まとめ方(cohesion)」のアイデアからインスパイアされました。Facebookの開発者いわく: 「テンプレートは、問題ではなく、技術を分けるだけだ」 “Templates separatetechnologies, not concerns.” 私たちは、この直感に敬意を表します。ゴールはテンプレートを作ることではなく、再利用可能なコンポーネントを作ることです。ロジックをテンプレートから分離することで、本来一緒にしておくべきものを追い出してしまっているのです。 これらの関連技術をコンポーネント内にまとめることで、システムはよりクリーンになります。この重要な直感において、Reactは偉大です。Reactの文法 importReact from
先日書いた 『Electron の入門エントリー』 が好評だったので私の大好きな Riot.js の入門も書いてみました.AngularJS やReact でもいくつか Web アプリケーション作ってきましたが, 私にとっては Riot.js が一番しっくりきました. なので今回は Riot.js について紹介します. とにかく詳しい説明はいいから触って試してみたいって方はぜひ読んでみてください. Runstant を使ったデモを並べているので, このページ上で実行したりコードをいじることができます. 実際に動かしながら, Riot.js がどれだけ使いやすいか体感してみてください♪ Riot.js とは? 今のところ私にとって(使いやすさ, 手軽さ, 規模感総合して)最も優れたJavaScript フレームワークです. 主な特徴 個人的に Riot.js でいくつかサービス作ってき

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux +react-router + material-ui + axios + ES2015 + Babel +webpack + ESLint +AirbnbJavaScript StyleGuide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリはReact AJavaScript library forbuilding user interfaces |React 去年、一気に普及したReact


Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 背景 僕が本格的にWebのエンジニアになったのは2014年頃からで、早いものでもう丸2年ほど経ってしまうことになります。 Webに転向してからは主にフロントエンドエンジニアとして勤務してきました。 よく言われることですが、最近のフロントエンドの趨勢は本当に早いです。 最初はキャッチアップに苦労したことを覚えています。 しかし段々と新しい何かを覚えることは苦でなくなり、今はこの流れに身を置くことが楽しいと思えるようになってきました。 激動の趨勢の中で、Webのフロントエンドエンジニアが口にするパラダイムは日ごとに変化しています。 この記事

After taking a keen interest toElm lately I figured I needed to solve a real problem. Something a bit fun and achievable in a couple of evenings/nights. Not being awfullycreative, piggiebacking on other peoples' work is sometimes agood option. In this post I’ll take you through some of my steps in porting/re-implementing https://github.com/cjohansen/react-sweeper (JavaScript andReact) to an El
最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか? 現実の問題UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く