Vue.jsについて語るスレ

**Name_Not_Found** · 2017/10/13(金) 17:58:32.56

実際業務で使ってる人いたら使い勝手聞きたい
jQueryとの比較、underscore.jpとの比較

**Name_Not_Found** · 2018/07/14(土) 09:42:43.64

以下の多次元配列を
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>

**Name_Not_Found** · 2018/07/14(土) 09:43:32.05

ここからがメイン
<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>

**Name_Not_Found** · 2018/07/16(月) 20:21:39.23

使いたいコンポーネントが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を直接いじってどうにかなるコンポーネントでもないようなので
ド素人には何をすればいいのかどこから学習すればいいのかもわからず
とりあえず形から入ってみましたが大コケしています。

**Name_Not_Found** · 2018/07/17(火) 08:38:39.95

vueて何か
カンマが多すぎねぇーか

**Name_Not_Found** · 2018/07/17(火) 17:00:03.67

>>9
同じく
ただしPHPとjQueryは深く学んでない
次はこれ勉強すればいいの？

**Name_Not_Found** · 2018/07/17(火) 20:19:41.17

ページ全体のうち
JavaScript使う部分をなんでもコンポーネントとして
node.jsで管理しておくって感じなのかな？
必要になったらhtmlに組み込めるようコード変換して

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

**Name_Not_Found** · 2018/07/18(水) 10:11:30.52

Rails 5.1で作るVue.jsアプリケーション～Herokuデプロイからシステムテストまで～
https://youtu.be/ycOeM2umXkY

Rails + Vue.js の動画あるよ

**Name_Not_Found** · 2018/07/18(水) 14:11:34.78

rails関係ないじゃん

**Name_Not_Found** · 2018/07/18(水) 20:07:16.37

いくつかのサンプルは非常にシンプルでjQueryよりもすっきりしているのだが
難しくないものをあえて難しくしてるような気がしてならぬ…

**Name_Not_Found** · 2018/08/07(火) 23:33:44.68

コンポーネントって
Flashのムービークリップみたいな物だと思った。

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

**Name_Not_Found** · 2018/08/11(土) 23:52:25.85

基礎から学ぶ Vue.js、mio、2018/5/29

Vue の本が出た

**Name_Not_Found** · 2018/09/25(火) 00:25:03.97

mixinsでtemplateも合成出来るようにならないかなー

**Name_Not_Found** · 2018/10/11(木) 19:50:14.71

>>16
自分の新しい職場はrailsとvueでどっちも初めてだから少しずつ勉強する
とりあえず猫の本が今夜届く

**Name_Not_Found** · 2018/12/04(火) 06:58:04.85

vue.jsはフロントエンド開発では
一人勝ちできるようみたいな雰囲気作ってるけど
実は文法がまだまだ未開な部分が多すぎて普通に書くより手間が

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

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

**Name_Not_Found** · 2018/12/04(火) 08:23:23.65

まぁ記法に違和感はあるな

**Name_Not_Found** · 2018/12/06(木) 00:49:51.08

DOM操作関連で
query でできて現状 vue.js では出来ない機能は
将来的に実現実装されると考えていいのかな。

**Name_Not_Found** · 2018/12/06(木) 08:14:24.10

もしそうだったら
どうなる？そうでなきゃ、いけないのか？
フロントエンドプログラマーはこの話は常について廻る。

**Name_Not_Found** · 2018/12/06(木) 08:23:14.45

透過的なコンポーネントを簡単に作れるようにしてほしい
それ用の属性追加するとか
コンポーネントに分ける度に親子関係気にするのダルい

**Name_Not_Found** · 2018/12/10(月) 13:58:50.42

学習してて思った事はコンポーネントを
ペタペタ貼ってるだけだったら
別にvue.jsで書かなくてもいい気がした。

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

**Name_Not_Found** · 2018/12/11(火) 17:50:49.59

VueでHanoiの塔書いたら
何だか知らないが、見た目がなんだか
オサレになったよ。

**Name_Not_Found** · 2018/12/14(金) 19:19:54.48

AngularとかReactも一応触った方がいいんだろうか

**Name_Not_Found** · 2018/12/19(水) 00:01:02.88

下で宣言したconst変数やクラスをそれより上で拾えたんですが、Vueだと巻き上げ可能なんですか？
それともbabelのおかげ？
普通に巻き上げ前提で使っていいもの？

**Name_Not_Found** · 2019/01/02(水) 01:52:18.09

俺のvueコードの育って方が
半端ない件について。。。

**Name_Not_Found** · 2019/01/07(月) 17:01:34.68

hanoiの次は順列も
コンポーネントのみで書けた

**Name_Not_Found** · 2019/03/08(金) 20:51:54.34

スクロールすると要素がフェードイン＋上移動するようなスクリプトありませんか？
JQUERYのものばかり見つかる。

