Vue vs React vs Angular Part.2 YouTube動画>3本 ->画像>7枚

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
-
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured
※前スレ
Vue vs React vs Angular
http://2chb.net/r/tech/1545395856/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください

>>1 おつ

1. jQueryはシンプルに書けるVue・Reactは冗長

証拠 https://jsfiddle.net/t62b49mp/

JavaScriptのコードはこれだけ
$('.my-component [name="switch"]').change(function() {
　$(this).closest('.my-component').toggleClass('active', this.checked);
});

2. 信者「Vueならこれだけで動く！」

嘘1 isActive=false

嘘2 new vue({data:{isActive:false}})
https://codepen.io/anon/pen/MxmrjP （動かない）

嘘3
new Vue({
el: '#app',
data: {isActive:false},
})
https://codepen.io/anon/pen/XGgpZV （変な動きをする）

3. 結論
jQueryはシンプルに書けるVue・Reactは冗長

　
Vue vs React vs Angular その2
http://2chb.net/r/tech/1552122580/

実際vueの方がコードは長くなるわけで、
たった2行にバグが有るかどうかと
十数行にバグが有るかどうかでは
考えるまでもないな

次はonclickを使う例にしようか？
jQueryだとコードは増えないが
Vueだとさらにコードが長くなる

>>1
乙

>>1
乙

NG用にワッチョイくらいは欲しかったな

韓国人のつくったkQuery = Vue

スレタイに入ってるけどAngularのアウェイ感が半端ない

>>10
なんで？

>>10
俺はangularはサンプルいじって放置してるよ。実務で使うシーンが限定というか予定にない。自社でも受注にもない。

>>11
React、VueはJavaScriptでHTMLを作るものだから。
AngularはHTMLをベースにそこに特殊な属性をつける。

>>1
乙！

>>2-5
死ね

1から2への移行、というか再構築の苦労話見るとなあ。個人的に習得すべきかずっと迷ってる。

>>11
今って言うか前スレで殆ど話題に上がらなかったなと

>>12
何でAngularってあまり使われないんだろうな。

自由に構成を変えられない分、チームとして協業した時に構成を統一出来るし、
ベースとなるTypeScriptで型宣言出来るから変数に違う型をぶち込もうとしてたらIDEが教えてくれるからバグも少なく書ける。

これだけ大規模開発と堅牢なコーディングに向いてて、何故どこの企業もAngularで開発しようってならないんだろ。

一度Angularで開発始めてしまうと後戻りできなくなるからとか、
そもそもHTML、CSS、Javasceiptしか出来ない人間にAngularは荷が重いからとか？

あとバージョン更新が速すぎる
7で安定すんのかな

>>17
用途が違うから。

Reactを使ってるのはウェブサイトじゃなくて
ウェブアプリを作ってる。
ウェブサイトはReactでは作りづらい

ウェブサイトはAngularが適しているが、
その程度の用途ならjQueryで十分

>>18
もう8のBetaが来てる

Angular使ってる部署は使ってるな
自分のところで使わないのは、
・大胆に仕様が変わる
・その割りに飽きてポイ捨てするgoogleの体質
で使ってないな
googleの信用問題な気がw

Reactもライフサイクルメソッドとか大幅に廃止になってたりするけどね

まだまだ先とはいえ、GoogleはいずれAngularを捨てて
Flutter for Webを推していくようになると思うぞ

それはReactも同じだよ。
Web Componentsがすべてを置き換える。

まあReactと互換性がないReact Nativeは別だけどな。
React Nativeはアプリ用であってウェブ用ではないし

>>23
AngularDartってのもあるからな

>>17
webの構成要素html、js、cssはとても壊れやすく脆い。altcss、altJSも結局はラップに過ぎん。そして動作するブラウザもどこかで不安定。

だからwebはライブラリやフレームワークが優秀でも堅牢とは言い切れない、どこか不安定な感じが拭えないんだよ。

その上流れの早い業界だから、速攻習得できて早く捨てられる。次に備える。そういうスタイルがwebに合ってる気がしてる。angularには腰が重くなる。

>>26
html、js、cssは登場してから大きく変わることはなく安定してると思うけど？
壊れやすいのはその周辺技術。同じことを違うやり方をしては消えていく
生HTML、生JS、生CSSに近いものほど長く生きている

生たって小規模ならともかくjsの長ったらしいのなんかメンテできないだろ
ちゃんとしたlintツールとかあってチームとかでメンテできるわけで

lintツール使ってもjs自体はjsそのものだろ

生じゃないjsというのは、jsをjsではないものにするってこと
例えばCoffeeScriptとかね。

HTMLで言えば、HAMLとかあったがあれも死んだ
HTMLではないからだ。XHTMLもほぼ死んだ状態

jsもAltJSは殆ど死んだ。残っているのはTypeScriptというjs+αという
互換性があるものだけ。

CSSも生き残ってるのは、CSSと高い互換性があるSASSぐらい

標準の構成要素は消えないし、標準から離れれば離れるほど死滅するのが早くなる
ウェブのフレームワークも標準のDOMとは違うやり方をするので、すぐ消えるよ

CoffeeScriptにしてもSassにしてもRails由来のものはあんま流行らなかったな
ScssはSassの一形式みたいに言われてるが本来のSass形式が受け入れられなかった結果だしな

>>30
俺が言ってるSassっていうのはプロジェクトの名前で
構文自体はScssだからね。

インデントスタイルのほうが絶対いじりやすいのに

そんなものよりも互換性のほうが重要だし
テキストエディタの機能で小さな差は吸収される

>>29
AltJsてことね、失礼
TypeScriptはやっぱ便利だね
Vueでもやりたいんだが周りがjsでやろうとするんだよな

>>25
普通に考えれば
AngularはDartでやるべきなんだろうけど

>>32
逆にインデント入れたらダメってルールはないし

>>27
すまん言い方が大雑把だった。エンジンがどうこうじゃなく、最近は減っただけでブラウザ依存は無くなってないし、生cssやdomは貧弱すぎる。

本来の用途ではないのを時代の要求に合わせて無理やり実現してる感が凄い。それをフレームワークやIDEが必死の努力で隠してくれてる。

それは凄く有難いし新技術はワクワクするしvue reactは楽しい。でも独自記法が象徴する様に「コレは一時的なものです。今はこう書きます」というキナ臭さ凄い。ガッツリコミットできない。

でも、なんかこのスレ見てたらangular勉強する気が湧いてきたわ。しばらく独学して判断するよ。

>>38
これからGoogleMapもPWAになるって聞くしな

Vue.jsは仕事で使ったけどイマイチな感じがした。
ちょっと入院するからreact native勉強するつもり。
このままサーバサイドエンジニアに追い込まれて終わらんよ

>>40
どんなところがイマイチ？

>>40
そうだね、pwaは必須になると思う。よりネイティブアプリに近づく流れは避けようがない。
あとスレタイにある様に、現時点でjsフレームワークは3種類に絞られたと言って良いと思う。松茸梅じゃないけど、いい感じに出揃った。腰を据えて松のangular学んで良い時期なのかなと。

ごめん安価間違えた。>>39へのレスでした。

Angularに詳しい人に質問。

個別のコンポーネントで管理されてる状態を表す変数（例えばユーザーが入力した文字情報や、サーバーから取得したJSONデータ）を
コンポーネント間で共有したい場合、どこで保管するのが適切？

最初は単一のserviceに全ページの状態を示す変数をぶち込んで、単一のservice↔各コンポーネント間でデータのやり取りやデータバインディングやってたんだけど、
ページ数が増えるに連れて変数の管理がし辛くなっていったわ。

あと、データがserviceなんかにあるもんだから、データバインディングする際にも各コンポーネントのhtmlにクソ長い名前付けなきゃならなくてかったるい。

実現したいポイントは、

�@コンポーネント間のデータ共有
�Aどのデータがどのコンポーネントの状態を示すのかを明確にする
�Bデータバインディングのコードの書きやすさ

なんだけど、なんかアイディアない？

PWAの実行環境としてウェブブラウザは最適なんだろうか。

前スレでAureliaってのが出てたから試してみたけど
cliでプロジェクト作っても初期状態でnpm startすら碌にできんとか
流石にスレタイの3フレームワークとは同列じゃないなって思った

>>45
PWA=実行環境だよ

ブラウザをベースとしてOSがアプリのように
見える仕組みを追加する拡張されたブラウザ機能のこと

素のウェブブラウザが最適ではないからこそ
OSがその機能を追加してる

>>44
すまん横槍なんだけどangularだけの問題じゃないので。
ネイティブアプリでもwebでもRxを使うのがトレンドだと思うんだが、それではダメ？

>>48
えぇ…駄目って事は無いと思うけど、RxJSで一度取得した情報をページ遷移ごとに再度取得したり、ユーザーが仮で入力した入力情報を一々RxJSで送るって、面倒臭過ぎない？

俺は一度取得したデータや入力したデータはコンポーネント外のどこかに保管して、
データの更新がある時に再利用する、という方法が良いと思うけど。処理的にも通信量的にも。

もちろん、作るものによってデータの扱いは異なるだろうから、俺の考えが絶対に正しいとは思わないけど。

>>49
それは結構範囲が広い問題だねえ。設計思想にも関わってきそうな。ただデータの再利用部分なんだけど、単に通信量を減らすキャッシュ的なもの？なら簡単だろうけど、なにやら複雑そうだね。

>>41
描画し終わった後に呼ぶメソッドはアレとか、前だとコレとかとっつきにくい。
まあriotよりはマシだが

>>44
それがfluxなんじゃないの？

>>49
ブラウザのデータ永続化も絡んでる？

>>53
いやそこまでは。精々ユーザーが使っている間、具体的にはブラウザタブ開いている間くらいで考えてる。

JSONにしてsession storageにぶち込もうかとも思ったけど、データバインディングもしたいから
今んとこはserviceで管理するのが一番無難かなぁと。

Model(Application/Data) <----> View Model (JQuery/AnimeJS/DOM) <----> View(HTML/CSS)

>>54
5chじゃ詳しく話せないと思うんだけど少し範囲が広すぎるから、なにが具体例があると分かりやすい。今までの内容から、storeやrxやstorage,indexedDBでも解決に至らない問題って事だよね。

>データバインディングする際にも各コンポーネントのhtmlにクソ長い名前付けなきゃならなくてかったるい。

ここが核心で他は不便ではない、という事なら解決方法は全然違ってくると思うし。

>>51
俺の場合はReactNativeを仕事で使って、同じようなとっつきにくさを感じたから、今はVueやってる。たぶん大差無いんじゃないかな。

vueのtsサポートってどんな感じ？
普通に使える？

>>58
俺は普通に使ってる。特に問題ないよ。

Fluxってsetterで値をセットし、getterで値を取得しましょうってことでいいの？

