私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterで
ログインするとレス評価できます。登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレ+ JavaScript の質問用スレッド vol.136 +

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー

みんなの評価 :
レスフィルター : (試験中)

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

301 : Name_Not - 2018/12/10(月) 22:59:19.86 ID:???.net (+93,+29,-34)

仮想DOM系はバックエンド理解してないとやっても意味ないだろ

302 : Name_Not - 2018/12/10(月) 23:34:36.01 ID:???.net (+47,+16,-37)

>>300
1.Xから2.Xでいろいろ変わりすぎ
ドキュメント少なすぎ
1.Xのドキュメント邪魔
人柱になりたくなければ避けた方が無難

303 : Name_Not - 2018/12/11(火) 01:24:51.22 ID:???.net (+56,+28,-13)

わしゃVue.jsがないとやっていけんわ

304 : Name_Not - 2018/12/11(火) 02:25:41.99 ID:???.net (+125,+29,-14)

ドキュメント少なすぎってどこの世界…？
http://jp.vuejs.org/v2/guide/

305 : Name_Not - 2018/12/11(火) 03:10:53.80 ID:???.net (+112,+29,-146)

>>301
仮想DOM系のフレームワーク(react,vue)は、バックエンドとフロントエンドを分離するための技術ですよね？
フロントエンド側から見るとブラックボックスのエンドポイントを叩けばJSONが返ってくるシンプルな実装になっている。
バックエンドがどんなDBを使ってるか、どんな言語で実装されているのか等、深く理解する必要は無い。

306 : Name_Not - 2018/12/11(火) 03:29:43.80 ID:???.net (+86,-30,+0)

http://twitter.com/ydnjp/status/1066529802142674945

:large
今から学習するならReactかVueの二択だな
Angularは淘汰された、jQueryも未来はない

バックエンド(WebAPI)はGraphQLでガチ決まり
これに異論唱える人は自分の周りにはもういない
安心して学習できる水準まで来てる

Prismaも組み合わせると尚良し
http://www.prisma.io/

■GitHub Starランキング

【JavaScriptフレームワーク編】
http://github.com/search?o=desc&q=javascript&s=stars&type=Repositories
3位　vuejs/vue　☆122K
4位　facebook/react　☆117K

【GraphQL編】
http://github.com/search?q=GraphQL&type=Repositories
3位　graphql/graphql-js　☆12.3K
4位　prisma/prisma　☆11.6K
5位　facebook/graphql　☆10.4K
7位　apollographql/apollo-client　☆9.4K

学ぶべきものはここに集約されてる
(deleted an unsolicited ad)

307 : Name_Not - 2018/12/11(火) 06:37:54.59 ID:???.net (+69,+29,-40)

>>306
jQueryだけ「もう使いたくない」「使わないつもり」の割合が高いな

308 : Name_Not - 2018/12/11(火) 06:42:47.57 ID:???.net (+123,+29,-6)

>>304
そんな公式ひとつで全部まかなえるはずないだろ

309 : Name_Not - 2018/12/11(火) 09:08:59.77 ID:???.net (+71,+29,-27)

>>308
基本、公式以外を信用しない俺とは対極的な考えだな…

310 : Name_Not - 2018/12/11(火) 12:45:47.57 ID:ALU2P7Qf.net (+44,+29,-3)

>>308
わりと賄えてる気もするが…

311 : Name_Not - 2018/12/11(火) 13:02:45.84 ID:???.net (+57,+29,-4)

内容的にも翻訳的にも充実してる方じゃね

312 : Name_Not - 2018/12/11(火) 13:11:54.03 ID:???.net (+74,+29,-29)

>>304
wordpressのしょぼいテンプレートみたい。左メニューのクリック領域が狭くてが操作し辛い
見た目は若干アレだけど、内容は普通と思う

313 : Name_Not - 2018/12/11(火) 13:27:45.56 ID:???.net (+57,+29,-29)

vueのスターの半分は中国人で出来ています

314 : Name_Not - 2018/12/11(火) 14:33:01.48 ID:???.net (+89,+29,-73)

>>305
バックエンドが勝手にデータ変更したり構造変えたら終了

バックエンドでやってるバリデーションと違うバリデーションをやったら整合性保てなくて終了