**Name_Not_Found** · 2019/03/31(日) 20:45:07.97

vueコミュニティで活発なところないの？
日本語つかえるところで

**Name_Not_Found** · 2019/04/09(火) 03:15:27.81

Googleですか？　Facebookですか？
Googleが好きならAngular、Facebookが好きならReactにしましょう。
どちらも好きではないのなら（変わり者ですね）、Vueにしましょう。

簡単な選択ですね。

**Name_Not_Found** · 2019/04/12(金) 23:17:54.02

reactなのかvueなのかbackboneかKnockoutかanglarなのか知らんが
もうはやくどれかに定まってよ。覚えるのめんどくせーんだよ。

jQueryもなんか名前忘れたけどライブラリ競ってたよな。
んで、シェアが明確になったらすぐまた新しい流れになるんだろ？
そう考えるとVueの次に来るやつ何？ってなっていつまでも買えない家電製品みたいなる

**Name_Not_Found** · 2019/04/15(月) 18:13:30.89

結局jクエリだけで戦える

**Name_Not_Found** · 2019/05/17(金) 00:14:36.84

始めようと思ってドキュメント見てるけど全然伸びてないね
クライアントサイドでテンプレート丸見えってなんかマヌケっぽいから
全部コンポーネントにしてjsファイルに隠していい？

**Name_Not_Found** · 2019/05/25(土) 15:30:24.55

バンドル化せんの？

**Name_Not_Found** · 2020/04/11(土) 17:34:01.37

ちょっと使ってみたけどjqueryよりも短く書けて便利やな
シングルページで作る時はこれにするわ

**Name_Not_Found** · 2020/04/22(水) 01:47:17.80

質問しようと思ったけど人少な過ぎて盛り上がる気がしない

**Name_Not_Found** · 2020/04/22(水) 23:40:39.92

「vue.js フォーラム」に、日本人向けの日本語ある

**Name_Not_Found** · 2020/05/24(日) 09:56:34.68

>>39
mootoolsとかprototype.jsとか色々あったな

**ジャイ** · 2020/07/31(金) 01:50:12.39

jQuery → ３０~４０代おじさん
Vue.js →　20代ヤング

**Name_Not_Found** · 2020/08/12(水) 16:15:16.14

最初はクセあって抵抗あったけど慣れたらvue楽

**Name_Not_Found** · 2020/08/12(水) 18:08:24.92

俺も楽でいいと思うんだけど何だかんだで長く使われるjqueryよりも早く廃れそうで深入りは怖い

**Name_Not_Found** · 2020/08/12(水) 18:17:30.34

廃れるとしたらvueに代わるものが現れたときだと思うが、それらが使い物になるのを
見極めてから乗り換えるで十分だと思うがなぁ。
せっかく勉強したものが無駄になりそうで怖い？ｗ

**Name_Not_Found** · 2020/08/12(水) 20:08:12.63

そら怖いだろ
サービスインしてたらメンテもせねばならんし、オワコン技術が使われてたら負債になる

**Name_Not_Found** · 2020/08/13(木) 08:02:30.91

SvelteやRiotとかならわからんでもないが、ReactやVueくらい普及しているものでも
そんなふうに怖いと感じるなら、もう新しいものなにも手を出せないんじゃない？
まぁ、だからjQueryなのかもしれんが。

**Name_Not_Found** · 2020/08/13(木) 12:41:02.70

>>52
この意見に同意や
新しい技術を怖がってたら進歩止まってまう

**Name_Not_Found** · 2020/10/20(火) 14:34:50.59

githubで、guiベースでドラッグドロップでフォーム作れるリポジトリ発見した。ただしsubmitボタンが無かった。vue-frame-maker

**Name_Not_Found** · 2020/11/12(木) 17:22:46.64

this.$emitsun('shiroto-zukan');

**Name_Not_Found** · 2021/11/11(木) 16:02:28.53

Nuxt.jsのアプリをIISでホストしようとしましたが、404が多発します。

npm run build しIISに仮想ディレクトリ（Webサイトでも同様）としてdistフォルダを指定しました。
npm run buildで生成されたindex.html内で、javascriptのパスが「script src="/_nuxt/xxxxx.js"」となり、
全て「script src="_nuxt/xxxxx.js"」に修正しないとIISで参照されず404となります。
（上記のパスをすべて書き換えれば動作します・・・）

IISにそのままホストできるような、上記jsファイルのパスを変更するような、
コンパイルの指定の仕方はありますでしょうか。

**Name_Not_Found** · 2021/11/24(水) 11:08:15.89

node.jsから作るから大掛かりだなあ

**Name_Not_Found** · 2022/01/16(日) 21:00:50.36

vue.jsはtypescriptが必須なのでしょうか？