それともsetterの代わりに、メソッドで連想配列に値を入れて
getterは使わず、内部構造の連想配列をそのまま取得ってこと？

>>56
「解決に至らない問題」というとちょっと違ってて、やりたい事は出来るんだけど、「もう少しシンプルで書きやすく、分かりやすい書き方はないか」と悩んでる。
今やってる事の目的と具体例を出すと、次の様な感じ。
【やりたい事とアプローチ】
コンポーネント間で画面遷移しても画面の状態が保持されるようにしたい。
そこでコンポーネントではなく、サービスにサイトの状態を保持させる。
【具体例】
『component』
・A.component.ts / html
・B.component.ts / html
『service』
・test.service.ts
　public val: any = null; // Aの状態を保持するメンバー変数。
　
１）TestServiceをA、Bそれぞれのコンストラクタで読み込む。
２）Aのcomponent.tsでデータを取得し、serviceのvalに格納。
this.testService.val = result; // 中身は { res : "OK" }

３）Aのcomponent.html上でデータをバインディングで表示。
{{this.testService.val.res}}

４）AからBに画面遷移。
５）component.tsで、取得したデータをオブジェクトの一部に格納。
var result = { res : this.testService.val.res, num : 123 }

結論としては↑のやり方でAで取得したデータをBで参照する事には成功したが、次の問題が出て来た。
・TestServiceにもっと多くの変数があると、どの変数がどのページの状態を示すかが分からなくなる。
・VS Code だとhtml編集時にtsの補完が効かず、htmlのバインディングの構文
{{this.TestService.val.res}}
を書くのが面倒。

何かズラズラと書き上げてて、だんだん設計がよろしく無い気がしてきたわ。いっぺん設計を考え直してみるわ。

>>61
ちょっと俺もangular勉強中だから近日中に答えるわ。
ただ気になるのが4)のA>Bに遷移した後、リロードが発生したら表示できなくなる気がするんだけど。。urlが同じならAに戻るだけだから問題ないと言えば無い。のかな？
または、A>Bへの遷移後Aは破棄されず再び更新が発生した場合サービス側で注意深く処理しないとせっかくのBのバインドが外れてしまう。
ごめん実装と例は違うんだろうけど、パッと見て気になったところ。

それ
リロードが発生するとデータが消えるのは論外なのでリロードしても大丈夫なようにしないといけない

名前が長くなるのはいやがらない方がいいと思うけどな。シンプルな名前にすると背後に潜む仕組みがわかりにくくなって逆に不安になったりしない？

{{this.TestService.val.res}}

こう書いてあると、他の人が見たときにわかりやすくてよい名前だと思う。

ReduxならlocalStrageのミドルウェアがあったな

現段階での改善案なんだけど、
1:Aのロード部分はサービスへ。
2:AB共にサービスからrx経由で取得。
が基本だと思う。要はコンポーネント内で直接ロードしない。この修正だけで随分見通し良くなると思うよ。
あとはサービス側でキャッシュなり永続化なりお好きな様に。

頑張らなくっちゃ〜　頑張らなくっちゃ〜
うんちもプリップリッ　おしっこもジャージャー
頑張らなくっちゃ〜　頑張らなくっちゃ〜 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

・サービスの根幹に関わる部分はflux概念で管理
・その部分はどのページでリロードしても破綻しないように管理する
・見た目とかリロードで変更されても問題ないstateはそれぞれのコンポーネントで管理


こんな感じかね

リロードしてもステート変わらないの？
何のためにリロードするんだろうな。
そんな糞サイト二度と行かないわ

何のためにリロードするのかってユーザーが勝手にリロードするからだろ
糞サイトだろうが優良サイトだろうがリロードするやつはリロードする
そんなことすら理解できないバカを自己紹介すんな

何を期待してリロードするのかということなんだが…
リロードしてもリロード前とステートまったく変わらないの？
そんな糞サイト二度と行かないわ

>>72
お前がバカだから理解できないのはわかった

馬鹿と馬鹿が言い争っていてワロタ
jQueryおじさんの俺が説明してやろう

リロード自体が要求になってるんじゃないんだよ。
重要なのはURLに対応した表示になるということだ

例えば、誰かにこのページ見てくださいってLINEかなにかで送った時、
相手もそれを同じ内容で見れるということが重要なんだよ。
それが出来てれば自然とリロードにも対応する

それから進むと戻るな。ブラウザで進むや戻るを押したとき
URLが変わるが、内容もそれに対応して変わらないといけない
これもURLい対応した表示ができるならば自然と実装できてることになる

リロードした時に表示内容が変わる変わらないは関係ない
データが更新されりゃそりゃ変わるだろ。それは問題ではなく
URLに対応して表示がされてるということが重要なんだよ。

>>72
逆だよ逆。リロードしてもステートは基本変わっちゃダメなんだが。。別の何かと勘違いしてない？

URLに乗っけるべき情報（ステート）と
そうでない情報を明確に区別して考えてるかい？
それぐらいSPAの基本になってるはずだろう？

なんかそういう前提基礎知識無いまま
フレームワーク使ってる！SPAが得意！俺SPAやってる！
みたいな馬鹿多そうだよね

>>74
お前は巣に戻れ

そうだな、皆さんスルーの方向で。

じゃあID変えるわｗ

仲良くしろよマン参上！

仲良くしろよ

だからlocalStrage使う方法調べりゃいいだけしゃね？
どのフレームワークの話かはしらんけど

今angular入れて色々弄ってるんだけど、思ってたより分かりやすかった。これは食わず嫌いだったかも知れん。lonic2も良い。

今入院中でこの暇な時間使ってmacbookでreact nativeの開発環境構築したんだが、再起動しようとしたらmacOsの更新で引っかかってtimemachineで今朝に戻ってまたやり直しだよ。
Iphoneのデザリングは思わぬところで使えないな。
今日だけでパケット使用量が27.5GB超えたわw

ツッコミ待ちか？

>>67
あぁそうか。コンポーネント基準で状態を保持するんじゃなく、RxJSを基準に取得した情報の管理をすりゃいいのか。なんとなく分かったわ。

あと、サイトのリロードについては特に書いてなかったけど、リロード時にはクエリにレコードのidでも埋め込んで、
ABそれぞれでTestService呼べばいいか。

>>65
説明が悪かったわ。変数名が長いのが「めんどくさい」の根本原因じゃなく、
VS Codeでコンポーネントのhtmlに変数を書く時に補完が掛からないからいちいち変数部分だけコンポーネントで書いて、
それをhtmlにコピペするって作業してるけど、その作業がめんどくさいんだよ。

htmlにクソ長い変数名貼り付ける際にコピー範囲間違えて、貼り付けた内容の間違いに気付かなくて、
serveして動かねー！なんて事も結構あったから、何か予防出来る良い方法（出来れば補完を効かせる方法）無いかなぁと。

Angularの人多そうだね
自分はReact派なので話がよく分からないわ

きちんとIE11でも動くように確認してる？

>>86
前スレでは殆ど話題にならなかったけどな

>>85
ロードはそれで良いと思う。

あと補完部分だけど、俺はwebstorm使ってるからすまんけどvscodeだとどうなるのか分からない。でもそれ補完できるのが普通だから設定でどうにか出来そうな気がするんだけどね。。

>>85
まだangular初心者なんで勘違いしてるかも知れんけど、webstormだと補完効いてる様に見える。少なくともコンポーネントのpublicな変数がhtmlで補完効かないという事は無い。注入したサービス内のプロパティも補完効く。

一度試してみたら？30日のトライアルあるし。インスコしてプロジェクト読み込むだけですぐ確認出来るよ。少し高いが。。サブスクだし。

>>86
俺もreact vue派だよ。ただ聞いてた様なangularの急な学習曲線は無いと、現段階では思う。まだ全体を比較できるほど知ってる訳じゃないけど。

ふと思ったんだけど、vscodeにangularのextension入れて無いから補完効かないとかじゃ、、違ったらすまんね。

nuxtとかVuepress使ってる方いたら、使用感とか不満点とか教えてください。

>>93
Nuxtでssrにexpress使用する場合って事？仕事で使ってるよ。
create-nuxt-app で pwa, express, vuetify 指定。
色々世話焼いてくれるのは良いけどカスタムしようとすると少しトリッキー。ルータ周りとか。元が緩いから常に複数のやり方がある。たまにコレで正しいの不安になる。不満点としてはそんなもん。

職場のとなりのおっさんが秀丸でAIのフロント作ってた
設計もデザインもコーディングも全部一人で完結させてた
Reactも丸暗記してるみたいで秀丸で手打ち

手練れの人ならvscodeなんて要らない

つ メモ帳

Webstormと違ってVSCodeは無料なんだから、そこまで嫌わなくてもいいだろう

>>95
凄え。。俺には到底真似できん。

vimじゃねえのかよ

一方俺はVS Codeでバグが見つかり一時間考えてもわからず人に聞いたらただの変数名の間違いだった

Reactで長いスペルって
componentDidMountとかライフサイクルメソッドくらいじゃない？

あとパッケージ名とか

>>95
残念ながら、それでは比較になっていない。

同等の手練の人でvscodeを使う人と秀丸を使う人の
両方を用意して比較して初めて意味がある。

そういうの文系ではapple to appleの比較って言うけど理系ではカッコよくなんて言うんだっけ？

まあ実際のところメソッドの綴り思い出すくらいのことで生産性が上がったり下がったりはせんわ。

つーか仕事で縛りプレイするなよ

vscode嫌ってるとかでなく、よく知らない・導入面倒そう・そのうち考える　くらいの感覚で
現状維持（秀丸継続）してるだけだと思うよ

(知り合いなの？)

秀丸でもホットリロード効くのかね。試すつもりもないが。

>>108
ホットリロードはwebpack-dev-serverの構成だろ

正直コード補完って要らなくね？

うそつきコード補完ならいいのか

>>110
お前さんだけ補完オフにして使えば良いじゃん。

ﾜｯﾁｮｲなくなったからとれか分からんくなったけどReactマスターのｵｯﾍﾟｹはどんな環境でコーディングとかデザインとかやってるの？

>>17
マジレスすると大規模案件は多い

ただし、学習コストが尋常じゃない
そりゃ半年に1回大規模なアプデ入るような言語は学ぶのキツイですわ

あと、これ選んでる会社は開発が投げ捨てグーグルというのを忘れてる
グーグルだから信用できるってどんな思考回路でそうなるのか

ふ、flutterで蘇らせたしっ！

>>113
VScode
cloud9
Photoshop
たまにイラレ

モックアップ作るときは最近はどんなソフトがいいんだろ

XD

>>114
androidstudioは？

>>114
まあangularは過去やらかしてるから不満なのはわかるよ。でもどうせ5年もすればガラッと様変わりするのが常だし、しょうがない。pwaが本当にアプリの大部分を置き換え得るのか誰にも分からない。