バックエンドとフロントエンドの設計を同時にし、改修する場合も同時にやらないといけない
勝手にバックエンドだけ変えたらフロントで持っていたstateが合わなくなる

315 : Name_Not - 2018/12/11(火) 15:23:47.26 ID:???.net (+57,+29,-27)

フロントちょこっとやってからバックエンドがっちりやって、またフロントに戻りつつある
○○はどっち弄っても出来るけどってもんがあるとあとは負荷や処理速度の問題になってくるなと最近思う

316 : Name_Not - 2018/12/11(火) 16:06:20.68 ID:???.net (+25,-14,-51)

>>314
それ別にvueとかreactとか仮想DOMとか関係なくね？
ていうか勝手に変えるなそんなもん

317 : Name_Not - 2018/12/11(火) 16:09:41.03 ID:???.net (+57,+29,-50)

いまはフロントとバックエンドって分け隔てより、ロジックとビューで分かれる事が多い気がする
ロジック班は当然バックエンドの知識もないといかんな

318 : Name_Not - 2018/12/11(火) 17:22:45.26 ID:???.net (+62,+29,-63)

バリデーションをフロントとバックエンドの両方で対応するの二重管理じゃん

フロントがデータを保持しているかどうかはバックエンドはわからん

フロントで値を更新して保持して永続化もして、なのにバックエンドはそんなの知らんしDBに保存してないからって
DBとフロントで違う値になることもありえる

319 : Name_Not - 2018/12/11(火) 17:22:51.33 ID:???.net (+3,-30,-201)

vue.jsはnuxt.jsとセットで使うものだ
vue.jsのベストプラクティスを集めたフレームワークonフレームワークがnuxt.js
SSRやPWA対応も一瞬

$yarn create nuxt-app test
$cd test
$yarn dev

これだけで雛形完成
あとはpagesフォルダ以下のvue(単一コンポーネントファイル)を弄ってサイトを構築していくだけ
http://ja.nuxtjs.org/guide/directory-structure

320 : Name_Not - 2018/12/11(火) 17:30:40.34 ID:???.net (+37,-27,-69)

SPAじゃない古典的なMVCアプリケーションでも
バックエンドが勝手にDB構造変えたら
テンプレートエンジンに入り組んだロジックを変更しなきゃいけないので
reactやvueだけに該当する問題じゃないよね、それ

321 : Name_Not - 2018/12/11(火) 17:33:24.72 ID:???.net (+58,+20,-56)

>>320
バックエンドはフロントエンドも含めたフレームワーク

しかしreactとかはバックエンドは含まない

reactとか使う場合はバックエンドとフロントエンドの両方で値を持つ必要がある

古典的なフレームワークはフロントで値は持たない

322 : Name_Not - 2018/12/11(火) 17:34:20.56 ID:???.net (+40,-29,-75)

あとまともなWebAPI設計者だったらadd-only approachを選択するので
破壊的な構造更新はめったに起きない

フロントエンド(クライアント)はGraphQLでリクエストするだけ
もうRESTは使わない

323 : Name_Not - 2018/12/11(火) 17:36:00.79 ID:???.net (+46,-15,-27)

＞フレームワークonフレームワーク
ぜったいいやあああああああああああああ

324 : Name_Not - 2018/12/11(火) 17:36:28.40 ID:???.net (+93,+29,-13)

なんか話が噛み合わないな
2010年より以前の知識で止まってる人と会話してるみたいになってる

325 : Name_Not - 2018/12/11(火) 17:42:09.77 ID:???.net (-1,-29,-49)

Yahoo、楽天、CA、DeNA、GREE、mixiのような大企業の社員さんですか？
中小企業に勤務する場末のweb制作屋には高度すぎて理解できない

326 : Name_Not - 2018/12/11(火) 17:43:13.45 ID:???.net (+19,-29,-44)

jQueryは何故駄目なの？
vue.jsにする理由は？GraphQLってなに？
そもそもRESTってなんだ？

327 : Name_Not - 2018/12/11(火) 17:49:21.99 ID:???.net (+68,+29,-58)

>>323
そんな案件ばかりだよ？

>>324
おれのこと？

>>322
GraphQL使いたいんだがね
そこまで複雑でもない

しかしバックエンドとフロントでルーティング合わせないといかんのもねえ

