Vue.jsについて語るスレ

1Name_Not_Found2017/10/13(金) 17:58:32.56ID:LwoKp1NN
実際業務で使ってる人いたら使い勝手聞きたい
jQueryとの比較、underscore.jpとの比較

2Name_Not_Found2017/10/22(日) 21:55:06.45ID:2F9SNr1N
vueだangularだreactだって言われてるけど
結局みんな疲れてjQueryに戻ってくる気がする
だって楽なほうがいいもん

3Name_Not_Found2017/11/04(土) 18:07:41.59ID:dJba7QCb
Vue.js って
jQuery の ajax() と同等の事できるの?

4Name_Not_Found2017/11/08(水) 17:31:01.63ID:???
jQueryなんかよりVue.jsの方が楽だと思うけどな
データ バインディング使ったらもうDOM操作には戻れんわ

>>3
Vue.jsだとajax関連はaxiosっての入れれば使える

532017/11/12(日) 00:41:30.73ID:???
>>4 ありがとう。

Vueは複雑な繰り返しや条件式のディレクティブを
HTML要素の属性みたいに
サッと配置できるのが良いですね。

6Name_Not_Found2017/11/17(金) 19:24:49.49ID:???
今時のwebサイト構築ってスマホアプリ化もセットで考えないとダメだよね?
Vue.jsとWeexでwebアプリをスマホアプリ化しつつ
ElectronでPCデスクトップアプリ化もやりつつ
バックエンドはgRPCなどで通信を効率化するのがいいのかな

最先端突っ走ってる会社はみんなこんな感じなんだが(Vue+Weexの代わりにReact+ReactNativeもある)
みんなの会社はどう?

7Name_Not_Found2017/12/12(火) 03:15:43.67ID:MrUcGD8N
HPで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

W8XM8KJ6R5

8Name_Not_Found2018/01/09(火) 18:16:37.61ID:???
laravel + vueで色々楽ちん。
最初はhtmlに直書きでもでもいける学習コストの低さ。

まあでも、色々やると色々覚えなきゃいけないので一緒だけど
とりあえず簡単に試せるのが良いよね

9Name_Not_Found2018/04/07(土) 10:24:13.57ID:???
CSSなしHTML+生JS+CGI(Perl)の古臭い時代からから
HTML5+CSS3+PHP+JQueryと順次渡り歩いてきたおっさんだけど
リアクティブ、バインディング、ディレクティブとか言われても
おっさんなのですぐに頭の中で意味が繋がらないわ

そのせいか新しいフレームワークを覚えることに対して億劫になってる
色々な解説サイトがあるけど、英語カタカナ直訳が混在した文章に
翻訳するならもうちょいちゃんと日本語に訳してから説明してほしいし
できないならそもそも英語覚えないとまったく理解できないぐらいにハードル上げて欲しいw

10Name_Not_Found2018/05/01(火) 03:53:22.47ID:???
理解力ないおっさんには和訳してもどうせその単語の意味を調べる羽目になるし同じことだよ

11Name_Not_Found2018/05/01(火) 18:57:16.71ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

QAMJG

12Name_Not_Found2018/07/14(土) 09:42:43.64ID:???
以下の多次元配列を
mycompとc-compにネストしながら
表示するにはどうしたらいいのか教えてください。

<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

<body>
<script src="https://unpkg.com/vue/dist/vue.js">


</script>

13Name_Not_Found2018/07/14(土) 09:43:32.05ID:???
ここからがメイン
<div id="app">
<mycomp v-for="item in list" v-bind:item="item">
<c-comp v-for="value in item">{{value}}なんですか</c-comp>
</mycomp>
</div>
<script>
Vue.component('mycomp', {
template: "<div>hight{{item}}</div>",
props: ['item']
})
Vue.component('c-comp', {
template: "<div>width<slot></slot></div>",
props: ['value']
})
new Vue({
el: "#app",
data: {
list: [
["one", "two", "three"],
["four", "five", "six"],
["seven", "eight", "nine"]
]
}
})

</script>
</body>

</html>

14Name_Not_Found2018/07/16(月) 20:21:39.23ID:???
使いたいコンポーネントがvueだったのでやることにしたのですが
node初めてで右も左もわからず誰かタスケテ下さいお願いします

win10にnode.jsいれてnpm install -g vue vue-cliして
プロジェクトフォルダ作って移動して
vue init webpack app1して適当にEnterおしてWARNが何個か出たけど気にせず
app1に移動しnpm run buildしてdistにビルドされたファイル群ができて
app1/dist/index.htmlにhttp経由で接続すると初期サンプルが表示されるのを確認
それで使いたいけど日本語情報がなさそうなvue-fluxを
https://github.com/deulos/vue-flux
app1でnpm install --save vue-fluxして
Quick Startのサンプルに書いてるコード眺めて使い方を考えた結果
これはきっとhtml部分をapp1/src/App.vueに
js部分をapp1/src/main.jsに書くんだろうと思い書いてみて
npm run buildするとmain.jsでimportしてるcssモジュールがないといわれ
動くの確認したいのでcssはとりあえずいらなそうだからその部分は削り
ついでにURL1 URL2 URL3もそのままだとあれなので
app1/src/assetsに適当なjpgを配置しmain.jsを書き換え再ビルド
lintにはmain.jsの書き方で文句を言われるけどビルド完了
app1/dist/index.htmlにhttp経由でアクセスしても真っ白です