>>119
もうオワコンでしょー
中身は最低限の機能でバックの方で更新一括すればいいし
何度もアプデはユーザーにも開発にも負担がかかる

現行クロスビルドするためにAndroidStudio入れなきゃいかんのがめんどいよね容量食うし
SDKだかだけ入れても結局足りんし
ちゃんとクロスビルド用で必要十分で最小限の切出ししてくれんもんかね

>>121
何使ってるの？

ん？androidのネイティブアプリでandroid studio以外の選択肢があるのか？ゲームなら分かるが。

angular.jsはもう死んでいる

もうReact.jsってのもないよね
もう.jsって付けてるのはVueだけ

つまりVueだけが生き残ってangularもなんちゃらもオワコンって事でok？

いいよいいよめんどくさい
満足したら帰れ

あたし今夜は帰りたくなーい

じゃあ会社に泊まり込んで朝までVueしよう

Evan「今日からSPAとして働いてもらうからな」
JS「えっ？おじさん誰？」
Evan「Vue！」
JS「え？ちょっと縛らないで！なにコレっ、 v-◯◯属性ってなんなの！気持ち悪いっ、私のDOMどうなってるのぉ！」
Evan「ディレクティブだよ。リアクティブにDOMを書き換えるんだ。Reactの◯SXよりも気持ちいいだろう、俺のテンプレート構文」
JS「気持ちよくなんか、んっ」
Evan「はしたないデータフローにはご褒美のV◯exだ」
JS「いやああ… (ごめんね…React…)」
Evan「うっ、見てごらん、これがコンポーネント作りだよっ！(ヴューッ)」

>>127
フレームワークになったからだよ。

>>131
v-Sexってなんだよ！？

フレームワークは3年くらいでオワコンになるし、何かいきなり新しいのがでてきて急にオワコンになることもある

Angularは2系にイキナリ切り替わって呆然
以来React派に転向
メリケンではVueよりReactが優勢

ほんと世の中ガチでフロントエンジニアリングできるエンジニアっていないんだな
エンジニアリクルートサービス利用してポートフォリオみてるけどどいつもこいつもウンコレベルなのに、できます！アピールだけすごい
作ったアプリみたら酷いな

AngularJSの時代なんてjQueryしか使ってなかったから過去の仕様がバッサリ切り捨てられたとかどうでもいい
大事なのは現行の仕様が実用的にどうかというところ

>>136
ポートフォリオのどういうとこ見る？参考にしたい

>>138
全部みるけど
特にUI/UXがクソすぎる
ど素人通り越して人間以下の能力しか感じられない

ちなみにリクルートサービス担当者に聞いたら、できる人はほとんどいませんだって
なのに単価クソ高え

>>139
うーん…感情的な書き方で問題の本質がさっぱり分からん。

そのポートフォリオは具体的にどんなUIで、どういった点に問題を感じたん？

またその問題に対して、どういった改善を求めてんの？

UIUXなんてなんか使いづらいって感じた瞬間駄目なサイトだろ

>>140
UIとして機能していない
反応がない
フォントバラバラ
ローディングなし
結果の明示がない
UIがくずれている
導線がわからん
なぜそこにそのボタンがある？
色がダサい
見にくい
古すぎるデザイン
レスポンシブではない
テキスト内容がクソ
エラー表示なし
ソースが汚い
classが適当
htmlも適当
意味不明のダサい画像
無駄にかっこよくみせようとして逆にムカつくタイトル名
センスの欠片もないUI
UXゼロ
データ表示をフォーマットさせていない
必要な機能が実装されていない
見るだけ不快
これでスペシャリストとかマジで一回死んでやり直せ
そのくせアピールだけすごい

私は月100万です
へえ、じゃこれ1日でできます？
………
お前には10万でも高えわ

それは初心者なだけでは…

「誰でも未経験から３ヶ月でフリーランスになれる！」

>>143
それがベテランってやつでもほんとできないんだよ
いなくはないけどほとんどの奴ができない

この前も時給8700円提示してきた奴の開発案件見せてといったら自分から断りやがった

>>142
もう自分でやれば？雇ったふりして自分でやれば丸儲けやん。

ポートフォリオってデザイン凝ってればいいんでしょ

1人月100万円が最低ラインで、その人の給料は30万円ぐらい。
残りの70万円は会社がもらって、経費に当てる

「3:3:3:1」の法則。
会社の売上の内、仕入が3割、人件費が3割、その他の経費が3割、利益が1割だから、
会社に100万円を払っても、30万円の人しか来ない

つまり社員還元率が30% と言うこと。
ただし、ソフトウェア業界は仕入が少ないから、もう少し還元率は高いかも

派遣社員なら、70% ぐらいあるけど、仕事がない時の給料保証がない。
エージェントなら、90% ぐらいあるらしい

>>142
沢山書き殴ってるけど、要するにコーディングだけじゃなく設計も出来る人材が欲しいの？

それなら派遣じゃ無理だよ。設計まで出来るエンジニアなんてどこの会社も欲しがるんだから、
設計出来る人間は派遣社員なんてやらずに普通に正社員として就職してるよ。

あと派遣でhtml、css、Javascript辺り扱えていば立派な方だよ。（そのポートフォリオを本人が作ったという保証はないけど。）

派遣会社の連れてくる人材なんて、下手すりゃキーボードすらろくに触った事無い奴が
「プログラミング歴３年以上」の中堅社員相当の人材として送られてくるんだから。

>>148
それで実際にポートフォリオ出してみたらいい
デザイン凝ってます！って言ってみな
それで欲しがる会社もあるとは思う
なぜならフロントエンジニアで使える奴はほんといないから

>>150
派遣ではないね
まあエンジニアはフリーランス多いからフリーランスか、転職希望者のみ

フロントエンジニアなのにフロント設計できない奴しかいないのかな？
設計もできないしコーディングもクソだしUIしょぼいし、どこにエンジニアとしてのスキルあるのかまったく不明

やっぱできる奴は大手企業とかの正社員にしかいないのかも

会社がポートフォリオに何を望むのか明確に示して無いんじゃないの
オリジナリティなんか要らねぇ実用性重視だって

> やっぱできる奴は大手企業とかの正社員にしかいないのかも

大手企業のできてるサンプル見せてほしいっす。
それと同じレベルのものを作ればウケるんでしょう？

>>153
大手が公開しているサンプルすら自分で見つけられないなら才能ないから無理
他人に聞くのではなく自分で判断できないとダメじゃん

>>153に才能があるかどうかを確認する場ではないのでは？

スクールで素養ありそうなやつに声かけて自分で教育したほうが確実だし、安上がりだぞ。

安上がりか
できる人はすぐ転職してく

普通に安く使おうとしてるクズ野郎なんじゃないかと思われる。

経営者的には安い雇えるに越した事はないだろうが、
安い人材はそれなりだからなぁ。
SPAの場合、多くは安さより品質を求めている会社が
導入するわけで、安かろう悪かろうではあまり意味を
なさないと思われる。

自分でやりたくない、金払いたくない、人育てたくない ってきたら、もうオフショアしか残ってないぞ

wordpressや！

>>160
業界から消えてもらうのが本人にとっても他の人にとっても幸せなパターン。

ホームページビルダーや！

>>163
あれって今使うメリットってなんかあるの？

老人向けパソコン教室の業者が儲かる

自分でやりたくない、金払いたくない、人育てたくない って場合にホームページビルダーや！

ホームページビルダーは誰がやってくれるんだ？
自分でやりたくないんだよね？

新入社員

育てる気ないのに新入社員？ｗ

ホームページビルダーで妥協するから激安人材に依頼できるってロジックだろ？わからないポイントある？

日本の大企業のみ→Angularはグーグル製！！信頼できる
零細企業、またはアジア圏→使いやすさでやっぱりVue
欧米→安定的なアプデで信頼できるReact
個人→jqueryで良いんじゃね？
Google→ある程度の金貰ったし、Angularのメンテ面倒くさいから没プロダクトにするか（笑）

Googleが本当に流行らせたいのはAngularDartなんだろうけどな

dartはflutterで成仏しろよもう

angularとvueが大規模、小規模て分類は間違ってはいないけど、学習の難易度的にはそこまで変わらんと思うよ。angularと比較するならvueはnuxt.jsになるだろうし、どっちも覚える事多い。使い分けは出来た方が良いから結局どっちも覚えるべきなんだろうね。

reactでいいんじゃね？
アメリカに着いてくのが一番
奴らが標準規格の主導権持ってんだからね

個人的にはスレタイにある vue react angularは3つでバランス取れてると思うよ。それぞれ特徴あって案件次第で使い分けできるサイズ感。ただ願わくばこれ以上増えて欲しくない。。

HUMBLE BOOK BUNDLE: WEB PROGRAMMING BY O'REILLY
https://www.humblebundle.com/books/web-programming-oreilly-books
https://www.goodreads.com/list/show/134093.Humble_Book_Bundle_Web_Programming_by_O_Reilly

それぞれ高評価のオライリー本バンドル。ここの3つも入門レベルとは言え取り上げられてるし、一冊＄1以下でDRM Freeとかお得杉

まず合法なの？

欲しいけど英語読めない

humbleは元々はゲームバンドルから始まったが、すでに足掛け8年続いてるわけで、今までもオライリー含めて様々なeBookバンドルやってるから大丈夫

小説や時事ニュースならともかく技術書の英語なんて平易だしコードも追えるからイケルイケル
後から足せるしとりあえず$1枠で行ってみれば。

FlaskとVue, React目当てでポチった

Reactの翻訳版持ってるけどcreateClass時代のやつだから今はもう役に立たないぞ多分。

reactはそんなに学習コスト高くないと思うのだがどうだろう。

reactは設計時の論理的思考力が試される
angularは勉強時にたくさん覚える力が試される

>>184
ジャップには向いてるな
なお、インスタントエンジニアしか生み出せない模様

所詮JSだからエセエンジニアだよ
Javaエンジニアに比べたら偽物でしかない

>>185
>>186


天下のJavaエンジニア様が↓これですか？
池沼バカですよね？

952 名前:仕様書無しさん [sage] :2019/03/22(金) 14:13:13.12
Javaでシングルページアプリケーション作れないよ
道具うんぬん言われてもReactかVueかAngularしかないよ

953 名前:仕様書無しさん [sage] :2019/03/22(金) 14:18:43.51
Ｊ　ａ　ｖ　ａ　Ａ　ｐ　ｐ　ｌ　ｅ　ｔ

JAVAもJavascriptも両方書けるけど、別にどっちが書ければ偉いとか無いなぁ…。

つーか、プログラミング言語なんて別に覚えようと思えばどの言語でも覚えられるんだから、
わざわざ派閥作ってどれが良いかで抗争ごっこなんてする必要無いだろ。
そんな労力余ってるんなら、勉強や業務に回せよ。