**Name_Not_Found** · 2022/01/16(日) 23:48:02.38

むしろ、React, Vue.js は、TypeScript と相性が悪いのでは？

最近のバージョンは対応しているのか？

**Name_Not_Found** · 2022/01/19(水) 01:26:41.50

jQueryはわかるから余裕かと思ってたら難しい
入門は一通り理解したけど実用するにはまだまだ。。
まともに使えるようになるまでどんくらいかかる？

**Name_Not_Found** · 2022/01/24(月) 21:06:52.33

パワーストーンで有名な
Hariqua(ハリックァ)
by滝日伴則@ioix(アイオイクス)
クチコミ自作自演でGoogle炎上中

**Name_Not_Found** · 2022/06/06(月) 20:11:38.73

Vueは双方向バインドが楽ちんすぎる
他で似たようなおすすめフレームワークある？

**Name_Not_Found** · 2022/06/22(水) 21:13:27.64

GitHubリポジトリの最初のコミットをダウンロードしてVSCodeで編集して保存するたびにnpm run serveがエラーを吐く。
<a
　　bbbが
<a bbbに変わるのが原因。
GitHubの状態を再現するのが難しい。
初心者が入門するためのハードルが高い。
yarnをインストールしてないというエラーが出たから-gでインストールした。
qiita.com/dayoshix/items/c61a75a971331418c348の古い記事が参考になった。
Vue CLI 3とVeturとVue.js devtoolsを入れろって書いてある。
これをしてなかったせいかな。
入門の愚痴を語りたくてスレを探してきた。
Vueだけのスレで人がいるスレがない。

**Name_Not_Found** · 2022/06/23(木) 12:23:07.56

Vue Mastery（英語）の無料コースをやったら最高に良かったが
アカウント作成しても１レッスンしか無料で見れず続きを見るには$25/Monthの課金が必要だった
ルールが多くてVueの使い方って動画で説明されなければ絶対わからないと思うんだが課金する気はない
無料で学習する方法は？

propsの追加でnpm run serveのホットリロードがバグってる

**Name_Not_Found** · 2022/06/26(日) 15:04:31.86

YouTube で有名な、雑食系エンジニア・KENTA の初心者向け、Ruby on Rails サロンは月千円で、
日本6位の3千人が入っている。1位はキングコング西野の数万人

一方、Vue.js の日本ユーザー会も3千人

人数的に桁違い。
Railsの1つのサロンだけで、日本全体のVue.jsのユーザー数と同じ

Railsでは、Bootstrap, React, Vue.jsの3種類のフロントがある。
その中で、Vue.jsは最も少ない

ただし、KENTAが言うには、日本ではVue.jsが転職に最も有利であるので、お勧め

ただし、Rails 7 からは、パラダイムが変わって、
websocket を使ったhot wire により、そのままHTML により通信できるようになった

**Name_Not_Found** · 2023/11/16(木) 09:34:27.79

nuxt.jsについてのレスはあるのに
vuetifyについては言及されてないのか

これ2つ入れてやっとPC画面で3カラム
スマホで左右ドロワーのページが作れるようになった

で、次はReactとNextで同じもの作りたいが良い情報がないああ

**Name_Not_Found** · 2024/01/14(日) 15:38:35.09

バインディングってどういうときに使うのかさっぱりわかりません
元データを変更したら紐付いたＨＴＭＬが変更するといわれても
どこが便利なのかいまいちわからん

それとこういった難しいプログラムは
専門のプログラマーに任せるんでしょうか
それともＨＴＭＬやＣＳＳを書く人が必死に覚えるんでしょうか

65 · 2024/01/27(土) 01:08:55.84

Ruby on Rails でも、転職用のポートフォリオでは、
React/Next.js, Vue.js,
Bootstrap, Tailwind などが多い

データベースも使う、ウェブアプリのプロの話です

筑波大学でも使っている、Rails チュートリアルのサイトで、
古いバージョンのRails 5 なら、無料で読める

**Name_Not_Found** · 2024/01/28(日) 11:47:47.02

VIE.JSってのはブラウザの何かっていうけど
NODE.JSってのをインストールする必要あるの？そっちはサーバ向けってよ聞くけど
npmツール使う目的だけのために必要なんだろか？？？

65 · 2024/01/29(月) 00:23:37.17

node.js, VSCode は必須。
node.jsは最新版ではなく、安定板をインストールすれば良い

Javascript/Typescript, SASS, React/Next.js, Vue.js,
npm/yarn, webpack, babel, gulp などで使う

VSCodeは、ESLint, Prettier などで使う

**Name_Not_Found** · 2024/01/30(火) 07:52:12.76

つまりVUE.JSはNODE.JSで処理するから必須でありNODE.JSが無いと動かないのですね
ありがとうございました
完ぺき理解