https://masatoshihanai.com/vue-carousel/
こういうhtmlを直接いじってどうにかなるコンポーネントでもないようなので
ド素人には何をすればいいのかどこから学習すればいいのかもわからず
とりあえず形から入ってみましたが大コケしています。

15Name_Not_Found2018/07/17(火) 08:38:39.95ID:???
vueて何か
カンマが多すぎねぇーか

16Name_Not_Found2018/07/17(火) 17:00:03.67ID:???
>>9
同じく
ただしPHPとjQueryは深く学んでない
次はこれ勉強すればいいの?

17Name_Not_Found2018/07/17(火) 20:19:41.17ID:???
ページ全体のうち
JavaScript使う部分をなんでもコンポーネントとして
node.jsで管理しておくって感じなのかな?
必要になったらhtmlに組み込めるようコード変換して

scriptタグですべて完結する
jQueryと到底比較できるようなものじゃないような気がする

18Name_Not_Found2018/07/18(水) 10:11:30.52ID:???
Rails 5.1で作るVue.jsアプリケーション 〜Herokuデプロイからシステムテストまで〜
https://youtu.be/ycOeM2umXkY

Rails + Vue.js の動画あるよ

19Name_Not_Found2018/07/18(水) 14:11:34.78ID:???
rails関係ないじゃん

20Name_Not_Found2018/07/18(水) 20:07:16.37ID:???
いくつかのサンプルは非常にシンプルでjQueryよりもすっきりしているのだが
難しくないものをあえて難しくしてるような気がしてならぬ…

21Name_Not_Found2018/08/07(火) 23:33:44.68ID:zuN7xAfm
コンポーネントって
Flashのムービークリップみたいな物だと思った。

SVGとも相性良いみたいだし
ゲーム開発用にも発展していかないかなぁ。

22Name_Not_Found2018/08/11(土) 23:52:25.85ID:CoMfqaqx
基礎から学ぶ Vue.js、mio、2018/5/29

Vue の本が出た

23Name_Not_Found2018/09/25(火) 00:25:03.97ID:???
mixinsでtemplateも合成出来るようにならないかなー

24Name_Not_Found2018/10/11(木) 19:50:14.71ID:???
>>16
自分の新しい職場はrailsとvueでどっちも初めてだから少しずつ勉強する
とりあえず猫の本が今夜届く

25Name_Not_Found2018/12/04(火) 06:58:04.85ID:???
vue.jsはフロントエンド開発では
一人勝ちできるようみたいな雰囲気作ってるけど
実は文法がまだまだ未開な部分が多すぎて普通に書くより手間が

掛かる気がする。プログラミングは
アルゴリズムが組み込めないと、そもそも使ってる意味が
ないわけで、メジャーなアプリを使った方が生産性も向上するわけだから。

コンポーネントを扱う以上は
再帰が便利でなきゃいけないが、テンプレートで扱える
v-ifやv-forは世間で出回ってるソースとはあまりにも違すぎるため
マトモに書けた代物じゃねないよ。

26Name_Not_Found2018/12/04(火) 08:23:23.65ID:???
まぁ記法に違和感はあるな

27Name_Not_Found2018/12/06(木) 00:49:51.08ID:???
DOM操作関連で
query でできて現状 vue.js では出来ない機能は
将来的に実現実装されると考えていいのかな。

28Name_Not_Found2018/12/06(木) 08:14:24.10ID:???
もしそうだったら
どうなる?そうでなきゃ、いけないのか?
フロントエンドプログラマーはこの話は常について廻る。

29Name_Not_Found2018/12/06(木) 08:23:14.45ID:???
透過的なコンポーネントを簡単に作れるようにしてほしい
それ用の属性追加するとか
コンポーネントに分ける度に親子関係気にするのダルい

30Name_Not_Found2018/12/10(月) 13:58:50.42ID:???
学習してて思った事はコンポーネントを
ペタペタ貼ってるだけだったら
別にvue.jsで書かなくてもいい気がした。

コンポーネントのみを使って
ハノイの塔がかけるぐらいの実力がならないと
有り難みが判らんだろうな。線形リストの応用みたいになる

31Name_Not_Found2018/12/11(火) 17:50:49.59ID:???
VueでHanoiの塔書いたら
何だか知らないが、見た目がなんだか
オサレになったよ。

32Name_Not_Found2018/12/14(金) 19:19:54.48ID:???
AngularとかReactも一応触った方がいいんだろうか

33Name_Not_Found2018/12/19(水) 00:01:02.88ID:???
下で宣言したconst変数やクラスをそれより上で拾えたんですが、Vueだと巻き上げ可能なんですか?
それともbabelのおかげ?
普通に巻き上げ前提で使っていいもの?

34Name_Not_Found2019/01/02(水) 01:52:18.09ID:???
俺のvueコードの育って方が
半端ない件について。。。

35Name_Not_Found2019/01/07(月) 17:01:34.68ID:???
hanoiの次は順列も
コンポーネントのみで書けた

新着レスの表示
レスを投稿する