というかjavaとjavascriptで揉めるって珍しいよな。

まあjavaは基幹業務のイメージあるしその影響かね。jsも楽しくて良いんだがなあ。web系なら今やフロントの方がずっと工数多いし。

※ただし割り当てられる予算は少ない

javaからjsに変換するツール期待してるんだけど
Maven経由で使いづらかったり全く流行りそうにないな

elmよくない？

>>193
触った事無いから良いも悪いも分からないけど、今までいろんなフレームワークやらAltJSなんやらが
世に出ては消え、世に出ては消えを繰り返していた過去を考えると、
全く普及していない、あるいは強力な後ろ盾が何もない言語なりフレームワークなりは絶対辞めたほうがいい。

その時は開発が楽できるかもしれないけど、数年後に保守しようとした時に
ほぼ廃れてて全部書き直すかメンテされてないドキュメントと格闘しながら
騙し騙し使っていくかの2通りしかないよ。

てか、stackoverflowのトレンドにすら出て来ないフレームワークや言語なんて怖くて使えねぇわ…。

https://insights.stackoverflow.com/trends?tags=reactjs%2Cjquery%2Cvue.js%2Cangular

>>193
purescriptのが好き

結局jsとcssとhtmlを吐き出すなら、あんま変わらない様な気がする>elm。エコシステムが大きくなれば数年後は分からんけどね。

Gwtがもう少し流行ってもいいだろうに

>>194
これ全部が頭打ちっぽくない？
Vueは足踏みくらいか

>>198
画像忘れた

>>199
未だにreactjsって書かれてるのが不毛だな

>>189
今時のWeb開発では両方組み合わせて使うが、業界には区別出来てないのも多い。
特に自称エージェントや判子押す管理者。

meteor一瞬流行るかと思ったがそんな事はなかった

今どきJava使うメリットってなんだろうな

言語を使う理由は二種類しかない

1. その言語でしか出来ないことだから、その言語を使う
2. どの言語でもできることだが、慣れているからその言語を使う

Javaに限らずほとんどのプロジェクトは
後者の理由で言語を選んでいる。

うちでは、別に慣れてないけど明らかにpythonの方がサクッと作れちゃうよね？って理由でpython採用されたぞ。

まあ慣れより簡単さが上回っただけで本質的には同じ話しか。

>>205
そういやPythonってJIT対応とかの予定あるの？
Rubyは去年末リリースの2.6
PHPは来年頃リリースの8.0
でJIT対応らしいけど

>>206
慣れてないけど俺に気かないでくれw

PyPyやNumbaがあるから今更CPythonにJITが入ることは無いんじゃないか

PyPyっつーのがあるのか

おっぱいぱい

>>204
・自分だけでなく他のチームメンバーも扱える言語か、習得は容易か
・その言語の後ろ盾は強力か、寿命は長そうか
・開発環境やライブラリを含め、利用にコストは掛かりそうか
・言語は後方互換性を重視しているか、コロコロ書き方が変わったりしないか

言語の選定するならこのへんも考慮に入れなきゃいけないんじゃない？
まぁ一人で開発してんならお好きなように、だけど。

JavaServletは速いけどレンタルサーバーだとvps使うしかないよね
あとフレームワークがいまいち

>>211
> ・自分だけでなく他のチームメンバーも扱える言語か、習得は容易か
それが2. 慣れているかに相当する

> ・その言語の後ろ盾は強力か、寿命は長そうか
> ・開発環境やライブラリを含め、利用にコストは掛かりそうか
> ・言語は後方互換性を重視しているか、コロコロ書き方が変わったりしないか
候補になるようなものはどれも満たしている

>>212
nginxとの相性がな

>>212
この場合のvpsってどういう意味？

Webサーバー貸出じゃない仮想OS貸出のサービスだよ
Virtual Private Server

IP付きのLinuxサーバーを好き放題に設定できるやつ

webサーバー単体のレンタルなんてものがあるのか。
それを知らなかったのでVPSを別の意味でレブロンの使ってるのかと思ってしまった。

webサーバー単体のレンタルなんてものがあるのか。
それを知らなかったのでVPSを別の意味で使ってるのかと思ってしまった。
ありがとう。

で、結局reactとvuejsのどっちを始めればいいのさ。

自分が欧米人だと思うならreact
中国人だと思うならvue

どっちも覚えるくらいの気概がないならフロントエンドに手を出すべきじゃない。

男は黙ってpure javascript

>>220
今から始めるならvueを勧める。基本だけなら一日で習得できるからやってみて判断するべし。

angular.jsのtwo way data bindingがバグの温床になるからって理由で、
React + fluxが世の中に普及したのに、
わざわざangular.jsを作りなおしたみたいなvue.jsを使うのは、
世界が電通や博報堂といった陰謀に踊らされている以外に他ならない

>>220
大きいものならts環境がデフォで入ってるangular
小さいものならvue.js
を勧める。
reactは、どちらにも対応できそうでいて、flux, redux, typescript環境を整えようとすると、
とんでもない学習コストが必要になる。

>>226
それは払うべきコストだと俺は思うけどね。

>>225
それangular1のバグだろ。。

この調子だとvueが生き残って他は今年中に死にそうだな

残念ながら5年後、生き残るっているのはjQueryのみです。

tsでvueは情報少なくて苦行だった

作り方はガラッと変わるけどjQueryの後継がvueだと感じてる。reactやangularとは使われ方が違うから、良い感じに共存するんじゃないかな。

英語の情報結構あるけど英語できないから辛い

>>223
Vanilla.js知らんのか

>>225
Vuexは双方向バインディングじゃないじゃん

>>234
使ったことある？

>>236
とりあえずググってみ

知ってて言ってんじゃね？俺は使ったことないが。

>>237
いや知ってるんだけど使ったことはないから実感知りたいだけ

誰かこの流れに突っ込んでやれよ。。

>>239
他のフレームワークに比べると便利な機能とかはないけど、習熟したときのポテンシャルは一番高いと思う。廃れる可能性も一番低そう。

いや単なる素のjsやんけ
なんだこれエイプリルフールか？

ヴァーニラ　ヴァニラ　ヴァーニラ求人

>>241
なるほど
触ってみるかな

いや、使ったことないってことはないだろ

生jsとか「this」とは。。とかなんでそんな哲学せにゃならんのかって気持ちになるわ。

生js……ｺﾞｸﾘ…

Reactもカメラ映像からcanvasに転写して画像処理とかやった時は結構メソッドに.bind(this)とか沢山書いたけどな

>>232
どうだろ。jQueryの優れている点は後方互換性の高さだからな。

jQueryの古臭い構文に則って書きさえすれば、最新の環境でも10年前の粗大ゴｍ…レガシーな環境でも動くけど、
モダンブラウザでの利用を前提としたvueはレガシー環境ではjQueryの代替にはなりえないかと。

あとはjQueryの馬鹿にでも覚えらる簡単さも、vueには真似できない点じゃないかな。
１日あればそれなりに読めて書けるようになるjQueryと、じっくり数週間は座学を要するvueだと、
即戦力（という名の使い捨て）を確実に揃える際にはjQueryの方がより適切なんじゃないかな。
vueは下手すりゃ時間と労力だけ消費して、結局習得できませんでしたーとか平気でありえるわ。

ついにAngularの津耶乃本も出るのな

フレームワーク選びのポイントは
どんな規模を作るのか、最終的にどういった
開発環境を、使えるように成りたいかによるだろう。

Vueはmvvmのテンプレートエンジンが
他よりディープに作り込まれてて、コンポーネントが他より再利用しやすいのが特長。

だけどツールとして使えるように
なるには、かなり熟達してないといけない。。

やめてーー　>>250

>>249
かと言っていつまでもjQueryは辛すぎるだろう。保守に必要なのはしょうがないが、インタラクティブなページだけvueに置き換えてくだけでも随分楽になるんだがなあ。フォーム周りとか特に。

jQueryそこまで互換維持してる？結構非互換変更をやってるような気が
propとattrが分離した時なんて大混乱だったし

> propとattrが分離した時なんて大混乱だったし
それは2011年の話。それが最初で最後の大きな変更

サーバー側フレームワークが足してくるやつとサードパーティースクリプトとクライアント側フレームワークが使ってるやつで３種のバージョンでグチャグチャになってエラってるのに当たった
もうあんなのは嫌だ

サーバーが足してくるって何を？

誰かが作ったのの改修案件って事じゃない？

サーバのフレームワークが吐くscriptだろう。ちょっと違うがカスタムしたwordpressは本当カオスだわ。もう二度とメンテしたくない。今でも元気に動いてるのが不思議。

redux-sagaやばげ
https://qiita.com/kuy/items/716affc808ebb3e1e8ac

今さらかよｗ何年遅れだｗｗ

>>259
function.phpでフックするかプラグインで実装するか、直書きするか、WordPressの標準機能でやるかの4択だから見る箇所多くてな…

このくらいデザイナーでもできるのにフロントエンジニアができないってどういうことだよ？

研修二日、実務経験二年のペテンシ・エンジニアリング・サービス・ソリューション♪

>>228
いいや、データの双方向的な流れがバグの温床になるって話だった
で、 reactはflux, angularはデータバスにrxjs
angular.jsのアーキテクトだったかがvue.jsのメンテナーへ
小規模なアプリはvue.js,大規模ならangularへ流れても良いと思うんだがなー
angular2が出た初期の頃みたいにボイラープレートを動かすだけに何日も掛かるような糞ではなくなったんだし

jqueryの作者はreactへ流れてただろ
jquery的な用途で使われるのはvue.jsの方だとは思うが
reactは設定のための学習コストが高すぎて、アホなweb屋たちが使いこなせない

reactの学習コストが高いっていうけど、
安定したもの作ろうと思ったら他のフレームワークやるとしても結局同じくらい学習コストかかると思うぞ。

>>266
もう3年も前の話だな。それからのReactの状況はいぜんと何も変わらず
いつになったら普及するのかね？

>>267
すごいものを作ろうとしたらどれも大変
ではなくてだな、

ちょいちょいで終わるようなものを作ろうとしたら大変なんだよ
世間で必要とされるもののほとんどは、ちょいちょいで終わるようなものばかり

>>265
実際そういう流れになってると思うよ。ただバインディングの仕組み自体がトリッキーだから、フレームワーク関係無く不安定さが付き纏うのはしょうがない。
要求に対してweb標準仕様が貧弱すぎるから、いつまで経ってもどこか不安定なのはwebの宿命だよ。

本質的にフロントエンド要らないと思うんだよね
デバックにコストが掛かり過ぎて、コストを掛けてまで誰が欲しいのかって話で
片手間のテンプレート的に扱えたangular.jsからvue.jsへ流れると思うけど
frontendの専門部署でreactでなくてvue.jsを使う勢は単に頭が沸いてるだけ

Reactは難し過ぎた
みんなあんなの使えてるの凄いね