328 : Name_Not - 2018/12/11(火) 17:55:09.81 ID:ALU2P7Qf.net (+72,+29,-98)

>>326
別に駄目なわけじゃないよ
力不足なだけで

vueとかreactとかとかは
MVCベースのSPAのフロントの核となる前提で作られたものなので
それらに類するものを構築する上では非常にマッチする

jQueryはあらゆる場面で手軽に使うのが前提の汎用関数群なので
いろんなプログラムの部分部分で使うにはとても便利だけど
じゃあjQだけでSPA作ろうってなると足りないものが多いし
jQベースでそれを補おうとすると、ちょっと煩雑になりすぎる

329 : Name_Not - 2018/12/11(火) 17:57:34.16 ID:???.net (-1,-29,-40)

SPAってSingle Page Applicationの略だよね？
別にアプリケーション作る必要ないんだけど？

330 : Name_Not - 2018/12/11(火) 17:59:13.19 ID:???.net (+4,-23,-5)

HTMLが動的に生成されるならそれはWebアプリです

331 : Name_Not - 2018/12/11(火) 18:00:31.12 ID:???.net (+130,+29,-113)

>>328
成る程ですね
SPAにするのは何故？

サーバーが組み立て済みのHTML吐き出すほうが楽じゃない？
そのHTMLをjQueryでちょこちょこ弄ってアニメーションさせてリッチな演出するのが業界の最先端技術だ！と
頭禿げてる先輩(専門卒)に教わったんですけど、もう古い？

332 : Name_Not - 2018/12/11(火) 18:02:23.43 ID:???.net (+62,+29,-94)

時価総額数千～数兆円の大企業に勤務する、東大京大卒の正社員さまの
「2018年のweb業界の技術トレンドはこれだ！」というものを教えていただきたいです。
ちなみに私も専門卒です。年収は250万円です。ハゲてはいません。

333 : Name_Not - 2018/12/11(火) 18:06:42.47 ID:???.net (+77,+30,-277)

>>331
全然古くない。もともとHTMLはドキュメントを記述するために
作られたもので、現在ウェブサイトの殆どは動きがないもの
アプリケーションに相当するものなんて殆どないよ

ウェブで出来ることが増えてきて上がってきてスマホアプリのような
アプリケーションも作れるようになったから、どの会社もみんな
アプリケーションで自社サイトを作り直すはずだ。みたいに考えてるやつが
一部いるだけで、そんな事するサイトはまず無い

昔はjQuery Mobileといって、jQueryをベースとしてスマホアプリと
同じようなインターフェースが作れるフレームワークがあったんだが、
それ（jQueryではなくjQuery Mobileね）が失敗したのもの理由は同じ

いくらなにかすごいことが出来るようになったとしても、会社サイトとか
情報サイトとかブログとかHTMLをベースとしているサイトが
なんの需要もなくスマホアプリ風にする理由がない

334 : Name_Not - 2018/12/11(火) 18:09:54.50 ID:???.net (+57,+29,-7)

つまり小説書いている人が、高性能パソコンを手に入れたからって
3Dアニメを作り出すようになるわけがないってことですかね

335 : Name_Not - 2018/12/11(火) 18:13:23.56 ID:???.net (+131,+29,-100)

よく考えてみたら、うちの会社の規模ですら静的HTMLオンリーはないですね。
よくある会社紹介サイトでも最新のお知らせ情報をリスト形式で表示するところあるじゃないですか？
これを毎回静的HTMLで更新するのは馬鹿らしい、ということで高専卒の新人くんが
Railsとかゆー、ウェッブアプリケーションを作るアプリで作ってました。
僕はHTML専門なんで、何をしてるのか分からなかったですけど・・・

336 : Name_Not - 2018/12/11(火) 18:19:27.82 ID:ALU2P7Qf.net (+50,+29,-128)

>>331
UI/UXの観点からするとアプリケーションには
画面展開が行われるべき状況と
シームレスに展開されたほうがわかりやすい状況とが、それぞれある

アプリケーション側の観点からすると
プログラムはモデルありきであって、ビューが変わるのはその結果
たとえば画面全体が切り替わるのも、モーダルひとつ開くのも、基本的には同じこと

なのでウェブページの仕組みに制限されたくない
ってのがSPAが良しとされるところじゃないかな、と思ってる

