Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想
最近ReactとVueをどっちも触る機会があったり、「ReactとVueどう選定するの？」という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけの結論になったと思う。 TL; DRVueからは全体的に優しさ（Gentleさ）を感じる事が多く、良い点だと感じた大規模になるときReactの堅牢さは魅力的。Vueが大きくなった時に支えられ設計が出来るかは個人的には懐疑的。「こうだったらVue、こうだったらReact」みたいな分岐点があるというわけではないので、最終的には好みになってくると思う。ぞうさんが好きかきりんさんが好きか。これまでのフレームワーク遍歴今回の話をするにあたって、僕と各フレームワークの付き合いをまとめておくと、
Webフロントエンド表示速度、最速化手法まとめ - Qiita
やりすぎても無駄になることがあるので、必要十分なバランスを見極めて実施する。主に社内のプログラマ向けのまとめ資料。他にもあれば追記していく予定。 ページの状態を調べる まず対象のページが、どういった状態なのかを調べる。 Google PageSpeed Insights これを100点満点にする必要はないが、赤くなっている項目に関しては、なるべく対応したほうが良い。モバイルサイトにも対応しているので便利。 https://developers.google.com/speed/pagespeed/insights/?hl=ja pingdom 実際にページにアクセスしてスピードを計測できる。海外サーバなので、けっこう遅い…。最適化前と最適化後で比較するのに使うといい。 http://tools.pingdom.com/fpt/ Chromeデベロッパーツール コンテンツの読み込み順序／速度
フロントエンドにテストを導入 - Qiita
2016-8-8 ※webpack単体の記事を書きました。よろしければこちらもどうぞ step by stepで始めるwebpack 2016-5-16 ※karma単体の記事を書きました。よろしければこちらもどうぞ step by stepで始めるKarma 本記事は画面のJavaScriptのテストとかまったくやったことない方 Mocha？webpack？karma？それぞれの解説記事はよく見るけど全体像がよくわからんという方向けです。（数日前の自分です） 全体を通して導入の流れを解説した記事があると全体像が理解しやすいのではと思い書いてみました。 前提 Nodejs,npm,chromeが導入済みであること 流れ Step 表題 目的
フロントエンドへの複雑化について、一つの視点 - mizchi's blog
これらの件 最近のフロントエンドへの違和感 - nobkzのブログ 日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。 - 日々、とんは語る。 前提 去年は勝手Reactエヴェンジェリスト(自称)として、日本に複雑化するフロントエンド技術の海外の動静を紹介をし続けていた。 僕としても、フロントエンドは複雑化してると思ってるし、それは「目的の複雑化に対して必要なもの」だったと思っている。ここでいう目的とはSPAの構築であって、普通のウェブサイトは含んでいなかったが、普通のウェブサイトも当たり前のようにリッチ化目指しているのが現在なので、境目は曖昧ではある。 僕もフロントエンドの複雑化がだれにでも必要なものだとは思っていない。が、定期的に情勢を整理して、交通整理するのを心がけてきたし、春からはじめるモダンJavaScript / ES2015 - Qiita みたいな記
npm とフロントエンドのパッケージ管理の未来
JavaScript 系パッケージマネージャの重複問題 npm は言わずもがな Node.js のパッケージマネージャだが、フロントエンド開発においては Bower も利用するのが一般的になっている。この現状の問題点は、package.jon と bower.json という似たような管理ファイルを二重で管理しなければならないということだ。 現状の使い分けをおさらいをしておくと、次のような感じになる。 タスクランナー（Grunt/gulp）・モジュールシステム（browserify/webpack）・テストスイート（karma/testem）などの開発環境系の管理が npm の主なお仕事。インストールされたパッケージは node_modules 内に展開されて、CommonJS スタイルのモジュール管理から利用する。 本題につながる話としては、ブラウザで動くライブラリの一部は npm にも
Frontrend in KANAZAWA で話してきた感想
ひさびさの金沢でFrontrendでした FRONTREND IN KANAZAWA 今回はDMM.comラボさまのご協力で、金沢での講演となりました。2年以上前にKanazawa.jsで訪れて以来でしたが、色々見覚えのある光景やらに懐かしく感じた次第。（故郷ではない） 懇親会でもお久しぶりな方とチラホラ楽しいお話ができたり、新しい出会いもあったりでとっても愉快な感じでした。(∩´∀｀)∩ 10年先生きのこるには スライドはしばらく後の公開になりますが、スライドだけ見てもあまり価値がないです。フロントエンドの広い範囲において、ライブラリスタックやらツールセットやらの比較やポイントをサマリーでお伝えした感じです。 『10年先のため、今身につけたいこと』 今回の共通テーマと向き合うにあたって、どういう伝え方をしようかなーとうんうん考えた結果、、、 フロントエンドはなぜ流行り廃りが速いのか 流行
ピクセルグリッド的ブックガイド2012 | 第1回 外村編
ピクセルグリッド的ブックガイド2012 第1回 外村編 これから下半期に向けて、夏休みやお盆休みなどで、まとまった時間を持てる人もいるかもしれません。そんなときに、目を通しておくといいオススメ書籍を、ピクセルグリッドのエンジニアに挙げてもらいました。第1回目は外村です。 マークアップエンジニアに勧める3冊 HTMLやCSSの実装を手がけるマークアップエンジニアにオススメな本を、3冊挙げてください。 「入門 HTML5」 Mark Pilgrim 著、矢倉 眞隆 監訳、水原 文 訳（オライリージャパン）（原書：HTML5: Up and Running） HTML5の概要を知りたいという方にはイチ押しの書籍です。 著者はDIVE INTO HTML5というサイトでHTML5関係の情報を多く発信しているMark Pilgrim氏です。同サイトの情報を元に書かれている本で、HTML5とは何か、ど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者のためのWeb標準技術
フロントエンドを楽にするために
en.ja Article