>>268
ちょいちょいでいいならexcelにボタンでもつけとったらええやんけとか思う。
まあ実際はバカ経営者に見栄えいいのを見せる目的があるから
クソみたいなフレームアピールするんだろうけどな。
心底くだらねーと思うわ。

Reactごとき難しいってお前らエセプログラマーだろ
世の中のプログラミングの中では圧倒的に簡単なほうなんだが

>>271
学習した教材が悪かったんじゃない？

React2018年初めからV字回復してんな。なんかあったっけ？

ライセンスの修正じゃないかな。
その前に急落したのもライセンスが問題にされ始めたころじゃないかと思う。

>>275
2017後半-2018前半頃のトレンドって言ったらPython/機械学習に注目が集まった時期かな

>>275
Angularが今後、死ぬ運命ということだけはわかった

世界中の華橋・華人を動員した結果GitHubスター数はReactを抜いたVueとデッドヒートしてるじゃんｗ
誇っていいだろ

>>276
それだ！
落ち込み、反転、両方説明がつく。
スッキリしたありがとう。

そのうちページ全体が<canvas>になる時代がくるんだろうか

ははは。そんなことありえない。
ウェブアプリなんて一部でしか作られてないよ
殆どはウェブサイト。だからjQueryが使われ続けている。

>>273
React特有のpropが変わると再描画という形がキツかった
普通に部分的な動きをさせたいだけで全部その形にしなきゃいけないのが不自然
不要な部分の更新まで行われてしまったり何回も同じ更新が走ってまくってしまって原因調べるのがきつい

shouldComponentUpdateでfalse返してもダメなパターン？

何らかのアンチパターンやってるケースでしょ
設計思想とか、中の仕組みを想像出来ないとやらかしてしまうのは分かる
うちのメンバーでそういうのあった

逆にreactのコンポーネントを使わずにreduxで更新をやるって感じで
入門するのはどうなんだろうか？こっちのがわかりやすいんじゃなかろうか。

react+reduxは考え方としてはいいんだが、素のreactではコンポーネントのstoreに
閉じていたようなデータまでstore内に混在するのがなんとなく気持ち悪い。
MとVMを分離できたらよかったんだがなぁ。

content apiで十分。

contextだった

javascript歴浅めのものです。
この手のフレームワークのデータバインディンクの仕組みって、buildした後のjavascript的にはどう実現されてるの？
{{data}}とかでマークアップされた箇所にイベントハンドラ付きのjavascriptが挿入されてる感じなんかな？

>>290
簡単な例ならtwo way binding javascriptでググると沢山出てくると思う。ただこれに仮想domやコンポーネントが絡むからずっと複雑。深追できないしするべきじゃない。

two way bindingねえ

例えばvar helloのバインディングならglobal(window)にsetter/getterのhello()を追加して、
helloのsetterが呼ばれて値が変わったら<input>.valueにもそれを代入し、
<input>要素にはイベントリスナーで値が変わったときにバインディング変数(hello)に同じ値をセットしてるのかな

あ、でもそれじゃ無限ループするか（てへぺーろ

逮捕されんぞ

一般のGUIでも常套手段だが、値が変わらなかったらそれ以上伝播しないってことでいいんじゃね。

>>292
>>295
なるほど、やっぱそれくらいのコード書かないとできないのですね。
となるとリッチなwebアプリケーション作るとなると、どれかしらのフレームワーク使いたくなりますな。

徐々にだとしても、今後webブラウザベースのアプリが増えるはずと思っていろいろ勉強中なんです。

>>283
そこ海外フォーラムとかで議論されてるから見ればいい

>>284
それ完全ではないから
あと配列は浅い更新しかみてないから注意

>>286
さすがに全部Reduxにする必要はない

いじめはどこの町にもあるが島本町は特に酷い
「大阪府三島郡島本町のいじめはいじめられた本人が悪い 」なんて
公言する町は他に無い

>>297
アプリというか、アプリの様に動作するwebサイトだね。storeに登録しない。個人的に最難関はDBのオフライン対応+同期だと思う。
firestoreもあるがフレームワーク側で対応して欲しい。魔境なので難しいとは思うが。。

>>300
個人的にはオフラインDBは諦めるのがスジがいいと思うけどな。ネットに繋がってて当たり前の時代じゃないですか。

>>300
> アプリというか、アプリの様に動作するwebサイトだね。

それは増えない。アプリの様に動作するwebサイトはjQuery Mobileが
失敗したことからも必要とされていないことがわかっている

※ jQuery Mobile は jQueryとは違うもので、
jQuery UI（こちらもjQueryではない）がデスクトップ用のUIなのに比べて
jQuery Mobile はスマホ用のUIを作るもの


webブラウザベースのアプリが増えるとしても、それはwebサイトからの
変更ではなく、PCアプリ・スマホアプリから、ウェブアプリへの変更となる。

ウェブサイトからウェブアプリに変更したいという要求は
本質的に違うものへの変更になるから生まれてこないんだよ。
PCアプリ・スマホアプリから、ウェブアプリの場合は、
本質的に同じもので動くプラットフォームが拡大されるからそういう要求はある。

>>302
そうか？office365とかgoogle documentとか成功してるじゃん。

いや、そう言ってるのか。

>>302はいったい何を否定しようとしたんだ？webサイトという言葉の使い方がおかしいということなのか？

>>303
> そうか？office365とかgoogle documentとか成功してるじゃん。

それらは、もともとデスクトップアプリだったもの
ウェブサイトだったわけじゃない。

>>305
> webサイトという言葉の使い方がおかしいということなのか？

アプリのように動作するウェブサイトという
変なインターフェースは誰も求めてないという話。
例えるならば、ジョイスティックで操作し、美麗な3Dゲームのような
新聞ビューワーみたいなもの。誰もそんなので新聞を読みたいなんて思わんだろ？

>>306
ん？だったら例えばoffice365はアプリのように動作するwebサイトで成功してるじゃん。

>>302
jQueryMobileは単純にBootstrapとかにとって代わられただけじゃん

>>307
どうせ使ったことないだけじゃね？

>>301
そうなんだよね。オフライン対応って無理がありすぎるんだよね。
以前firebaseのrealtime database使ったが、オフラインからの同期処理に制限が多すぎて厳しい。更新が時系列を保証せず最終更新分だけ同期するとか、かなりクセがある。
WebworkerとindexedDBで効率よくキャッシュする方が当面は幸せになれそう。

>>307
office365はアプリのように動作するウェブアプリであって
ウェブサイトじゃないんだよ

まあこれでも読んで勉強して。IBMだからそれなりに信用できるでしょ？

第 1 回 Web サイトと Web アプリケーションの違い
https://www.ibm.com/developerworks/jp/web/library/wa-websiteapp/index.html

excelで作ったドキュメントをなるべくそのままの形でhtml化する方法は無いでしょうか？
excelでhtml形式で保存すると裏側が汚いです
Gatsbyのプラグインにそれらしきモノがあったので試してみたら、色もセル結合もフォントサイズも全部落ちてしまいました

まぁ自分で自作すればいいんでしょうが、気が遠くなるくらいたくさん作り込まねばならず、皆さんはexcelドキュメントをそのままWeb化したいとか要望された事はありませんか？

>>311
いやだから>>305でwebサイトという言葉の使い方がおかしいということなの？って聞いたのによくわからん回答されたから混乱してるんだが…
で、結局webサイトという言葉の使い方がおかしいってことなのね。

要は、office365のようなものをwebサイトと呼ぼうがwebアプリと呼ぼうが話の本筋には何の影響もないのに、>>302の長文で謎の語りが入ったから話がグチャッとなっちゃったって事実に気づいて欲しい。

>>313
スレチだけどレスすると、
htmlにせずGoogleDocsとかにインポートして公開した方がいいんじゃね
こういうの
https://www.howtonote.jp/google-document/open/index1.html

オフラインデータはクッキーをいじり回すことしか出来ないのね
せめて画像を確実にローカルに保存できればオフラインでも動かせる
アプリが作れるだろうに

>>317
Webストレージで画像保存できるじゃん

reactは覚える事は少ないけども設計力が必要
宣言型プログラミングと同じで高い論理性が要求されるから苦手な人は多いかもね

悲しいのはAngularの勢いが無くなり、横ばいのAngularJSの方が残りそうなところ
もうAngularはGoogle Graveyard入りだろ。どうすんだよAngularで作ってる新規プロジェクト

Angular1の方が好評だったってこと？ｗ

angular使うくらいならvueの方がええわなぁ
reactは論理性高いから日本人には不向きやろなぁ

ググってみたけどreactはhtml側ではあまり小細工しない感じだねえ
論理的というのがいまいち分からないけど

個人的にはbackbonejsが好きなんだけどなあ。自分で自由に作れるし
有名どころ使ってるのに、扱いが微妙

そういえばchromium版Edgeのプレビュー出たけどおまえら使ってみた？

>>320
これ以上進化する予定のないものが残るわけないじゃん

>>326
進化させるのは自分の設計、コーディング次第なのがbackbonejsの思想だけど
フルスタックじゃないから足りない部分は自分たちで補えばいいし
そもそもbackbonejsは、つい最近更新されたばかりで死んでないけどな

昨今のフレームワークは全部入ってるから良いと思ってる
Railsやcakeみたいに作るのが簡単ならわかるけど、複雑化したら折角のフルスタックフレームワークがゴミになるだけ

これ読むと良いかも。
フレームワークとライブラリの違いがわかってない人は特に

フレームワークは善か悪か，その両方か？
https://www.infoq.com/jp/news/2019/04/frameworks-libraries-axon

>>327
AngularJSの話してんだけどアンカ先くらい見ようや

>>327
> そもそもbackbonejsは、つい最近更新されたばかりで死んでないけどな

https://backbonejs.org/#changelog

1.3.3 ? Apr. 5, 2016 ? Diff ? Docs
〜それから3年の月日が流れようとしていた〜
1.4.0 ? Feb. 19, 2019 ? Diff ? Docs


ほぼ死んどるがなｗ
1.4.0リリース作業の前のコミットは2018年5月だし、
ドキュメントや些細なミスを除けば、機能追加は2017年じゃないか？

>>328
ひと言で説明すりゃいいのにくどくどとしつこい内容だな

>>322
その文からは、お前さんに論理性が無い事しか分からんな。

フレームワークは、先に全体の構造が決まっていて、そこにはめ込む部品を作る。
全体の構造が決まっているから、プロ向き

ライブラリは必要な都度、組み込んで、部分から先に作っていくから、
全体の構造が最後まで決まらないので、スパゲッティ・泥団子になりやすいので危険！

全体の構造なんて先に決めればいいだけやんｗ

>>333
フレームワークに任せとけば安心って思考停止して、結局何と何が依存してるか
わからなくなってそのフレームに閉じ込められるパターン。

