Vue vs React vs Angular
■ このスレッドは過去ログ倉庫に格納されています
実際どうなん?
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured 使いやすさのVue
先進性のReact
引くに引けない人とIonic派だけが使うAngular Reactってそんなに先進的かねぇ
考え方的にはVueの単一ファイルコンポーネントと同じようなものだと思うけど vueとかネットで騒がれてる
わりには、文法が難しくて取っ掛かりに
時間がかかるんだが!!!個人でVSコードの
デバッグやwebpackの
設定をやるとなると、手間が掛かりすぎるのも原因の
一つかな。色々とファイルを配置するのに、時間とpcのスペックを
費やすから手軽さにかける。
simple & bestの虎の巻きでもあればいいけど
個人がこの言語を公にすればいいのに、趣味や趣向が入りすぎて
「誰も特しない言語」になってる >>5
翻訳すると、「わたしバカですー」ってことか Laravelで使うかLaravel-Mixを移植して使うのがベターだと思う Nuxtのおベンベン始めたけど、メンドクサー
PHPのゴミのようなフレームワークと一緒で、学習コストかかりすぎ
Reactはどうなん?
Vueやめよっかなー >>9
nuxtはreactとangularに比べるとシンプルで分かりやすいほうだぞ
これダメなら他やってもダメだろな vue自体を学ぶのは、Vue CLI 3でプロジェクトを作成した状態から始めちゃうほうが、コンポーネントとか理解しやすいなと思った。 Reactってなれないうちは一番面倒くさいんじゃないかと思うよ
vueならv-modelでできる簡易な事も結構大掛かりだし そのVueよりも普通にHTML書いたほうが早いってなw
<span>Hello HTML</span>
ほらなw SSRと思いついた時点で、シングルページじゃなかったことに気付いてほしかった。 ここでは Vue.js 対 JQuery の議論は御法度? SPAってかっこいい単語だけど昔からはびこってるものと何ら変わらんのだよな
ASPやJSPやPHPでJSなりCSSなりイメージなり使わなければSPAなんだし 基礎から学ぶ Vue.js、mio、2018/5/29
Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発、
花谷 拓磨、2018/10/17
Node.js超入門、掌田津耶乃、2017
Electronではじめるアプリ開発
~JavaScript/HTML/CSSでデスクトップアプリを作ろう
野口 将人・倉見 洋輔、2017
入門 React ――コンポーネントベースのWebフロントエンド開発、2015
Reactビギナーズガイド ――コンポーネントベースのフロントエンド開発入門
Stoyan Stefanov, 2017
https://github.com/stoyan/reactbook
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017 いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック/クジラ飛行机
Reactの本として見るとReduxとか不足してて微妙だけどNode.jsとかWebpackの本としてはそこそこ良かったと思う
React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT ONE)/穴井宏幸、石井直矢、柴田 和祈、三宮 肇
Reduxに関してはこれが一番詳しく載ってたかな Nuxt.jsビギナーズガイド
これ半分くらい読んだけど、PHPのフレームワークが
次々出てきてはゴミになってるけど、同じ道を辿るだけだと思ったよ
実際のサイト制作は規約でガチガチだとソースがカオスになって重くなるだけ Vue.js, Nuxt.js, React, Electron, Android アプリなどの、
ライフサイクルメソッドは、どのアプリでも普遍的
これを時間的に進む方向を、一方向だけに限定したルールは、使いやすい
Rails と同じ。
全員が同じ規約に従った方が、作りやすいし、わかりやすい
異なったやり方・各個人独自のやり方は、わかりにくい jsはフレームワークがどれだけ出てきても
フレームワークの介入の無いほうが汎用的に作れるようになるよ
パフォーマンスという観点だとその辺に溢れかえってるフレームワークはゴミにしかならんし >>25
結局便利で手軽で簡単な jQuery に回帰するという事なのかな。 jQueryもフレームワークだし
やれることはwebに動きつけるぐらいじゃん いやフレームワークではないだろ…
色々余計な機能付いてるが(そして最近は減らしていっているが)自称の通りDOM操作ライブラリだろ良くも悪くも。
怪力でノンサポートのハンドル自力で切っといてこれがパワーステアリングだ!と言ってるようなもん >>30
jQueryはJavaScriptのフレームワークだよ コーディングスタイルを縛るもんじゃないからどちらかと言えばクラスライブラリじゃない?
その点で行くと.NETもフレームワークと言うよりはクラスライブラリに近いけど >>32
いや、.NETはランタイムも含んでるから >>31
フレームワークっていうのは呼び出し側のことなので
jQueryはフレームワークに当たらない
あえて言うならブラウザそのものがフレームワーク
ブラウザがイベントを発行し、jQueryはその中を書くだけ >>34
呼び出し方を同じ言語で簡素化してるのがフレームワークなのだからjQueryは間違いなくフレームワークだなw 誰も簡素化の有無を焦点にしてないんだが?
全てのライブラリは簡素化するものです。
簡素化だけを条件にしてしまったら
ライブラリ全てがフレームワークってことになってしまう
フレームワークは利用者が何も書くことなく、
このような形で呼び出されるから、こういうものを用意しなさいと
決まってしまうもの。
jQueryはそんなものは決めないので、フレームワークにはならない ここはjQueryスレじゃねえんだから出ていけ!!!!! >>37
お前の言葉そのまんまだと
フレームワークは呼び出し側のことなのでjQueryはフレームワークに当たる
VueやreactやAngularも同じ > フレームワークは呼び出し側のことなのでjQueryはフレームワークに当たる
え?jQueryの何処が呼び出し側に見えるの?
フレームワークは呼び出し側のことというならば、
その根拠があるはずだよね。言ってみて 理由は言えないけど、やばいって言っておけば
勝てるだろう。やばいやばいやばい。どやぁ。
> 声闘(ソント)とは朝鮮人の古くからの風習で声の大きさで相手の言論を封じること。
> 人と議論をするとき、議論の内容は関係なく、ただ大声で早口で居丈高に話し、
> 相手が何も言い返せなくなれば勝ち、というしきたり。
みたいなことは止めてねw http://jquery.com/
> What is jQuery?
> jQuery is a fast, small, and feature-rich JavaScript library.
公式サイトで、ライブラリって書かれてるのに
それを覆えそうとする勇気に敬服する(皮肉) >>36
呼び出し方を同じ言語で簡素化してるのがライブラリなのだからjQueryは間違いなくライブラリだなw オブジェクトモデルでいうなら
フレームワーク→ベースとなるクラスを継承してメソッドをオーバーライドするスタイル
クラスライブラリ→自作のクラスのメンバーなどにライブラリのクラスを導入していくスタイル あと勘違いしないで欲しいのは別にフレームワークだから凄いとかフレームワークじゃないからヘボいとかそういうわけではないということ だからなんでこのスレでjQueryの話してんだよボケ!!!!
テメーらクズどもは巣に帰れ!!!!! >>48
jQueryもフレームワークだって言ってる人がいる
ここで話しても良いのでは?(皮肉) 一部の部品として容易に組み込めるのだから公式が言っている通りライブラリだろう
導入のしやすさ、構成への制限の少なさはフレームワークよりライブラリの方が優れている htmlフレンドリーなMVCフレームワーク(spring, asp.net, etc...) + vue(static js)
この組み合わせが最も簡単で理解しやすくトラブルも少なかった
node+npmを使ってビルドまでやると対応できる作業者が急激に減る npm対応できない業者ってどんだけ低レベルなんだよ WordPressしかやらないところとかじゃない? >>53
業務系の派遣さんはほぼ全滅
node知らない人も少なくない 業務系の派遣がnode使うわけないじゃん
javaパーだろ npmでインストールする類のcliは中々いい本ないもんね
市販されてる本だと大体型落ちだったりするし
webpackとかbabelとか
だからといって旧世代のバージョンに合わせてからやるんじゃ折角新しい技術を覚えようという目的に本末転倒になってしまう
結局わりと頼りになるのがQiitaっていうオチ
まぁQiitaに固着し過ぎるとQiita以外なら簡単に見つかるものを見落とすって事もあるけど モダンなツールなら英語の公式ドキュメント読めばOK
昔と比較して本にかける金が激減してありがたい >>56
nodeとnpmを覚えるとすごく楽になるのにな
git使ってると余計にね >>58
公式とgithubのissue見る
キータも古いのが多いからいつの間に非推奨になってるライブラリもけっこうある そういやgithubもたまに入ってるexampleがちゃんと動かないヤツとかあるよね 「2018年最新のReact構築法」みたいなの参考にしてみたが内容がすでに古いのと書き方間違ってたり
公式が変わったのにそれに対応されていなかったりってのが多かった
ライブラリ使う場合は公式だけでは足りないから、ライブラリの公式みたり
とにかくどこか一つにまとまってるのはない
あるのは俺のPC内だけ笑 正攻法に関しては確かにGithubなんだろうだけどビルド時とかに依存関係で謎のエラーが出た場合とかね >>58
npmに本なんか要らないだろ
ガイジかよ >>65
だからnpm自体じゃなくてそれ経由でインストールするwebpackとかbabelとかって書いてるじゃん >>66
それも要らんだろ
npmで自作パッケージをインストールできるようにするにも本なんか要らない
初級エンジニア程度のレベルなら誰でも簡単に使える
mavenやgradleに本なんか居るか?
それと同じだわ フロントエンドは特に変化も早めだしネット上で情報漁れんとな
というか本よりまず公式のドキュメント読めよって思う あと自分ができるできないの話じゃなくて
>>53,55,56
の状況に対しての話ね
だから結局フロントエンドフレームは多数はにはならずjQueryはフレームワークだって言い張る輩も居なくならないって話 公式のドキュメント読んだってわからないこといっぱいあるよ >>70
公式ドキュメントってリファレンスも兼ねてるのにそれで理解できないって逆にヤバい
エンジニアとしてよりも人間としてな フロントエンドのwebpackの設定なんか、ケースバイケースで、
プラグインの組み合わせとかいろいろあるわけだし、
人それぞれなものを公式サイトが書いてあるわけないじゃん 上に話のようにインストールやら基本なら
まず公式、エラーや組み合わせ等なら他を漁ればいい
漁っても無いものはリファレンス見て自分で書くことになると思うが 公式見ればいいだけなのに公式すら見ずに文句言う奴らはなんなんだ? 公式見ればいいだけなんて言ってるやつこそが公式を全然読んでないやつだと思う 誰もまともに本書かないから、未だにnpm install --saveとか書いてるやついるし
時代遅れの情報がいつまでも残っちゃってる >>78
でYouは具体的に何を使っててどれくらいのものが作れるのさ? >>80
基本的にReact使ってるサイト
state管理にreduxは使ってる
その他axiosとかルーティング管理用のライブラリとか
そもそも必要であればライブラリはなんでも使えるけど
どのくらいのものが作れるかって、仕様と時間と金があればなんでも作る 今はtypescriptが当たり前になってきているから、typescriptを絡めることで本を作りやすそうなのになあ typescript推しはIE信奉者でMS狂信者しかいないと思ってる で?キミらはどのくらいのことができてどのくらいのものが作れるの? >>85
angularはjavascriptで書かれたオープンソースのフロントエンドWebアプリケーションフレームワークなんだよな はは、結局お前らフレームワークに振り回されてるだけじゃん
jQueryの過去の資産を大事にする方針を
見習ったほうが良いぞ スルーするな
キミらはどのくらいのことができてどのくらいのものが作れるの? >>92
ああスマンスマン
バックにLaravel置いてVue(Vuex、vue-router、axios、Bootstrap-Vue)とReact(Redux、react-router、SuperAgent、React-Bootstrap)入れた二種類のセット
それぞれ一通り機能確認するデモサイトをローカルに作ってみたって程度だよ実戦投入するのはこれから
あとNuxtとAngularはcliからプロジェクト生成してどこに何を書いて機能追加していけばいいか分かったって程度
Angularとかはコンポーネントの数多すぎて細かいところは全然
フロントエンドフレームワーク去年の後半から始めたばかりだから流石にまだまだ>>81みたいなんでもできるとは言わないよ
公式って結構公平だからサード製のモジュールに関してはこれ使えみたいな事あんま言わないじゃん
その辺に関してはやっぱ新ジャンルに手を出すなら書籍1〜2冊読んだ方が効率いいと思うんだよね >>89
jQueryを使い続けるとしても設計指針としては参考になる事柄は相当あったと思うよ
何もやらなきゃいずれは時代遅れな挙動のサイトしか作れないって事になる
せめてHTML5のAPI集くらはちゃんと読んでおいた方がいいと思うよ >>93
React-Bootstrapってv3だよ?
今さら使う意味なくね?
そしてReactstrapはまだまだ開発中
俺としてはBootstrap Nativeをオススメするなあ
自分でコンポーネント作ることにはなるけど、むしろ使う部分だけコンポーネントにするから余計なstateないしスッキリ >>95
npm install react-bootstrap@next bootstrap
@nextって付ければv4でいけるけど
https://react-bootstrap.netlify.com/getting-started/introduction
ありがとうBootstrap Nativeはちょっと調べてみるよ
ところでReduxとreact-router連携するのって何使うのがベターなの?
パっと調べた範囲で
react-router-redux
redux-first-router
connected-react-router
くらいがあるけど選定するための基準がなんとも Bootstrap Nativeってパッケージはなかったけど
これの事?
↓
Native JavaScript for Bootstrap
ReactNativeのNativeじゃなてNativeなJavaScriptって意味のNativeか
>>97
V4はV4で何かと機能増えてていいもんだよ >>96
v4はまだ開発中だしね…
あとrouterはconnected-react-routerがいい
react-router-reduxは非推奨になったから
https://github.com/reactjs/react-router-redux
>Project Deprecated
書籍ではreact-router-reduxを推してるから注意だね
>>98
そうNative JavaScript for Bootstrapのこと
どのコンポーネントライブラリも中途半端で開発中だしissueみたらバグ多いからまだ使うべきではないと思う ■ このスレッドは過去ログ倉庫に格納されています