337 : Name_Not - 2018/12/11(火) 18:21:27.93 ID:???.net (+57,+29,-37)

jQuery Mobile使ってたわ
今でもたまーに見かけるね
http://www.1-s.jp/

結構便利なんだけどページ内アンカを使えないという致命的な仕様があった

338 : Name_Not - 2018/12/11(火) 18:23:40.37 ID:???.net (+128,+29,-74)

>>335
たんなる会社紹介ページをRailsで作るとか無意味だよｗ

Railsで作るようなものは、ユーザーがログインして使うようなもので
ユーザーの操作でページが変わるようなもの
別の言い方をすれば、Googleが検索してクロールできないものだよ

339 : Name_Not - 2018/12/11(火) 18:24:27.41 ID:???.net (+51,+28,+0)

なんか難しいっすね

340 : Name_Not - 2018/12/11(火) 18:26:39.53 ID:???.net (+109,+29,-64)

>>338
ええっ！？無意味なんですか？
管理メニューから、お知らせ記事投稿するだけでトップページのリストが変化するのをみて
高専くんすげー！ってハゲの先輩が感動してましたけど・・・？

341 : Name_Not - 2018/12/11(火) 18:28:08.99 ID:ALU2P7Qf.net (+45,+29,-33)

>>338
まあでもそんなもんじゃね？

ワッツニュー部分だけちょろっと書いてCMS化しよーって時とか
まあ慣れてる言語でサクッと書いちゃうでしょ

342 : Name_Not - 2018/12/11(火) 18:28:14.57 ID:???.net (+62,+29,-45)

そうだよ。HTMLがメインでJavaScriptはちょっと動きをつけるだけで十分な場合に、
HTML廃止して、JavaScriptから全部生成します。
JavaScriptがなければ表示されないし、HTML+CSSでサイト作っていた人は
今度からJavaScriptに埋め込む必要があります。
そしてプログラミングを学んでください

なんてのは、難しくしてるだけなんだよ

343 : Name_Not - 2018/12/11(火) 18:30:09.65 ID:???.net (+77,+29,-140)

>>340
無意味だよ。

それって普通にローカルでHTML生成しても出来ることだからね

HTMLすらわからない人にサイト更新させるために導入するならわかるが、
そういうのはブログで良い

自分でRails使ってアプリ作るとかサイトを重くして
脆弱性を埋め込む可能性があるRailsを使うことに意味はない

344 : Name_Not - 2018/12/11(火) 18:31:49.33 ID:???.net (+91,+29,-24)

そうなんすか
高専君いま隣りにいるんですけど
「こいつら適当なこといってますよ」ですって

345 : Name_Not - 2018/12/11(火) 18:32:59.32 ID:???.net (+70,+29,-26)

>>344
それがどうかしたの？
あんたがその高専くん出ない証拠もないし
ハゲはお前かもしれないだろ

346 : Name_Not - 2018/12/11(火) 18:36:32.85 ID:???.net (+3,-29,-87)

サイト更新とか自前でやるにしても、CMSかWordPress導入するのが関の山だろ
そのCMSやWordPressでvueやreactが使われていたとしても、
それは自分でJavaScript使って作るわけじゃないしね。
つまりvueやreactが必要とされるのは「開発者」ってこと
自分らでちょこちょこって使うならjQueryでいいよ

347 : Name_Not - 2018/12/11(火) 18:48:56.76 ID:???.net (+84,+22,-27)

ブログとかウェブアプリとか専門に作ってる会社以外は
jQueryで必要十分ってことかな

348 : Name_Not - 2018/12/11(火) 18:57:45.31 ID:???.net (-1,-29,-31)

WordPressが良い
あの手っ取り早さは凄い
weordpressの中にjQueryも入っている

349 : Name_Not - 2018/12/11(火) 19:34:30.43 ID:???.net (+100,+29,-62)

>>347
そうでもないかも
vueやreactの本丸ではない細かな部品も
後発だけあって洗練されたのが沢山あって
例えばちょっとしたフォーム置くだけ
なんて場合でも結構使えるよ

350 : Name_Not - 2018/12/11(火) 19:36:10.50 ID:???.net (+65,+23,-7)

>>349
HTMLで書かれたページがあります。
何が簡単に使えるんですか？