>>335
Angularの悪口はそこまでだ！！

全体の構造を、各人が決めたら、ダメ！
各人によって、構造に違いがあるから、他人と思いを共有できない

Aが作った構造を、Bが気に入らないなど、トラブルになる

だから、Rails などの既成のフレームワークを使う。
そのフレームワークの構造を共有できるから

多くのフレームワークも、Rails を基本としている

nuxtの出力jsが乱数名みたいになるのなんとかならんのかな

>>337
> Aが作った構造を、Bが気に入らないなど、トラブルになる
> だから、Rails などの既成のフレームワークを使う。

だからその「既成のフレームワーク」を作ったのAで
それを使うBが気に入らないってトラブルになってるんだろ？

Rails 作ったやつは他人なんだから
思いを共有できないわな

>>335
規約に則って書きさえすれば、チームのスキル差を減らして、一定の品質が担保できるのがフレームワークのメリットじゃない？

フレームワークに閉じ込められるって表現してるけど、それ単にチームで設けた規約に不満を述べてるだけかと。

もし今使っているフレームワークに不満あるなら、そもそも最初のフレームワーク選定時に意見を言うべきだし、
発言権のない立場なら大人しく従うか、転職なりしてプロジェクトから抜けるしかないんじゃないかな。

思いは共有できなくても、実績があるフレームワークに従いましょう、ってことで平和に収まるって話だろ。
この効果は間違いなくある。

ジャップのくせに

japjs

某個人アプリ制作者のブログで「5ちゃんのプログラミングスレはqiitaと比べて全然遜色しない内容だ」
って感じで書かれてるから初めて見に来たけど生産性のあるレスほぼなくてワロタ

>>341
規約があればいいがほとんどない。
>もし今使っているフレームワークに不満あるなら、そもそも最初のフレームワーク選定時に意見を言うべきだし、
>発言権のない立場なら大人しく従うか、転職なりしてプロジェクトから抜けるしかないんじゃないかな。
そもそも選定時にはその会社にいないし選定してった奴は転職なりしてプロジェクトから抜けてるわけで
マジクソだよ。

>>346
さっさ転職しろ

>>345
このスレじゃなさそうだな。。今angularを勉強してるが、これじゃないとという理由が見つけられないでいる。学習曲線や人員的な問題は置いといて、明らかに有利な点や逆にangularで困る事があったら教えて欲しい。

日本にいるとVue人気だから勘違いしそうになるがやっぱ採用実績はReactが圧倒してるんだな。475kサイト vs 64kサイトか……
しかしなぜかGitHubのスター数だけタメ張ってるｗ
Top JavaScript Frameworks For 2019
https://www.codementor.io/nikhil21tyagi/top-javascript-frameworks-for-2019-s8881i8ga

パフォーマンスについてはReactよりVueのほうがいいな。
AppRunってやつ速くて気になる。
しかしAngularいくらなんでも酷すぎる……
A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)
https://medium.freecodecamp.org/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075

>>349
AngularJSは確かにダントツで遅いけどAngularは別に悪くないじゃん

>>349
hyperAppもなかなか。

SPAでログイン画面というかログイン機構作る場合はどうするのがベストプラクティス？認証用のアカウント情報はサーバー側のDBにあるとして

>>352
使ってるフレームワークとやりたい事で変わるからなんとも。。
例えばログイン後は各ユーザ用の専用ページがあるって感じ？でなければセッションに保存して分岐するだけで済むはずだが。

Angularは脂肪確定でよろしいか？
ReactかVue.jsの二つやっとけはいいのかな

>>354
俺も悩んでる。普段reactとvue(nuxt)使ってて、今angular勉強中なんだが乗り換える必然性が見つからん。もちろんangularは力技使わなくても色々解決出来そうな感じで良さげなんだが。
ただもう少し勉強せんと冷静な判断できんわ。

>>352
Firebase Authentication使えばよくあるGoogleアカウントでログインだのFacebookアカウントでログインなんかが出来るよ。

面倒くさいDBでのアカウント管理も全部Firebase上で出来るから実装に無駄な時間を掛けなくて済むよ。

Google I/O 2019 (5月7日〜9日)で
Angularと対立することになる Flutter for Web (Hummingbird) の新たな発表があるそうだから
Angularを考えるのはその後にした方が良いと思うよ

>>357
Flutter面白そうだね。たしかにクロスプラットフォーム開発はスタンダードが無いから学習するなら狙い目なのかも。現状swiftとkotlinでゴリゴリ書いてるけどどうしてもrealmが必要なんだよね。
Webアプリの弱点の一つオフラインDBをある程度解決できるなら真面目に検討したいんだが。

>>358
オフラインDBが弱点って具体的にどういうこと？

>>359
ユーザデータを大量に保存してローカルで処理する系のアプリは現状webアプリだと厳しい。主に速度面で。
indexedDB+lovefieldみたいな組み合わせでsqlぽい事はできるけど、flutterがアプリ+webのクロスを狙うならソコどうするのかなって。DBの同期まではできなくても、一つのスキーマから全プラットフォームで動作するDB作れたら夢だよね。

もういい加減 "ウェブアプリ" なんてやめればいいのに
ローカルでデータを大量に処理ってそれ、
ウェブである理由はアプリのインストールとアップデートのためだけじゃん

サーバーでやっちゃだめなん？

モバイル端末のストア経由っていうのが煩わし過ぎるからなぁ

>>360
ごめん、おれの経験不足なのかやっぱわからん。

>>ユーザデータを大量に保存してローカルで処理する
↑
クライアントは1台だけなのに、速度が気になるほどデータを処理する例が全く思い付かない…

バックエンド主義の人が強引に考えたついた難癖にしか見えない
フロント処理で充分

いやまあ、別に現状でも工夫すればできるからブラウザのローカルDBにそこまでこだわっては無いよ。課題も多いし。ユーザがいつでも削除できるとか。
ただネイティブアプリとwebアプリが同じコードとロジックを共有するなら避けられない課題だろうなと。

ユーザーが自由に削除できることが課題？？
世の中のソフトウェア殆どがそうだけど何か困るのか？

ほんと早くMac死んでほしい

>>367
indexeDBのことだよ。ブラウザのキャッシュクリアで簡単に消えちゃうだろ。間違えて消してクレームくるんだよ。

Reduxわかんね

>>370
大丈夫。俺もわからん
てか、あんなの小規模なWebアプリケーションにはいらん

Reduxわからんの？
かわいそうに

Reduxわかるの？
じゃあ、Reduxを使うことで、
どんなメリットがあったか教えて

処理の流れが一方向なのでわかりやすい。

> 処理の流れが一方向なのでわかりやすい。

文章がつながってない。
処理の流れが一方向なのはまだいいとして、
なんでそれで、わかりやすいということになるのか？

そもそも "処理の流れ" が一方向であるならば、
何を使っても一方向にしかならないはず。
Reduxを使うことで、一方向になるわけではない。

また双方向とか一方向というのは、局所的に見るか
全体的に見るかの違いでしかないのではないか？
例えば電話での会話だって、双方向に見えても、実際には自分の通話口から
相手のスピーカー、相手の通話口から自分のスピーカーへの一方向通信だ。
一方向も双方向も大した違いはない。

まあ実際、説明の難しいところではある。
>また双方向とか一方向というのは、局所的に見るか
>全体的に見るかの違いでしかないのではないか？
これはその通りだがその違いが大きいとしか言いようがない。
treeをたどるロジックというのは一般に指定が複雑になりやすいとか、
ノード間のコミュニケーションがコールバックでつなぐと相当複雑になるとか
色々あるけれどその辺を単純化できてるようには思う。

電話の比喩を持ち込むならマイクとスピーカーが同じより違った方が良いとかになるのかな？

もう少し具体的な例を出そう。

getterとsetterと言えば、俺が言いたいことが見えてくると思うが
Reduxが言いたいことは、単にgetterは値を取得するだけ
setterは値を入れるだけにしましょうってことだろう？
まあgetter/setterは別の批判も有るから、getter/functionの方が良いか？

もう一つの例としてRESTで例えるならば、GETは何度GETしても状態は変わらない。
単にデータを取得するだけ。POSTはデータを送信するだけ。
この考えかたと同じことだろう？

これをオブジェクト指向に当てはめるならば、このメソッドはデータを更新し、
このプロパティはデータを参照するという話でしか無い。
これは普通のオブジェクト指向のベストプラクティスとなんらかわりはないんだが、
Reduxを使う必要はあるのか？ このメソッドはGETかPOST（相当）であると
ドキュメントに書けば済む話だろう？

マイクとスピーカーで分けたほうが良いという考え方は
反対しないが、まともな設計能力が有るならば、最初からそうしているわけで、
Reduxを使う理由にはならない。

まともな設計能力がない人のための矯正器具=Reduxということか？
だが矯正器具はいつまでも使っているわけじゃあるまい？
まともな設計能力がついた人にとっては、邪魔な道具でしか無い。

>>378
そうだね。あなたはredux使う必要ないと思うよ。
あなたの素晴らしい設計でやりくりすれば問題ないんじゃないかな。

もちろん、Reduxが何の負担もなしに、もしくは低い負担で
ベストプラクティスを実現できるというのなら導入する価値はあるが、
一方向を得るために、Reduxのやり方で設計しろっていうのは負担が高すぎる。
Reduxのやり方はルールが多すぎて単純ではないからだ。

Reduxの設計方針を理解しないまま、Reduxを使うよりも
まずは知識をつけるのが先だろう？

このメソッドは書き込みを行うメソッド、このメソッドは読み込みを行うメソッド
明確に分けたほうが良いと。そしたらあとはメソッドのコメントに書けばすむだろう？
（普通はコメントで書くまでもなく、メソッド名からどちらであるかはわかる）

それだけのことなのに、それを矯正するためのフレームワークというのは
意味不明すぎる。便利にするためのものじゃない。矯正するためのもの
まったくもってReduxはわからん。

スパゲッティになるならreduxは必須
でもそうならないなら本当に必要ない、とは思う
コード量多くなるからね

>>379
> あなたの素晴らしい設計でやりくりすれば問題ないんじゃないかな。

だから聞いたんだよ
「どんなメリットが"あったか"教えて」

どんなメリットが "あるのか？" じゃない。"あったのか？" だ。
あんただってそれなりにまともな設計ぐらいできるだろう？

あんたの能力がどれくらいで、Reduxを使うことで
どういうメリットが、あったんだ？ なにかを矯正されたんか？
俺は矯正が必要なほど設計が下手なつもりはないんだが。

とりあえずメリットは書いたし、びっくりするほど文章読んでないのも理解できる。

Reduxがやってるのって、

1. オブジェクト指向のクラスがあります。
2. クラスから読み込み専用メソッドを抜き出します。
3. クラスから書き込み専用メソッドを抜き出します。
4. クラスに残ったものはデータのみです。これを一つのオブジェクトとしてPublicにします。

オブジェクト指向のクラスが、
読み込み専用メソッド、書き込み専用メソッド、データ の３つに分離されました。
ってだけだからな。

>>383
いうだけなら誰でもできる。
コミュニケーション取ろうぜｗ

処理をAPI化するイメージかな必ずその経路を経由して状態を変更するからグローバル変数みたいなどこからでもアクセスできるけどちゃんとアクセス経路は限定できるみたいな

その "グローバル変数" をクラスにして、APIをクラスのメソッドにすれば
普通のわかりやすいオブジェクト指向設計になるんですが？
Reduxの存在意義って？

そしてReduxは、クラスのメソッドを抜き出すだけじゃないからね

メソッド（関数）は普通にメソッドに引数渡して普通に呼び出せるが、
Reduxは「引数つきでメソッドを呼び出すため」のデータを作って
データを投げて、そのデータ解析して（←ここ自分で作る）
そしてやっとメソッドを呼び出すという無駄なことをしてる。

結局の所 Redux はわかりやすいものではなくて
（わかりやすい = ただのセールストーク）
オブジェクト指向 VS 関数型（？） の戦いから
俺たちはアンチオブジェクト指向で行くぜ！という派閥から
生まれたものに過ぎない。

それ自体は考え方の違いでありだとしても、
Reduxの仕組みは、それを実現するためのルールが多すぎて
百歩譲ってわかりやすいとしても、そのルールに従って
コーディングするためのコストが大きすぎて小さいプロジェクトではペイしない
（大きいプロジェクトでもはたしてペイできるかどうか）

"設計方針の違いを反映させるためだけ" でしかなくて、
それしか得られない割に、コストが大きすぎる

別にコールバックでdom treeたどるのが大変でないならredux使う必要ないわな。
それでいいと思うよ。
てか読んでないのにコミニュケーションを要求するとか
まともに設計できる人間じゃないことはわかるよ。

一度Reduxで作ってみたら後は別のプロジェクトでも同じように作ればいいだけだから何も問題はない
最初だけ複雑に思うだけ

確かにreduxのproviderとconnectの対応は暗黙な繋がりでわかりにくいところはあると思うんです。
reduxというかfluxの実装として他に方法はあるかもとは思う。

vue公式からの引用で恐縮だが、、

もし、あなたが大規模な SPA を構築することなく、Vuex を導入した場合、冗長で恐ろしいと感じるかもしれません。そう感じることは全く普通です。
あなたのアプリがシンプルであれば、Vuex なしで問題ないでしょう。単純な ストアパターン が必要なだけかもしれません。
しかし、中規模から大規模のSPA を構築する場合は、Vue コンポーネントの外の状態をどうやってうまく扱うか考える絶好の機会です。Vuex は自然な次のステップとなるでしょう。これは Redux の作者、Dan Abramov からの良い引用です:
Flux ライブラリは眼鏡のようなものです: それらが必要になったときに知るのです。

まあ大きなもの作ったことない人にはわからん世界だと思うよ。俺も学生の頃はフレームワークの必要性とかさっぱり理解できなくて制作者の自己満足だと思ってたもん。
そして必要になったことがない人にはどんなに説明しても納得してもらえないもんだよ。

今軽くReduxググってみたけど何がしたいのかさっぱり分からんｗ
jsにprivateが無いからsetter/getterのレイヤー作ってんの？

いやfluxで調べたら少しわかった
オブジェクト指向でいちいち相互参照とか面倒くさいから
シングルトンにデータ全部詰め込んでおこうぜ見たいな話だな

おまいら、vueの利点として、サイトの一部分のjQueryで
作っていた部分をちょこっと置き換えるのに良いって
言ってるくせに、それがいつか大規模なSPAに変わると思ってんの？

>>393
こっちのほうがわかりやすくね？ｗ

Flux ライブラリはサスペンダーのようなものです: それらが必要になったときに知るのです。
（意味 デブになれば必要な理由がわかる。だがそもそもデブになんかならねーし、デブなのが一番の問題）

猫も杓子もreduxだけどほかのflux実装の感想聞きたいわ
それなりの規模で使用した、もしくはしてるみたいな人おらんの?
つかfacebookはfacebook/flux使ってるのかね
メンテされてる感じせんけど

>>397
そんなこと書くと議論がすり変わりそうだぞ。
ID:IXPbMXJWが書いてくれたことで十分でしょ。それで納得できる人もいればできない人もいる。
万人が使うものでないことは間違いないわけだし。それはスレタイの3つがそもそもそうなわけだけど。

よくまとまってる。
https://mizchi.hatenablog.com/entry/2018/10/04/101308

> Middleware に何を使うかで、 redux ユーザー同士の非同期のノウハウは共有できず、
> 分断されている(thunk, saga, steps, epic, no middleware)
これが一番の問題点。

>>401
suspence来たら全部ゴミ。

suspence見たけど状態管理をsimple-cache-providerに移動しただけな感じがする

明確なIDが無いリクエストみたいなのが渡ってくる場合だと
コンポーネントと非同期キャッシュの対応付けが面倒になりそう

コンポーネントインスタンス毎に一意ID生成してstateに保持だと本末転倒な感じだし

静的サイトジェネレーターでBlog作りたいのだが情報少ないね。
VuePressがよさげなのだが

なんでvuepress？nuxtよりいいとこある？

ガチガチのSPA作ろうと思ったらAngularじゃねーの？
ionicでwebアプリ作ってみたけどストレスなく作れて良かったよ

まずフロントエンド周りに関わる仕事はしないほうがいいと思う
全てが無駄になる可能性が高い

reduxで一回のdispatchで2つのstateを一緒に更新したい場合ってreducerどう書くのが正解？
とりあえずreducerのreturnをjsonオブジェクトみたいにすれば良さそうではあるんだけど

ReactのReduxはそろそろ廃れて欲しい
ホックで何とかなるでしょ
Reduxは奇形的だと思う

>>405
じゃあNUXT.jsでｗ
こっちもそんなに情報ないよね

vue関係は中国語が共通言語

Vue vs React vs Angular
とあるがどれも学ばないというのが4の選択肢が正解じゃないか
他に時間を投資すべき

どうしても必要ならVueを摘むの適切
それでもVueを深く学習してVueメインでガチャガチャ動くサイトなんて作っちゃいけない

>>412
それな。どうせどれ使っても数年で消える。
jQueryだけが今もこれからも使われて続ける

いいんだけどさ、forthスレやqbasicスレ、coqスレなんかにも「必要ないって言ってるでしょ！」ってムキになって書き込みに行ってるの？ｗ

一部にvue入れるのもアリだよ。検索や登録フォームはvueで置き換えると保守が凄く楽になるぞ。俺もそこから始めた。

jQuery固執おじさんもいらない

jQueryが神すぎて、これは捨てられない。

>>414
いったことないで？全く知らん分野だし

>>415
> 検索や登録フォームはvueで置き換えると保守が凄く楽になるぞ。

具体例で見せてほしい

フォームはVueの練習には良いよね。
でも大きく要素が入れ替わらないTodoリストくらいだったらJQuery + HTMLのテンプレート要素で作ったほうが簡単に感じる。
テンプレート要素が適用しづらいなって思ったら使うべきか。

>>406
だよね。angular思ったより全然使いやすい。迷う事が少なくていい。

>>420
因みになんだけど、jQueryのテンプレートエンジンは何を使ってるの。俺はよくjsRender使ってた。

>>422
俺は、lodash (underscore) のtemplateだな

https://lodash.com/docs/4.17.11#template
https://underscorejs.org/#template

このライブラリはテンプレート専用じゃなくて
通常のプログラミングでも非常に便利なライブラリなので
テンプレートを使うかどうかに関係なく組み込んでる。

>>419
具体例いらんだろう。長くなるとスレチになりそうだし公式見てほしい。

>>415
残念ながらフォームを作る場合に、DOM APIよりもvueは便利だが
jQueryよりも便利ってことはないんだよ
具体例、ないだろう？そういうこと

廃れるものを一通り勉強するってのも乙なもんだけどね。

jquery使うといつか必ず後悔するんだよな

それはないな。DOM APIを使うのと（jQueryの方が生産性が高い以外）何も変わらんのだし

そらWeb"サイト"作ってるところjQueryは使い続けられるだろ
元々フレームワークを使うのはWebシステムを構築する人向けなんだから

平たく言えば例えばスタンドアローンアプリをWebに置き換える様な案件向け
別にそういうモノを作る予定なんてないって人はjQueryは使い続けてても全く支障はないと思うよ

基本jquery使う限りアングラーさんしかないのか

tsとjqは相性悪いからangularもビミョー

>>429
Webシステムじゃよくわからん。
JavaScriptを一切使わないWebシステムだって有るんだし

> 別にそういうモノを作る予定なんてないって人はjQueryは使い続けてても全く支障はないと思うよ

ずっとそれを言ってる。ウェブであちこちのサイト見て、
そのサイト、アプリで作ればいいのに？って思うことある？
そういうことだよ。ウェブで皆が見てるものの大半は、アプリ用のフレームワークなんか使っちゃダメ

流行の移り変わり前提ならAureliaになるんかね

>>433
なぜ？

暇な天才達がおもちゃを作り

凡人の我々が疲弊する

実務の世界ではwebは運用を考えないといけないから
ビルド必須なのは辛いんだよね
JAM Stackにバリバリ行きたい気持ちはあるのだが
結局はjQueryを使った無難なサイトがメインになって
しまう
エンジニアは運用の視点を忘れたらいけない
サイト制作にはjQueryが必須だと思う。

でもSPAで作る時は日本語のドキュメントがまだ出て
来てないような最前衛の実装方法で暴走するけどねw

いい加減>>1読め

>>432
君には一生縁のない世界みたいだからおうちにおかえり

>>438
反論できなくなったときの言葉だねｗ

ちょっとしたサイトなら、jQuery, Lo-dash のテンプレートエンジンで十分。
Underscore.js のテンプレートエンジンを使ったフレームワークが、Backborn.js

フレームワークを使うのは、データベースを使うような、web アプリ

Ruby のテンプレートエンジンの ERB でも、基本は、文字列を連結していくような原始的なもの

本当にちょっとしたものならそんな何万文字ものライブラリいらんだろ

const template = ctx => `
<html>
<head><title>${ctx.daimei}</title></head>
<body>${ctx.naiyou}</body>
</html>
`

const data = {
daimei: '題名',
naiyou: '内容',
}

const html = template(data)

Vue試してみてるけど
Vuexってもしかして必須か
コンポーネント間の簡単な操作でも複雑に感じたわ

それならもうAngularみたいに全部入りでいいじゃんと思いました

>>442
世界中でどれか一つに統一されるならAngularをおしたい。
慣れた時の開発効率やわかりやすさはAngularだと思う。

>>440
かいてることめちゃくちゃ

> ちょっとしたサイトなら、jQuery, Lo-dash のテンプレートエンジンで十分。
「ちょっとした」の意味がわからん。
そもそもテンプレートに大きいも小さいもないだろ

> フレームワークを使うのは、データベースを使うような、web アプリ
データベースならウェブアプリだけやなくウェブサイトでも使うし
それはフレームワークを使う理由にはならん。

> Ruby のテンプレートエンジンの ERB でも、基本は、文字列を連結していくような原始的なもの
文字列を連結ってなんのことを言ってるんだか。内部の実装の話なんか関係ないだろ

lodashのテンプレは確かに便利
これは同意する

>>441
> 本当にちょっとしたものならそんな何万文字ものライブラリいらんだろ
何万じゃサイズがわからん。

1万文字 = 10KB程度ってことでいいのか？
何万文字 = 数十KB、画像1枚分もなくて、
ADSLや光回線なら0.1秒以下、スマホの128kbps制限中でも
2〜3秒程度でダウンロードできるサイズ
だよね？

今度から「僅かなサイズのライブラリ」って書いてくれない？
意図的に多く見せようとしてるようにしか見えないからさｗ

>>441
あとそのコードは単なる文字列中の変数埋め込み
テンプレートエンジンを名乗るなら、ループと条件分岐ぐらいは
対応してないとだめだろう

>>447
だから簡単なものならそれで十分だろうと言ってるんだが。
そんなもの必要に応じて関数書きゃいいだろう。

テンプレートエンジン固有の構文覚える方がめんどいわ

>>443
でもAngular人気ないよね
日本ではなく世界の話
https://2018.stateofjs.com/front-end-frameworks/overview/
世界二万人超の開発者に対するアンケートの結果みたいなんだけど
Angularは「使ったことあるけどもう使わない」
ってのが飛び抜けて多い
なんでこんな嫌われているのか全然わからないけど

確かにせっかくの大規模アンケートなんだから理由も見たかったよな。

破壊的な変更が原因でしょう
また大幅な変更あるのではとリスクを嫌ってる

WebComponentsの登場で
今のフレームワーク全滅するっていうのになｗ

>>450
本来のjavascriptと解離が大きいのがな。
やっぱ通用するスキルが身につくことが重要よ。

どこぞの人気投票らしきもの

>>453
それも結局はXHRと一緒なんじゃない？
原始的で汎用的なものを提供するけど結局ラッピングされたものの方が使いやすいってなると思う

>>456
> それも結局はXHRと一緒なんじゃない？

なんでXHRの話なんか出てくるんだ？
UIコンポーネントの話なんだが

> 原始的で汎用的なものを提供するけど結局ラッピングされたものの方が使いやすいってなると思う

そりゃラッピングされたもののほうが使いやすいでしょｗ
だからjQueryの方が使いやすいんだし。

問題は、WebComponentsをラッピングしたものは、AngularやVueやReactとは別のものになるってこと。
AngularやVueやReactもWebComponentsを考慮しつつ開発してるんだろうが、
WebComponentsが最終的にどうなるのかわからないし、
WebComponentsがない時代の設計をWebComponentsに最適化するのは大変。
どうせWebComponentsに最適化された新しいフレームワークが出るに決まってる。
そしたら今のフレームワークは全部おさらばｗ

>>455
ひとつだけステッカー貼ってアピールしてるのが哀愁を誘うなｗ

>>457
html5だかECMAScriptだかの標準仕様を持ち上げるって意味では一緒じゃね？
WebComponentsもXMLHttpRequestも逆に何が違うって言うんだよ？

なんも作ってない人ってなんでこんなにわかりやすいバカさを露呈しちゃうんだろうね。

web componentに過剰に期待しちゃダメだよ。仕様を大きく超えて肥大化した今のフレームワークのほんの一部を標準化しますってだけ。
少し触ってみれば分かるが期待とは別物。到底現状のコンポーネントが置き換わるレベルじゃない。

>>459
> WebComponentsもXMLHttpRequestも逆に何が違うって言うんだよ？

WebComponentsはコンポーネントを作るAPI
いろんな人や会社がコンポーネントを作って配布することになるだろう。
ここが大きな違い。

XMLHttpRequestはそれ単体で使うものだが、
WebComponentsは、そのAPIを使ってコンポーネントを作る人と
作られたコンポーネントを使う人に分かれる

それって結局Reactとやってる事変わらなくないか？

>>455
使ったことないアホどもの人気投票だろうな

>>463
そうだよ？やってることがかぶってるから
WebComponents（ウェブ標準）に置き換わるって言ってんの

>>464
使ってる人の数の非もこんなもんなんじゃない？

>>349によるとそんなもんだな。

部下から尊敬される上司が行っている、たった一つの方法


仕事ができる人だけが知っている、すべてが好転する「黄金ルール」


自分の生き方や働き方がわからない人に伝えたい「生き方の正しい選び方」

とにかくJSフレームワークは
他人のコードみたくないし保守したくない
作り逃げの案件しかやりたくねー

>>465
置き換わるわけないやんどうせ機能ショボいのに

まぁwasmを独自タグ化できるとかならワンチャンなくもないかも知れんけど
ウェブ標準とReactなら大半の人はReact選ぶと思うけどね

それにしてもAngularはホント使ってるとこ見ないよね技術書展のサイトくらいしかまともに使ってるとこ見たことない
Reactは動画配信サイトの類とかでわりと使ってるところよく見る
Vueはライブラリとして読み込んでるサイトはわりとあるけどフレームワークとして（Vuex,vue-routerとか使って）ガッツリ作り込んでるところ半分くらいで他はjQueryとの共存でだましだましに使ってるんじゃないかとね

この業界の闇が見れたよ
vue js 大規模

https://mobile.twitter.com/rei_ktrg/status/1119150597599404032/photo/2

https://mobile.twitter.com/andoshin11/status/1118694687794053120

https://mobile.twitter.com/ku_suke/status/1119053092069097472
https://twitter.com/5chan_nel (5ch newer account)

vue,reactならreactのが好きだけどreduxがデファクト取ったのほんとつらい

>>472
react,vueくらいならちょこっと作るのもそこまで苦じゃないけど
angularはなんか闇を感じるぞ。。

>>441
HTMLエンコードも、しないといけない。
「& < > "」などを、「&」「&lt;」「&gt;」「&quot;」に置換

Ruby のERB では、
結果を出力するなら、<% = 式 >
しないなら、<% 式 >

<% # コメント >

地の文(Rubyの式以外)で、<% を使う、
または、ERBタグ内で、%> を使う場合は、% を2重にする(エスケープ)

自己レス
>「& < > "」などを、「&」「&lt;」「&gt;」「&quot;」に置換

あれ？ どうして「&」と表示されたのか？

「&」(全角なら「&ａｍｐ;」)と書いたのに。
5ch のバグ？

自己レス
>「&」(全角なら「&ａｍｐ;」)と書いたのに。

「&」
ここには半角で「& a m p ;」(ただし、空白を除く)、
全角で書くと「&ａｍｐ;」と書いているけど、「ａｍｐ;」が表示されない！

なぜ？

vueできますの人ってJQueryの延長で使えてるだけの人多いから危険だわ
Reactできますの人雇った方が安全
アプリとしての設計できるか否かと文法覚えたからコード書けますは違うから
Reactできるなら設計できると考えていい

>>478
2chの頃からUnicodeの表示には10進文字参照使ってるから
&のエスケープだけ効くようになってる
&amp;amp;と書けばいい

>>479
Reactはそんなに難しいってこと？

ちゃんとしっかり向き合えば難しいって事はないよ
Reduxだって書いてれば慣れるし慣れればそれほど難解じゃない

一回ベタでJSX書いてそこから部品になりそうなものを切り出したら
次に似たような画面作る時劇的に手間が減ったりする

Aureria使ってるけど全然難しくないぞ
Reactも難しくはないんだろう
むしろVueってそんなに簡単なの？

どのフレームワークも書き方が違うだけで構成する要素（状態、ルーティング、コンポーネント）は似たり寄ったりだと思うよ
ただVueの場合
<div id="app">
…
</div>
をルートコンポーネントとしてVueに関連付けるのにdiv涛烽ﾌDOMをそのまま使えるっていうのが新規にはとっつきやすい一因だと思う
もちろん別ファイルに書いたルートコンポーネントをマウントすることもできるけど

DOMがそのまま→既存のサイトに追加できるって事で入りやすいんだろうけど
できたものはカオスなんだろうなって思う

問題は非同期通信をどこに置くか、どう実行するかってとこでしょ。

そもそもそれSPAにする意味あるの？というところからだな

そもそもただの静的なhtmlで十分てのはあるがそれはまた別の話だな。

>>487
静的なHTMLは、サーバーに置いたHTMLを表示するだけ
動的なHTMLは、データベースなどにアクセスしてHTMLを動的に生成するもの

どちらもJavaScript使用の有無は関係ないのですよ

Reduxって他のフレームワークでも
汎用的に使えるの？

vueにはVuex があるし

>>481
Reactは設計や構造を考えられる人じゃないと
まともに動くモノは組めないからね
学習コストはAngularより低いけども設計力が必要

Reactに関しては得手不得手が分かれると思う
合ってる人なら即日使えるようになる
苦手な人は勉強しても駄目かもしれない

負の遺産が量産され続けてそう
数年後が怖いね

設計や構造を考えないで動的に動くview作ろうってのがそもそも間違いじゃね？
と思うんだが。

（汎用の）コンポーネントを作るという考え方で作れば良いんですよ。
そうすれば、全体を考えなくていい。

んなこたない。
部品で分けても結局どう繋ぐかって問題は出てくる。
だからコールバックを引き回すのかreduxみたいな一周するパターンを使うのか考えるわけだ。

まだプログラミング自体初心者だった頃に、個人で何か作ろうとしてみたりしてたときは、確かに設計なんかせずに順番に動くように動くようにプログラミングしてたわ。

reactもvueも適材適所でいいんじゃない？設計は別のレベルの話だろう。所詮道具なんだしさ。いやそれを議論するスレだったなw

大抵の人はjqueryを使う規模で十分であるが
jqueryで何か新しく書こうとなると辛い
そこで規模にマッチするのがVueになるからVueが人気

Angular覚えれば最強なんじゃね?

周りvue使う奴ばかりで俺だけReactだから取り残された感がある

>>499
react出来るならvueもすぐ覚えられるやろ

vueはreactの下位互換

>>501
どういう所に互換性があるの？

create-react-app がデフォルトなだけって気はする。

互換性はないけど枠組みとしては確かに似たり寄ったり

Jqueryで足りないとは例えばどんな動作？

>>1

Reduxって親コンポーネントに偽装してReduxのステートをPropsとして受け取る感じなんだね
慣れてくればそれほどstateと変わらない感じ