Next.js超入門 セットアップから Vercelへの公開まで VIDEO
>>88 いやいや今はSSGの次、ISRだよ
なんて言うのは簡単なんだけど、どうも胡散臭さが抜けないね
なんかひと昔のフレームワーク乱立時代の感覚と似てる
シンプルなものをシンプルに作りたいだけなのにって
技術的には延長線上にあるから、そこまでの乱立感はないかな
むしろSSRしかしない昔からの遅く不便なサイトや CSRしかしない最初の表示が遅くて重いダメなサイトが どちらも時代遅れでかつ利用者の体感悪すぎなことに気付かず大量に残っている現状を
SPAで構築するようなサイトはアプリのような動きを期待しているのに SEOガーとかそもそも話が合っていないんだよね 企業サイトみたいなのを無理やりSPAにするのがそもそもの間違い
俺の仕事だとガチのアプリ開発だから、 SSRとかSSGとか全く興味がない。 そもそもinstall以外でサーバー使わん。
そらもうCやRustで書いた超高速ネイティブアプリやろなあ
>>95 サーバーはサービスAPIだけだよ
UI要素はゼロだ
サーバは使わないけどAPIは使います。 日本語へのコンパイルエラーが出てるんだけど。
SaaSとかのサードパーティ製のAPI使うって意味じゃねえの? サーバーレスというワードと同じで、自分で管理するサーバーは持たないってだけなんだろ、多分
>>93 それは違う
SPA/PWAにするのはユーザーの体感向上と通信減少とサーバー負荷減少など総合的な目的がある
企業サイトでも何でもその目的で有利となる
企業に限らず検索によるトップページやそれ以外の途中ページ流入も欲しいのは当たり前
そしてSSRはSEOのためだけでなくユーザーの体感向上が第一だ
YouTube で有名な、雑食系エンジニア・KENTA のサロンの初心者用コースが、 Ruby on Rails, Linux, Docker Compose, Node.js(Webpack, Babel), Bootstrap VSCode(Remote Container, WSL2 ならRemote WSL), Heroku, CircleCI、データベース 今までは、Docker Compose までが初心者用コースだったが、 最近は誰でも、Docker出来るから、 AWS Fargate, Terraform, React, Vue.js, TypeScript が加わった EC2 ではなく、サーバーを管理しない・サーバーレスのFargate。 他にも、AWS サーバーレスのLambda, Aurora, Elastic Beanstalk など だから、AWSのくろかわこうへいのサロンにも、入る必要がある。 今では、1年の未経験者が、10年以上のプロよりも技術力が上になってる!
>>101 宣伝お疲れ
未経験が見てると思えないけどこれを浅く覚えても意味ないからな
フロントもバックも浅い知識しか持たない奴なんてお荷物でしかないから所詮インフラ要員止まりだろうしでしさっさとAWS一択に絞ったほうがいいよ
クラウドは正直Firebaseしか理解してない。青天井怖いもん。 VPSはわかるけど、フロント向開発者向けのナウでヤングなクラウドでは無いだろうし……
仕事なら別に金払うの俺じゃないし客からの指定が無い限りは99%AWSだよ 個人でAWSは確かに高くつくかもしれないが今はAWSでもLightSailやら 安いサービスはあるし、小規模なら十分安く抑えられそう
Fastly、Compute@Edge の JavaScript 対応を発表
https://www.fastly.com/jp/press/press-releases/fastly-launches-new-era-of-highly-secure-serverless-javascript-with-zero >Fastly は、セキュリティを考慮し、WebAssembly でコンパイルされた JavaScript から個々のリクエストに対してサンドボックスを生成または破棄する、独自の高セキュリティな分離技術を開発しました。
米国 RedMonk 社のアナリスト兼共同設立者である James Governor 氏は次のように述べています。"JavaScript は、最も人気のあるプログラミング言語で、普及が進んでいます。サーバーレス・プラットフォームは、新しい JavaScript のワークロードにとって自然な環境です。一方、パフォーマンスとセキュリティは依然として重要な懸念であり、速度は何よりも重要な要素となっています。攻撃対象が減り、コールドスタートがなくなることは、最先端の Web 開発者にとって非常に魅力的です。"
Fastly は Compute@Edge の開発者の体験向上に注力しており、最近ローカルテスト環境の提供開始を発表しました。これにより、開発者は本番レベルと同様の環境でテストコードを実行し、サーバーレス コンピューティング環境でスケールとパフォーマンスを追求しながら、問題の発見と修正を迅速に行うことができます。
企業が求めているのは、バックエンド技術者。
Rails, Linux, Docker, AWS、データベース
だから、AWSのくろかわこうへいのサロンにも、入る必要がある。
AWS Solution Architect 資格とか、この本を読むとか
Amazon Web Services パターン別構築・運用ガイド 改訂第2版、2018
サーバー構築運用は難しいから、Amazon はサーバーを管理しない・サーバーレスを勧めている。
EC2 ではなく、Fargate, Lambda, Elastic Beanstalk など
Amazon Linux, Aurora も管理不要。
Amazonがセキュリティー更新してくれる
>>102 KENTA は基本、マナブ・マコなりなどの高額学校などに噛みつく
>>101 の内容は、80万円も払わなくても勉強できると言うこと。
今は、200万円の学校をぼったくりと言ったから、業務妨害で訴えられている
KENTAのサロンは、日本6位の2千人も入っているから、
売名目的で、高額学校がKENTAを訴えてくる
古い技術者だから技術ってのは本と公式ドキュメント、時々現場で学ぶものだと思ってる。オンライン勉強会に参加することもあるけど、あれは知見を広げるってだけで身に付く勉強じゃねーわな
本は古い遅い検索できない どの言語もどのフレームワークも公式サイトがベスト 金を払うのはバカ
え、TypeScriptの本とか買わない? マジ?
なるほど、おまいらと差をつけるには本を読めば良いんだな!
本は有用だよ だけど悲しいことに、日本語で最近のweb界隈のナウい本をあまり見ない ハロワから毛のはえたくらいのしかコード載ってないしね 昔からある言語やアーキとかSQLあたりとかなら本もいいと まあ結局コードをgithubあたりからDLするってなるしね。。
確かに素人ぐらいしか釣れなさそうな公式マニュアルをかなり簡略化したような本は多いかも。出版社と題名見ればだいたいわかるけど。 言語とかHTTPとかRESTみたく歴史があって基盤になってるようなものは本に頼るなぁ。 スレタイにあるようなものは公式マニュアル頼り
やっと明日vuexとかいうゴミから解放される しばらくフロントはいいやw ところで、意識高い系の人は何に困ってあんなゴミ作ったの?w
reactは今の状態でもう完成形なの? さらに改善されそうな部分ってあるの?
RecoilはHooksに最適化されてるから遥かに使いやすいよな
ReactはHooksもあるしコマンド一発で環境作れるようになったし、 Vueは応援してたけどなんか迷走してるみたいだし 毛嫌いしてたけどなんかもうReact覚えればいいっぽいね
React.js Examplesってところで部品漁りするのが結構楽しい
オライリーのReactハンズオンラーニングって買う価値ある? すでに大規模ECサイト作れるくらいの実力はあるが
お、なんか良さげな本じゃん。いい事聞いたわ、サンキュ!
と思って目次読んだけど……これは……2年前に読みたかった内容だな
タイトルの4つでそこそこ踏み込んでてナウい本ある?
オライリーの本ってどれも初心者向けではないイメージ 全部読んだわけじゃないから個人的なイメージでしかないけど めっちゃぶ厚かったりするからねえ
オライリーの本はかなり信用できる。半端な本を5冊買うより価値がある。リファレンスとして手元においておきたい。 もちろん変化の速い分野だと陳腐化はあるけど、それは本という媒体の問題であってオライリーの問題ではないしね。
どれ使うかは好みだけど、Vueが迷走したのでデファクトがReactから揺らぐことはないのでは
フロントWASM化するまでReactのままのような気がしてる。
基礎から学ぶ Vue.js、mio、2018/5 React の古い本では、Stoyan Stefanov の、2015, 2017 の本がある
オライリーに求める様な事は公式リファレンス見ればいいからオライリーってあんまアドバンテージない気がする
アーキテクチャとかそういうレイヤーの本なら読む価値はあるけど、言語詳細とかは 今はもう本じゃ追いつかんだろ。
Angularで const user = { ...this.user, status } のような宣言がありますが、このthis.userの前にある3つのコンマってどういう意味でしょう?
失礼、自己解決 AngularでもTypescriptでもなくJavascriptの構文でした
>>139 restはあるあるやな
他言語から来た当初は俺も分からんかったわ
>>140 似ていますがrestではありません
spreadと言います
たまたま同じ...を用いますが明白に区別されています
...みたいな記号は、ググラビリティーが悪いから調べにくいんだよ。 そのような書き方は結局ネットだけでは分からずじまいになってしまうことも多い。 本だとまとまって書いてあるから読んでいるうちに出てくることがあるが。
>>142 どのプログラミング言語でも同じですが公式ページが最も良いです
正しい最新の情報がまとまって載っています
本では情報の不足があったり古かったりありえます
今回ならばJavaScriptの演算子なので
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators ここを見ると演算子の一覧が載っています
...objは展開記法(スプレッド記法)として詳細ページへのリンクがありますね
>>143 いや、だから...がJavaScriptの文法だっていうことすら分からないのよ。
特に今までバックエンド専門で急遽フロントエンドやれとか言われた場合、
Javascriptとか触ったこと無い状態でAngularとかVueとか始めるわけよ。
もうググりまくるしか無いわけだが、上で言われている通り記号演算子は検索しにくい
>Javascriptとか触ったこと無い状態でAngularとかVueとか 無茶しやがって…
>>144 AngularもVueもReactもプログラミング言語部分は全てJavaScript(またはその拡張のTypeScript)です
まずはJavaScriptを一通り勉強しましょう
プログラムコードでわからないことがあったら先程のようにJavaScriptの公式に情報が一番まとまって載っています
>const user = { ...this.user, status } 何気に二つ目のも新しい省略記法なんだよね。
GoogleChromeのUserAgentが段階的に廃止になる件について、Angularへの影響を確認したいです。 AngularライブラリでもUserAgentを使用していると思われるのですが、影響内容は公開されているかわかりますでしょうか。
今どきUserAgentなんか気にしてるのは お前ぐらいなもんだろ
バックエンドでも、Ruby on Rails では、 jQuery, Node.js, Webpack, Babel, React, Vue.js, Bootstrap も、知っているのが常識だけど
>>152 Rubyは不要
JavaScriptだけで完結できる
サーバーサイドだとORMで何度も型を書くのが面倒くさいのだけど、Prisma2とやらを使えば幸せになれる?
なんでRubyガイジだと一秒でわかってしまう文章なんだろうか
jsxをきもいと思うのはエンジニアの本能だよね jQueryの用に近い将来、技術的負債化しそう
jQueryはいうてもJavascriptやHTMLとしてvalidだったんよ。 Vueもそういう使い方もできる。 (俺はそういう風に良いjQueryとして使うこともある位) Reactは無理だからな。 jsxはコンパイラが絶対に必要という所が異常。
そもそも今の時代は生のJavascriptよりTypescriptを使うのが主流だからコンパイラ云々は気にしなくなった
標準のWeb Componentsだけで困る事が分からない、技術的に分断が起きてる気がする もちろんVueなどは親和性があるが・・・
標準のWebComponents使いにくいんだよね。あとリアクティブだと状態管理が単純化して設計難度とバグが減るのが大きい
JSXはやったことない人からみたらガバガバに見えるかもしれないけど実際に使ったらめちゃくちゃ厳格で 逆にガバイ書き方してるhtmlが許せなくなるよね
>>162 書けるのとそれが普通なのは別では?
特に関数コンポーネントとhooksが主流になってからは、もはやほぼ不可能だと思ってる。
JSXといううんこをひねり出さなければいけなかった理由が知りたい それを知ればReactが気に入るかもしれない
>>168 実際に書いてみたら分かると思うよ
JavaScriptの中にタグが書けるからと言って何でもかんでも許されるわけじゃないから
結構ロジカルな作りになってる
あくまでもマクロなんだから普通に書けるし、長くなるのが嫌ならエイリアス関数作って書けばいいだけなわけで……
むしろJSXは自由に書けない(分岐とか)のが使いづらさだという印象。 でもこの話題がいつも不思議で、JSXに嫌なところがあったとて、結論Reactでしょ なんで敢えてVue? React以降をしてるプロジェクトをよく聞くし、Vueがいいというのは単にサンクコストじゃないの 日本はVueのがひろまってたから、つまりざっくり言って国内業界全体として技術選定ミスったんでしょ
ちょっとreactはじめてみようとおもってドキュメントの最初の
hello world表示するだけのコードを開いてみたのですがレスポンスが悪くて勉強するか悩んでます
https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html reactで作ったものはどうしてもレスポンスが悪くなってしまうのでしょうか?
JSXを使わなければ少しはまともになるのでしょうか?
そのソースにコメントで書いてある通り、その使い方では遅いんだよ。 とりあえずnpmでcreate-react-appしてからレスポンスを語れ
reactってフォームが糞だったが 今はましになったかな
フォーム用のReactライブラリ使うとすげー楽だぞ
>>173 ありがとうございます。コメント見てませんでした。
コンパイル的な作業が必要になるんですね。
10年ぶりぐらいにWebやっていて、npmは使ったことがなく、
まだnpmのくだりはでてきてないので読みすすめて行こうと思います。
>>172 最初の読込みに時間が掛かるのは仕方ないと割りきらなきゃいかんが
ちゃんと作れば初回ロード以外のページ遷移は軽くできる
あとプロダクションビルドすれば初回ロードも多少速くなる
レンダリング前の画面が一瞬チラッとするのがムカつく事はあるけど、初回含め遅いと思ったこと無いなぁ。
Vueが使い込むと辛いことになるとか言われ始めてるけど そんなん言い出したらWeb技術全般がつr(ry
Reactは慣れてきたらコンポーネント定義が楽しくなってくる
>>180 3年前からAngular使ってるが、破壊的な変更や
根本的な概念の更新がほぼ無いので安心してる
一番辛いのが流行り廃りに翻弄される事だしな
もちろんマイナーだし今後は分からんけど
一つの意見として聞いてくれれば
Reactのが長いことやるのにいいと思うよ Vue使ってる会社は、騙されたと思って書き換えた方がいい したら意味わかる メンバーも喜ぶ
破壊的な変更で人がゴッソリ減ったのがAngularなんだが
version5以降くらいからの話じゃない?知らんけど
ずっとAurelia使ってるけど情報が少ないことと2が出るまでバグが放置されてること以外は辛くないな
そりゃ辛そうだな… 金と女に縁がないこと以外は幸せ、みたいなw
人の気持ちが分からなくてすぐ手が出ちゃうだけで根はいい子
Material-UIがいつの間にかv5になってた スタイルが書きやすくなってるね
Webpackがわからんレベルならそこからまとまってて最近充実してきた書籍を買う。そうでなければ、公式のドキュメントを読む。そして何か(ベタにToDoアプリとか)作ってみる。 クラスコンポーネントで解析してるようなものは慣れるまで避けろ
Webpackって分かりにくいけど 今後も生き残るものなのだろうか?
仮にWebpackが死んでも似たような物に変わるだけじゃね? ECMAのimportだけじゃminifyできないし
Webpackは出来るだけいじらないようにして Webpackの時代が終わるのを待ってるかんじ 必要なら当日するけど 其処まで踏ん切りつかん状況
似たような後続はあるにはあるが大幅に良くなることは無いしなぁ nodejs自体から変わらないと革新的なものはでなさそう
Webpackは設定ファイル書き書きするだけでそんなに難しくない。ただバージョンアップで苦しむこともあるし、0からReactと並行して始めると辛いので本の導線があると楽かなって思う。
押しつけの難解な設定より 普通のコードで設定書くほうが良いんだけどな そんなのなかったっけ?
押しつけじゃない簡単な設定ならもっと良いんじゃない?
今の主流ってzero-configだしな あとコンフィグなんて基本は使い回しよ webpackがrollupがesbuildがーって頭悩ましてる記事とか見掛けるけど そのあたりのファイルを現場で直に触ることなんてほとんどない
そうか? ターゲットとか指定したいし、ライブラリ入れたら弄らないと駄目なこともあるくね?
>>205 そういう場合も特定の人だけが触るからな
ざっくりと何をしているのかが分かっていれば十分よ
ターゲットやバージョンもほぼ固定だし
弄らないとダメなライブラリはよっぽどの理由がない限りは選定されない
個人やフリーランス、めちゃくちゃ裁量権のある立場は知らん
LaravelMix使うとwebpackの設定は割と簡単に書けるからオヌヌメ
>>206 ざっくり理解すれば十分ってのは同意。よほど踏み込まない限りWebpackも難しいものでない
Laravel使う現場って実在するのかよ プログラミング教室でしか使わんだろと思ってたわ
ParcelでWebpack要らなくなるとか言われてたけど結局こんなもんだな。
laravelは割と主流派だぞ。 laravelmixは信者しか使っていないと思うが。
ホームページ屋さんが頑張って使ってるミドルウェアな印象
おまえらPage Insightの結果はどのぐらい当てにしてる? SPAは評価悪くなるよな 評価上げるためにリファクタリングするのに疲れちゃったよ
>>214 SSRとハイドレーションやろう
サイトによるがそもそも気にしないという選択肢は十分あり
CSRだけだとページ表示ユーザ体感が悪すぎるしSEOも不利なので一般向け情報ページならば SSR/SSG+プログレッシブリハイドレーションが良いでしょう
規模によるとしか 旧来のサーバーサイドのルーティングで十数ページに渡るような内容をSPAにしてCSRにした場合等はえらいことに まあ継ぎ足しロードとかにするんだろうけど
そこまでするならそもそもSPAという選択が間違ってるような よくあるコーポレートサイトやブログってSEO命なのにそれを犠牲にするってのは本末転倒
それはそう コーポレートサイトやブログのようにほとんど変化ない情報が掲示されるようなサイトはSPAの恩恵はほとんど受けられず悪い影響は被っていいとこない 向き不向きあるとは前から言われてたのに人は金づち持てば全部釘に見えるようで…
逆にログインして操作する業務システムでSSRはあんまり意味無いと思うんだがやりたがる人結構居る、
単純にSEOとページインサイトを考慮するならspaじゃなくて静的ページジェネレーターがベストだろうね 動的サイトとの間をとってgatsbyとかで自動化するのが今風な感じする
>>221 逆にSPAを知らないんだろうね
何ができるか
なぜSPAなのかを
Nuxtはじめた^^ なんか注意事項とかあったらレスくださいね^^
>>222 Gatsbyやってみたけどなんか…
電球一個取り替えるのに椅子に乗ってその椅子を4人で回すみたいな大ごとになってなんだかなぁと思ったわ
それほんとにGraphQL介す必要あるの?とか
草 俺はなんかしっくり来ないなと思ってNextに行った。まぁ最終的には同じような事するわけだが
react周りserver componentsだっけ? なんかそういう頑張って良いとこどりしようとしてるけど、 開発者が追いきれてない感じがして混迷しつつあるように見える やりたいこととやり方はわかるけど、結局自分らがどう選択していくの?がまとめずらい 選択肢が無尽蔵に増えそうで二の足を踏み続けそう
○ 俺が追いきれてないので気に入らない ○ やりたいこともやり方も分からない ○ 俺が二の足を踏み続けている
>>229 マジか、みんな迷わず選択できてんのか。。
素直にVueやっとけばいいのにな 対して難しい事しなくてもやりたい事は大抵出来るし 新参にも教えやすい
そういう用途だとSvelteの方がよくね? と思ったけど、情報とか使える人が少ないかな?
結局全部試すくらいの覚悟がないならフロントフレームワークなんて使うべきじゃないと思うよ
今はある程度選択肢は固まってるし まあReactで、と言えるだけ随分楽になったよ ただ、根底にある思想みたいなのは スレタイにあるvue,react,angulaのどれも共通部分が多いよ 実装が違うだけで結局やることはそう変わらん
個人的にはApollo clientでの状態管理が一推し
SPAでもそんな複雑な管理をクライアントでやったりするのかなぁ
SPAではせざるを得ないってとこだよね 本来は誰もやりたくない
ただ小規模なサイトであっても何かしらのフレームワーク使う事が大前提になった。以前のもメンテはするが
JWTやマイクロサービスを踏まえるとクライアントで状態を持つのが前提になってきてるもんね クライアントでの状態管理は必須
Reduxは最近出ているReactの技術書では全く取り上げられなくなったな
狂信者はいるけどみんな大嫌いだったもんな Context APIで全部解決出来れば楽なんだけどね 選択できる自由があって贅沢な悩みではあるけど
useCentextよりもRecoidの方が明解でいいと思うけどな
このへんはredux一強から戦国時代に入った感じかな。大勢が決まるまでは情報収集しつつ様子見。
このままrecoil一強になってreduxの息の根止めた方が世界の為 Reduxのあれをするにはあれやこれやが追加で必要でもっと勉強して下さいとかニートじゃないと対応出来ないって
Reactの入門ググったら未だにRedux Toolkitとか勧めてる輩いるもんな
ReactってTypescriptじゃないと人権ないの?
typescriptはjavascriptに吸収されるんじゃね
使ってない、RESTで事足りてしまう。 いつかGraphQLがバシッとマッチする用途でシステム組んでみたい
RESTの倍ぐらいSQLクエリ走るの見ると使う理由あるのかな?って思っちゃう リクエストは減るんだろうけど プロジェクトによるんかね
聞いてるとRDBと相性悪そうだね ドキュメント型DBならどう?
GraphQLの好き勝手なクエリに対応するのはドキュメント型じゃかえって厳しいだろ。
カラム指向DBって最適化の方向が違うだけでデータモデル的にはRDBと変わらんじゃん。
>>257 TypeScriptの型は少量で滅茶苦茶雄弁なコメントみたいなもの。おかげで新しいライブラリもサクサク使えるし、バグに震えることなく安眠できる。
>>263 どれも一長一短
テーブル結合ではなく複数のサービスからのレスポンスをjoinする目的の物だからどんなデータベース使おうが総クエリ数は増える
ただマイクロサービスには最適だしフロントエンド開発も楽
GraphQLに合わせるんじゃなくて各サービスに合わせたデータベースの選択が最適解じゃないかと
>>268 どこで妥協するかだけの話
普通の強い静的型付け言語をしてきた人たちから見ればTypeScriptはヌルくて甘いとなるし
型なし言語をしてきた人たちから見ればTypeScriptは面倒くさい
公平に見ればTypeScriptは中途半端な妥協の産物
>>269 あとは更新よりも読み出しが多いケースならば
読み出し毎に各DB各サービスに問い合わせるよりも
読み出しに合わせた複合DBを保持してそこも常に更新維持するなど
無駄なクエリを減らして高速化の方向もありますね
TypescriptはAltJSとして生まれたもの 実際JSより格段に安全に組みやすくなったしそれで十分 TSが選べる環境ならJSを使う理由は一切ない 生のCSS組んでる奴なんてとっくに全滅してるやろ
>>273 Wasm上でのフレームワークも進化していてJavaScriptを使わずにフロントエンドが組める時代になりつつあるので
中途半端な立ち位置のTypeScriptをいずれ使わなくなるかもね
というか他の言語使おうが結局DOMを触る必要があって、余程上手にラップしないとJS的なフワフワ世界に突っ込む上にオーバーヘッドが出る。それなら最初からTS|JSでええやんってなる(なってきた)。 今後のことはわかんないけどね
wasm自体が未完成だから未来の覇権は誰にも読めない それこそTS→wasmが可能になってるかも知れんし
TS使っても現状anyだらけで、意味あるんかいなって思う
>>278 そうはならんやろ……。たまにas使ったりはするけど
>>275 既にWasmだけで完結できるようになっている
JavaScript部分はWasm呼び出す固定コード
>>276 もちろんDOM操作のみだとVanilla (生JavaScript)がWasmより速い
ところがDOM操作以外の処理が多いと逆転してしまいWasmが速い
さらにVanillaではなく仮想DOM系フレームワーク(ReactやVueなど)と比べると実DOM操作以外の処理が多いためWasmが圧勝になっている
ベンチ
https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html を見ると素のJSが一番速い
ついでなんだかよく分からんフレームワークを2つ挟んで、
solidっていう非vDOM系のJSフレームワーク、
ついでやっとwasm-bindgen
wasm-bindgenってのはRustでwasmやる基礎ライブラリだからフレームワークまで行かない(素で使うのはキツイ)
Rustスレでドヤ顔で貼られてたdominatorってフレームワークはそれよりずーっと右(遅い)
DOMのAPIがwasm側に提供されてない現状でUIフレームワークにwasmベースのものを選ぶのはバカのすること
DOMの関わらない演算ヘビーな処理に特出しでwasmモジュールを使う、といったやり方が当面は賢いだろう
>>282 ありがとう。
しかしえらいプリミティブな内容だな。
並んでるフレームワークも機能がバラバラ過ぎてWasmが速いとは一概に言えないよ……。
てか普通にVanillaが最速じゃないか
>>282 Reactがあまりにも遅すぎなんだな
しかしそれでもReactがこれだけ使われてるということはDOM操作の速さは気にしなくて良いってことか
つまりWasmでも全く問題ないという結論になってしまうな
>>286 いや、ベンチマークテストの内容見ればわかるけど、Reactでそんな処理しないだろみたいな内容あるよ。苦手な処理がいくつか刺さった感じ。コードの小ささに降ったPreactより結果が悪い事からもそれが読み取れる。
遅いWasmで問題無いという結論の持って行き方もちょっと筋道立ってないように感じる。
どういうDOM操作を行うかあらかじめわかっているならよけいなオーバーヘッドがないvanillaが速いのが道理だけど このベンチマーク自体はどういう意味があるんかね。
>>287 なるほど
Wasmで問題ないと思ったのはそのReactの件だけでなくて
素のJSであるVanillaとWasmの差がわずか6%しかない点も含めてそう思った
DOM操作のオーバーヘッドがあるからWasmは使えないという意見が嘘だと分かったことが大きい
そうなんだよ DOMの操作でのWasmの不利は誤差範囲 もちろん歴史の深さの差があるから今すぐではないけれどTypeScriptの天下は長く続かない可能性大
wasm使ったWebアプリが未だに実用的に見たことがないんだが
バニラJSはえぇえ やっぱ最強のフレームワークやな
>>289 あぁそうか、Wasmに速度を求めるわけでなくてオーバーヘッド食ってでもJS|TS以外の言語で使いたいって視点なら、それはそうか。
まぁでも、まだまだこれからだね。
現状では他の言語使うモチベーションがフルスタックフレームワークぐらいしか無さそう。
>>294 SSR/SSGをCSRと同一コードでDOM生成(HTML生成)させる言語も
JavaScript/TypeScriptよりRust等の方が圧倒的に速くてサーバーコストも下がりそうね
もちろん強力な静的型付け言語を使えて今よりさらに開発効率と質も上がるメリットもあるけれど
流石にRustでWeb系を書きたくないなぁ(パフォーマンスが求められる局所なら良いけど)。平衡して考えなきゃいけないレイヤーが増えすぎる。 静的型付け言語のメリットはTSで十分補えてるから俺は要らないかな。
c#でいいじゃん VS使えばアホみたいに簡単に作れる
流石にC#で作るとオーバーヘッドが半端ない事になるなぁ
.NET, Web, Flash...!! Silverlightは死んだんだ いくら呼んでも帰っては来ないんだ もうあの時間は終わって、 君も人生と向き合う時なんだ
Silverlightは死んでもいいけど光るちゃんは残して
ブラウザ自体が根本的に変化しないとこれ以上は無理やろ 結局はDOM JS CSSが最小単位でフレームワークが力技で現代風な開発環境を整えてくれてるだけだし
ブラウザは頑張ってるよ。あんな複雑なアプリケーションなかなか無い。現代的な開発環境ってのは常に変化するからいちいち対応してたらブラウザのさらなる肥大化を招きそうに思う。 鳴り物入りで導入されたWebComponentsに関しては妙に使いにくくなっちゃったね感はあるけど……。
へーーWebComponentsってどの辺りがダメ?
継承やShadowDOMとかでコードが長く複雑になって気軽にコンポーネントを作りにくい。 気軽に作るのに役立ちそうなtemplateタグがHTML importが無くなっちゃった関係で疎結合化し難く使いにくい。 他にも使っててなんかあったけど忘れた。 まぁその代わり強力なカプセル化出来るし、ネイティブだから速いしどこでも使えるとかって利点も強いけどね。
>>308 普通React使ってるだけだから良くわからんけど、
WebComponentsってネイティブとか関係あるの?wasmじゃなくて?
いずれreactがラッパーになりそう ある意味なってるのか既に
>>309 DOM APIのラッパー=jQuery
WebComponentsのラッパー=React
ユーザの権限管理とか、セキュリティとか、スケールするシステム構築とか、キャッシュ管理とか、データ破損に備えたりとか、いっぱいあるんじゃね?
>>314 あるねーー
クライアントにlogic持ち込みたくないわー!
バックエンドこそSPAの根幹でしょ いわゆるホームページならSPAだけで成り立つけど
>>313 こいつの作ったSPAはセキュリティー保ててんのか?
dev toolsでゴニョゴニョしたら
見えちゃいけないものも見えたりすんじゃね?
まぁFirebaseとか使えばセキュリティとバックアップの類以外はフロント側に持ってこれるけど
SaaS使ったところでバックエンドのロジックをフロントエンドに持ってくる訳ねーだろ どんな設定だよ
>>320 究極的にはフロントエンドで直接DB読み書きリクエストしてロジック全てをフロントで持つケースもある
現実のサービスのほとんどが様々な理由でその体系を取っていないというだけに過ぎない
・企業サービスロジック問題
・セキュリティ問題
・効率問題など
>>320 お前が知らないだけ
フロントでロジック組むシステムはいくらでもある
作れるのはもちろんそう ただバッドノウハウで 作ってるやつがバカというだけ
FirebaseのFirestore使うとクライアント側でDB(非SQL)のコード書くのよ。セキュリティルールと特殊なケース(Cloud Functions)だけサーバ側に書く。 ここに来る連中ならFirebase知ってるかと思ったけど意外と知名度低いのね。
>>326 フロントのコードは改変実行される前提に立たないといけないからセキュリティ関係だけはサーバーで持たざるを得ないね
あとは公開したくないDBや公開したくないロジックがある時
それと複数DBアクセス多くて効率悪い時で例えばGraphQLなど挟んで解決
デスクトップアプリだって解析されれば同じ話 webだろうがなんだろうがサーバー側とクライアント側で独立したアプリケーションが動くだけ
>>327 Firesroreはセキュリティルールをかなり複雑に書けるからユーザIDをごまかす手段がなければセキュリティ関係もフロントに書ける
DB自体に権限情報を持っておいてそれに従った読み書きができる
正直ルールがややこしいし普通にサーバサイドに置いたほうがいいと思うことも多いが
Firebaseエンジニアになりたいん? おれ(´・д・`)ヤダなーー
外部サービスに依存しといてバックエンドは必要無いとか笑うわ そもそもfirebaseっていうバックエンドを使ってることに気づいてないんかな
>>329 それはサーバー側で頑張ってくれている、と同じ
出来るよって話しただけだよ。別にならなくても良いよ
ログインありならログイン等認証サーバは必須としても そのサーバ自体にはここで言うロジックは直接関係ないので他は全てブラウザ側というのは可能だし実際にあるよね
>>313 POSTを受け取ってJSONを返すんだよ
>>318 まぁ無くなるって事はないだろうけどGoogleだけしか提供してないインフラに頼るってのは一抹の不安があるなぁ
できるかできないかの話だったからできるよって話しただけなので、皆好きなもの使えば良いと思うな
フロントにDB置けないかなと真面目に検索した事はあるけどな 一時的なキャッシュ程度でもいいから 結局データ自体壊れる事がある(特にsafari)のが分かって全面的に諦めた
ブラウザのキャッシュストレージを1サイトで100MBとか使ってもいいものなのか? みんなが使いだしたらやばいよね
そんなん保守として扱いきらんやろ、エンドユーザが少数で決まってるならともかく
キミたちは最先端でかつこの世に数少ない貴重なSPAフロントエンジニアなわけだが当然年収は1000万超えてるよね? 安売りしてる奴がいたら今すぐ転職して1000万未満は断ってくれ
>>340 SPAてかWEB自体が最先端でも何でもないよw
アプリもWEBも単にフロントでしか無いし
最適な選択できる人はどんな時代でも給料も高いと思うけどね
現実社会では多重下請けの末端の派遣がプログラミングしてることが多いから 貴重でもなんでもないんだなw
これは完全に偏見なんだけど、ITドカタと言われると多重下請け業者が集まる出向先で、社内向けシステムをJavaとか.NETとか使ってドリンクガブ飲みしつつ作ってるイメージ。 いや、流石に古いか
ただ常に人手不足なのは確かなんだよなあ こんな時代でも仕事には困らんから幸せなんだと思う ITは確かに体力勝負の土方ぽい部分もあるけど、学ぶ環境も稼ぎ方も選択肢が多くて恵まれてる方だよ
SPA/PWAに時代が変化したことで ちゃんとしたプログラミングが出来ない旧フロントエンドの人たちがついていけなくなったり フロントエンドを食わず嫌いしてたサーバーサイドの人たちが一部関わらざるを得なくなったり Web界だけに限っても大きな変化が起きつつあるから
アプリは顧客に使ってもらうから画面が命 バックエンドエンジニアやこれまでの古いタイプのプログラマーたちは、画面にあるべきボタンやフォーム類が正しく配置して正しく動作させることができない こんなゴミどもにフロントを作らせることは不可能だ 美しく60fpsを超えるインタラクションやアニメーションとかどうあがいても作れないよな
昔よりアニメーションは簡素化と(ライブラリの助けもあって)デザインの統一が進んでる。16ms毎に処理呼び出してた頃に比べれば雲泥の差。ある意味ではとても楽に、ある意味では大変になった。
>>351 もうゴテゴテにアニメーション効かせればいいって時代でもないんだがなぁ
>>353 その程度の思考しかできないから安月給なんだろうな
ゴテゴテなんて誰も言っていない
Material Youすら理解できないだろう
インタラクションの何かも理解できないならフロントやめたらどうかね
まあクソアニメーション動かすだけのサイトだったら阿部寛のホームページのが100倍価値あるわな。
フロントエンドしか作ったことないひとってこういう極端な考え方するよね 知り合いのデザイナにもいるわ
>>358 そんなゴミみたいな奴ってここにいるのか?
バックエンドもDBも普通にできるわ
むしろできないほうがおかしい
Appleがフラットデザイン推して10年経ったが、すっかり浸透して今更フロントのデザイン揉める事もほぼ無いけどな 常識的に分かるでしょって最低ラインはどのライブラリもカバーしてるしむしろ下手なもん作る方が難しい
フラットデザインに関しては、ボロクソ言われながらもしつこく普及を頑張ったMSが先駆者だと言わざるを得ない。 個人的にWindows8のデザインは衝撃だった。
SignalrRとかWebSocketのUI側テストってどのようにやってる? 双方向通信のコネクションはった後プッシュ的にサーバから送られてくるデータのテストで悩んでる。 テキトーなボタンつくってぽちぽちするとデータ流し込むのを作ってるけど何か違う気がする
>>364 なんのテストかによると思うが
あと自動化はするべき
SPAの方が好きだが SPAで頑張るとjsの逆汗等でリバエンクラックされやすくなるリスクは増えるんじゃね
>>366 秘密ロジックだけフロントに持ち込まなければ大丈夫
あとはフロントでもWasm使えばネイティブアプリのバイナリ配布レベルと同等になるかな
なんだこの低レベルスレ クライアントのjsなんてクラッキングし放題だろ Firebaseアプリがクラッキングされまくってんの知らんの? wasmにしたって一緒 バカじゃねーの?
一応Firebaseの名誉のために言うと、Firebaseがクラックされるのはあんだけ警告されるのにセキュリティ設定をガバガバにした奴が悪いのだ
firebaseに問題があったとしてそれJS関係なくね
置いたユーザに落ち度がなくてクラックされたことってあるの?
firebaseの責任ではないけど 穴のある設定にしがちなユーザと適切に警告なり検出していないfirebase双方の未熟さが合わさって起きた事件があった 特にFirestore周り だったと記憶してるがゴメン正確にはググって
いや、普通にフロントとバックくらい両方やるだろそんなところで役割分担とか無駄でしかない
分業と言えばデザイナとの付き合いは変わったね 今でもdreamweaver使ってる現場ってあるのかな 10年前から追いかけてないが今でもCCに入ってるの見ると需要はあるんだろな
秘密ロジックってなんすか?秘密データじゃなくて? wasmにしたって一緒なのはその通りw 低レベルスレww
Google謹製ソフトウェア使っとけばセキュリティ問題が自然と解決すると思ってたり mBaaS使っときながらバックエンド必要ないとか言ってみたり バイナリがデコンパイルされること知らなかったり そのくせフロントエンド開発者はバックエンド開発者より上だとか言ってみたり なんか色々と察してしまうわ
なぜかフロントだけがセキュリティリスクあるみたいな流れ
これより一子相伝、門外不出の秘密ロジックを伝授する!用意は良いかケンシロウよ!
型はいらない派も笑うよな 小規模プロジェクトしかやったこと無いのが丸わかりで 一人でシコシコ最強秘密ロジック書いとけって話
仕事でvue使ってるけど自由すぎてしんどい angularのがライフサイクル固まってて間違いないように見えるが不人気なんだよな
vueうちの会社でも使ってたけど、 一覧生成とかをvueにして基本Jqueryと併用したほうが早い からの、結局Jqueryでいいになって 今じゃ使われなくなったわ
>>389 俺もangularの方が好きだよ
色んな意味で最初抵抗あるのはよく分かるから仕事じゃ無理に勧めないけどね
let $ = document.queryselector;とかこの業界まだやってんの?
>>388 いらんでしょw
javascriptで書けませーんwとか言いそうw
Intへの変換とDecimalへの変換とStringへの変換のメソッドつくっときゃ一緒やで
一体いつjQueryの利用が減少に転じるんだろうね
まだjQueryの利用者は増え続けてるからね
現在78.3%、このペースだと2年後に80%超えても不思議じゃないな
https://w3techs.com/technologies/history_overview/javascript_library/all/y レベルが低い奴がいたっていい。山が高くなるには裾野が広くなくちゃいけないからな。 それにレベルが低くたってC#おじさんとjQueryおじさん、あるいはフロント見下しおじさんがスレ違いの事ばかり言ってるのに比べれば100倍生産的なんだなw
>>388 一般的に秘密ロジックとはセキュリティロジックやビジネスロジックのうち公開したくないもののことだね
それをフロントエンドに持って来ると難読化でもバイナリ化でも解読されうるからサーバーサイドに持つという話かと
だから全てをフロントエンドに持ってくることはなくサーバーサイドに少なくとも秘密ロジック部分が残るという話の流れと理解
サーバーにあるべきロジックが いくらSPAになったとしても クライアントにもってこれるわけねーーだろ! ってはなし
それ教えてあげてもフロントエンド開発を見下してるとか言い出すしな 訳がわからない
オープンソース隆盛の時代に、秘密ロジックおじさんの長文ってなんで言い訳に聞こえるんだろ(笑
フロントエンドは「データ取ってきて表示する」ぐらいにしとかないと破綻するよ 何でも出来るから何でもして良いってわけじゃない
リスクとパフォーマンスを天秤にかけて個別に判断するだけ SPAがどうとかぶっちゃけ関係ない
いまエンジニア転職市場ではまともな開発ができるSPAフロントエンドエンジニアが求められている なぜならどの業界もエンジニアが欲しくてたまらないから しかしフロントエンドエンジニアは圧倒的に少ない 安売りするなよ
日本のゴミのようなシステムのフロントに変革をもたらすんだ
reactはhooksのおかげで価値が数倍になったな よくjavascriptにこんな機能乗せたもんだ
無い無い。ちょっとでも複雑なもの作るならReactの方が断然楽だし、ドシンプルなもの作るならバニラJSの方が良い。 jQueryは環境に付属してる場合以外、積極的に採用する理由はない。
>>419 バニラJSを使うことってあるんですか?
そのバニラJS vs jQueryで比較しましょう
Reactがダメな所はバニラJSと組み合わせられないところなんだよな
ReactはJSの上に構成されているので組み合わせれるも何もないよ。それとややレアケースではあるけど(仮想ではない)生DOMとも組み合わせられるよ。特殊なイベントを扱いたい時にcurrentTarget経由で使ったりとかね。
>>415-415 youtuber ですねわかります
バニラJSを使うような人は、jQueryを使ったほうがいいだろうな 開発しやすさが段違い
>>394 let $ = document.querySelectorAll;だろ、、常考
日本はreactとvueの分断が酷いね またガラパゴス化してしまうのか
日本だとvueが人気って嘘だと思うんだよな 日本のツイッターの言及数でもreactの方が2、3倍多い
>>435 それは二年以上まえの話
既に逆転してるから
世界で比較するとvueが結構reactに迫ってるんだな あくまでgoogle trendでの比較だけど USでも倍か。もっと差があると思ってたわ Angularはまあ、安定してるw
Vue良いぞ。Reactも良いけど、フォームアプリとなるとつい俺はVue選ぶ。 あと、jQueryで良いような小さいツールでもDOMいじりしたくなくて、コンパイルせずにVue使ったもできるのかVueの強み。
>>436 日本でReactとVueが絶賛競い中だな。2020年末ぐらいからは若干Reactの方が多いし増加傾向に見える。
中国といえばVueというイメージあったけど55%か、意外と少ない。
>>438 USだと4~5倍差に見えるんだけど、俺は見方を間違えてる?
未だにvue押してる老害がいるから日本はガラパゴスって言われるんだよな
react一強ですな 日本のエンジニア求人も一年前からreactに傾いてます
日本のWebフロントエンドはまだガラパゴスにすらなって無い
vue.js 日本ユーザーグループが、3千人だろ YouTube で有名な、雑食系エンジニア・KENTA の、 転職用Ruby on Rails サロンは、月千円と有料だけど、3千人 単に、1人の有料サロンと同数w
そもそも日本のバックエンド人口とフロントエンド人口が圧倒的な差がある ガチフロントはバックエンド100に対して1すらない
でも、最近のKENTA のサロンの、 Ruby on Rails 初心者用コースには、フロントエンドも入っている Rails, Linux, Docker Compose, Node.js(Webpack, Babel), Bootstrap VSCode(Remote Container, WSL2 ならRemote WSL), Heroku, CircleCI、データベース 今までは、Docker Compose までが初心者用コースだったが、 最近は誰でも、Docker出来るから、 AWS Fargate, Terraform, Vue.js, React, TypeScript も入っている だから、AWSのくろかわこうへいのサロンにも、入る必要がある。 今では、1年の未経験者が、10年以上のプロよりも技術力が上になってる!
>>447 フロントしかいじれない人とか需要ないよ
よくいるワードプレス屋さんみたいな人だろ?
Preact使ってる人はどれくらいいるのかな? Reactの大半の機能が使えて十数KBくらいのフットプリントで済むから気に入ってるけど
以前遊びで使ってみてこれでいいじゃん!ってなったけど外部ライブラリの対応で死んだ
>>450 お前がバカだから知らんのだろう
このスレでwordpress屋とかほざいて脳みそ大丈夫か?
>>452 preact/compatでは駄目だった?
>>454 普通のjsライブラリはそれで良いんだけどReact系のライブラリだと型が合わなくなるでしょ
その対応がめんどくさくてreactで良いやーって
今は楽に行けるのかもしれんけど
>>455 preact/compatはReact依存ライブラリ用だぜ
ややスレ違いなんだけど、みんなクラウドでREST生やすときは何使ってる? LambdaとDinamoDBとか?
>>458 いやapiは互換だけど型はそれぞれ違うじゃない?
>>460 う~ん、TypeScriptで使ってるけど特に問題なかったけどな。昔はそういうのがあった、とか、ライブラリによっては影響が出るのかな
>>461 2、3年前の話だしね
軽くて最高だーとノリノリでいつくかのライブラリの定義して力尽きた
今は型定義整ってきてるとは思うけどね
追ってないから分からないけど
>>459 ぼくはCloud Functions!
でもクラウドよりVPS派!
Vueの方が直感的だしこれを理解出来ないなら今すぐ引退したほうが良い reactはjsxがキモい
Javascriptのくせにコンパイルとか勘違いしてるよな正直
>>463 正直俺もVPS(Linux)の方が慣れてて楽なんだよね。
クラウドだと可用性でメリットあるかなとか思って使い始めたけど、止まる時は何使ったって止まるわけで、スケールさせる事とか考えなきゃVPSで十分かな……
そのスケールさせるのがVPSだと一番大変なわけで・・・ VPSでスケールできたらいいのに
>>465 2000年代に基本情報とか勉強して世代ならジェネレートじゃんって思うよね
オーケストレーション前提でまずはスケールアップできるVPSで良いんじゃない?
あまり詳しくないけども。 K8s使うまでもなくnginxをロードバランサに使えばロジックはスケールしない? スケール面での問題はDBだと追うんだけど
あとスケール前提で組もうとするとスモールスタートにならないという問題もあるな その点googleとかならヒットしなかったら無料でいける
おまいらインフラまで担当してるの? その辺はインフラエンジニア任せだ
GCPやAWSは基本的にインフラをGoogleやAmazonが提供していて アプリケーションエンジニアはそのインフラを使うものだよ GCPやAWSを知らずしてクラウドアプリは開発できない
>>475 趣味とか勉強でバックエンド欲しいときあってインフラもやるやん?
そゆことやってると多少詳しくなる
>>477 開発環境くらいは構築出来るけど
本番やそれに関するjenkins等の設定は完全にノータッチだな
本番でJenkinsなんて今でも使われてるの? Jenkinsの開発者は今はTerraform作って業界標準くらいヒットしてるけどビジネス展開してるだけあってTerraformは24hサポートとかも付けられる 対してJenkinsはもう放置状態でもともとサポート付けたビジネスも展開してないでしょ? トラブル時不安じゃないの?
>>479 素人さんかな?あちこちの現場いけばわかるよ
なるほど派遣で回ってる現場ね そりゃ環境古臭そう 秀丸でコーディングしてそう笑
>>481 独立して法人成りしたコンサルだよ
現場に席もらっても常駐はしない
日中は外出多いし
そもそも請負だから
ぶっちゃけ自分で環境構築できないような奴にはフロントフレームワークとか使いこなせんやろ
>>296 なんて言ってたけど、最近Rustでバックエンド書いてみてわかった。ちょっと面倒くさいしとっつきにくいとこあるけど、意外と生産性高い。
記法や思想でモダンJavaScriptに近い部分もあって、書いてて妙にしっくりくる。C#よりはるかに書いてて気持ちいい言語だわw
>>485 同感
全く似ていない言語なのに
Node.jsでの心地良さがRustでさらに心地良く感じてRustを気に入ってしまった
どっちも関数型言語の考え方を取り入れているから似ていると感じるのは自然な気が
Javascript知らないしコールバック見ると吐き気がするんですが異動で来年度からフロントやらされることになりました… まだ何使うか決まってないから取り敢えずなんかフレームワーク勉強しとけって言われたんですが、、vueとReactってどっちが勉強のコスト低いですか? PythonとC++ならやったことあります
javascript知らないならまず生を勉強しないとreactとかおまじないだらけに見えるぞ
angulerなんか使われていないからやめとけ
>>488 たぶん挫折する
javascriptもバックエンドからみたらなんじゃこれ?みたいになる
コールバック地獄はもうないけど
Reactも初めてみたらワケわからんだろうしコンポーネント思考でデータストリームで何度もレンダリングされるとか、コンポーネント増えたらバケツリレーどうすんのとか
何よりバックエンドエンジニアが最も苦手なhtmlとcssがjsxとstyle Componentとかでjavascriptの中に入ってくる
cssできなかったらデザイナーと共同作業になる
>>488 まずここで現代のJavaScriptを学べ。
https://jsprimer.net/ とりあえずの生産性を求めるなら古いJSを知る必要はない、混乱の元になるだけ。
モダンな言語使ってれば高階関数は使ってるだろうし、現代のJSならコールバック地獄になることは(余程設計が不味くない限り)無いから安心するといいよ。
あ、C++使えるのか、それならJSは簡単に感じると思うよ。
>>488 コールバックってクロージャだぞ
クロージャを見ると吐き気がするプログラマーなのか
クロージャの理解ができない?
Nuxtをずーっと今まで「ぬくすと」って読んでましたごめんなちゃい
>>495 じゃあ何?
大昔からC言語ですら関数のポインタ渡しは普通に行われてきたし
吐き気がする意味がわからない
コンポーネントと再レンダリングとjsxとcssとかもろもろキモいだろ こんな言語とフレームワークは他にはない
そのへんは単に思想の違いだから。 安い挑発には乗らないよ
コールバックで吐き気って、関数を関数に渡すのが意味わからんとかってことじゃね? そのレベルだとフロントかなりきつい気がするけど
高階関数や関数型プログラミングが嫌いな人たまにいるけど 狭い世界でしかやっていけないプログラマーだね
一昔前のコールバック地獄知ってるんでしょ あんなスパゲティコードみたら誰でも吐き気するって 他人の書いたそんなコードとか読みたくも無いわ あ、お前ら一人で書いてるんだったね ならお好きに
>>502 コールバックとコールバック地獄は全く別の話
一方でJavaScriptは継続渡しプログラミングとしてもコールバックを多用してきたがそこには非同期プログラミングも許容する柔軟性こそJavaScriptの強みの一つ
もちろん同期プログラミングしかできない人はasync/awaitのみによる限定的な使い方に徹するしかない
例えばその元となる非同期にresolveやrejectをするPromiseを返す関数などを自分で作れないだろうから
JSに慣れてくると非同期前提の設計って結構便利だなと感じ始めるよね
>>505 そういうのは例えば『XMLHttpRequestとPromiseとJSONのマニュアル見ていいからそれらを使ってURLを与えるとJSONオブジェクトを返すasync関数を作りなさい』
とか課題を与えるとまともなJavaScriptプログラマーか駄目プログラマーかすぐに判別できる
>>510 XMLHttpRequestはもう随分使ってなくて細かいとこ忘れちゃったな。
とりあえず200以外はエラーで良いですか? って試験出した人に聞いちゃう
>>511 そこはマニュアルを見ていいから大丈夫
あと題材としてはXMLHttpRequestでなくてもよくて
コールバックする関数からPromiseを返す関数を複雑な場合でも作れるプログラマーか
それともそれを使ってawaitするだけのプログラマーか
その違いがわかればOK
>>513 なるほど。
setTimeoutを使って早期終了もできるasync sleep関数を作れ、とかいう課題でも面白いかもね
皆さん色々とありがとうございます
取り敢えず
>>492 さんのサイトで学習から始めてみようと思います
Javascriptがあまり受け付けないのは引数の中に関数をそのままぶち込むっていう
今までやってきた常識とは異なるコードを割とよく見るので…
理屈が分かれば簡単なんだろうとは思いますが前提知識無しでちょっとデバッグしようかなレベルの時にこういうの見るとちょっと辛いですね
https://pastebin.com/pgmkMw1Q >>515 JavaScript以外でもモダンな言語なら(無名)関数を引数にするのは日常茶飯事だよ。慣れた方が良いかも。
頑張ってね。
>>511 それよりもJSON.parseでエラー出た時にPromiseをrejectするのを忘れずにw
>>515 今どき関数型プログラミングをしたことないとは化石のような方で驚く
関数に関数を渡すのを覚えるとプログラミングが捗りますよ
あとイテレーターを使ったり作ったり慣れるとよいでしょう
Rustいじってるけど良いねこれ 継承が無いってのが凄く良い
>>521 あんまり言うとスレ違いになっちゃうけど。
implがオブジェクトの実装に寄り添ってたり、return無しで値が返せたり、ifとmatchが式だったり、デフォルトでimmutableだったり、エラー処理やOption周りのワンライナーっぷりだったり、所有権周りの合理性だったり、コンパイル時の親切さだったり、ほんとにモダンだし、洗練された言語設計哲学を感じるし、書いてるとな~んて美しい言語なんだろうって惚れ惚れする。
まぁJavaScript|TypeScriptも大好きなんだけどねw
JSフレームワークもぐぐること多いんだけど 技術系記事の日付はこれでもかっていうくらいに目立たせてほしくなるな いつの記事かによって見る見ないがガラリと変わる
間違ってる記事多いもんな せめてドキュメント読んでから書けよって突っ込みたくなる
最近はもう誤用のほうも辞書に載り始めてるとは言え、 そもそも統計学を翻訳するときに成立した造語だからな母数って 統計用語としてのparametersの訳だよ それさぁ…「分母」じゃダメなの? もし統計用語としての「母数」を意図してます、と言うなら「JSは母数が多い」は文意が通らないよ まぁ分母なんだろうけど どうして小学校で習う分母ではなく母数を使いたがるのだろう? 少しでも頭良く見せたいとか? 逆効果だと思うが
>>527 それは本末転倒で
parameterの訳語を母数したところからおかしい
parameterは特性とかでいいだろ
一方で母数は誰もが母集団の数や分母の数と認識するのは当たり前
>>528 悪訳語であるとは俺も思うがそれとこれとは話がdifferent
>>529 明らかに『母集団や分母の数として母数』が使われている状況で
わざわざ『馬鹿げた訳語である母数』を持ち出す人がバカだと言ってるだけです
>>530 馬鹿げた訳語をわざわざ使ったのはなぜ?
分母ではダメだった?
なぜ小学校で習う分母ではなく、「馬鹿げた訳語」である母数を、その訳語の創出の意図と違った誤用である分母の意味でわざわざ使ったの?
頭良く見られたかったの?
バカなのにw
悪法も法なりではないが、統計学を日本に導入する際に創出され、それ以降差し替えられず、現在でも統計用語としてのParametersの唯一の訳語なわけよ それを小学校で習う分母の代わりごときに流用する必要なんてないわけ そもそも小学校で習う単語である分母で誤解の余地なく正確に言い表せるものをなんで本来その意味を持っていない母数で言い表したがるわけ? 特にプログラミングなんてどんなに気に入らなかろうが利用する言語・APIの仕様に沿ってコーディングしなきゃ動かんのに、 オレオレ解釈で書いておいて、本末転倒だ!仕様がおかしい!馬鹿げている!俺の思った通りにコンピュータは理解するべきだ! と言っているようなもの
>>533 それ誤用だよで済ませとけばいいのに。
それを人を馬鹿にしたみたいに「頭良く見せたいの?」とかつけるからいらぬ論争になるんでしょ。
多分使った本人は誤用である認識すらないでしょ。そうやって誤用が広まって行くんだし。
まぁ煽り合いが文化なら違う場所でやってよ
>>535 超怖い。俺も母数を誤用してた口だからまじかってなったわ。明日から会社でマウント取りいくわ
誤用ではありません 複数の意味があるだけです そして片方がパラメーターを母数と失敗誤訳してしまったというだけにすぎない 全ての常識人に母数は全体の数の意味で通じます
良く考えてみなよw 少なくとも統計の文脈では母数は全体の数には使えないじゃんw そして母数は一義的には統計のためにひねくり出された言葉でしょ 分母の意味が後づけなんだよ。 偉い人が勘違いしてムキーっ!俺の意味も正しいの!って言って辞書に分母の意味足したんだろうなw
>>538 言葉には正しい形も定義もなくその形も意味も用法も時間とともに常に変化してきたナマモノ
そして多義性こそ最も盛んに行われてきたものだから何かに一つにこだわっちゃダメ
一番重要なことはその時代に通じてきたかどうか
現代のほとんどの日本人は母数を全体の意味で用いて通じるからOK
少なくとも誤用ではないですね
技術的な事は具体的な事何も語れないのに言葉の誤用についてはこの有様
ま、俺も誤解を生じやすい失敗訳語だとは思う だからバカが釣られる 糞にたかる蠅のようだ
>>541 ら抜き言葉は以前から使われてきた西日本方面の正しい方言
しかも可能と受け身尊敬表現とを分離できる優れた用法
たまたま標準語として採用した東京地方の方言ではラ抜き言葉がなく区別できず劣った状態であったため
区別できる優れたラ抜き言葉を採り入れる人が全国的にも増えたに過ぎない
>>545 それどころか総務省統計局の初心者用統計講座の資料チェックしてた時も間違って使ってやがったので厳重に注意しといた
どこの誰が間違えてもお前は間違うなと
伸びてるとおもえば母数警察とかしょーもなww こういうのいちいち指摘するやつって、 コード書かないくせにレビューだけ文句言ったりするんだよなw 指摘するだけじゃなくてわざわざ語りだして煙たがられるやつw
言葉の形や意味用法は通じるかどうかが全てなので通じていたら誤用ではないのよ そして本来の形や本来の意味が使われなくなった言葉も多数
>>546 たしかにら抜き言葉は可能/受け身尊敬を分けられる(分けれるw)というメリットがあるね。
分母と違ってparameterかmodulusかtotal numberか分からんくなる挙げ句にメリットとしてはナンダカカシコソウニミエルくらいしかない母数の誤用と比べるのは失礼だったかもw
発端はこれ
>>526 > JSは母数が多いからねえ
母数が多い、と用いているから
そこに紛らわしさは全く無く
parameterやmodulusの意味ではなく
全体数の意味であると日本人なら誰でもわかる
この状況で失敗訳語の母数を持ち出して語りだすのはキチガイくらいだ
なぜフロントエンド技術者が馬鹿にされるのかよく分かるスレですね
こんなところで日頃のウサを晴らしてるより勉強した方が良いですよ
2019年まではVueとNuxtが優勢だったけど2020年あたりから一気にReactが盛り返した印象があるんだけどその頃何があった?
もう、React Hooks 無しでは考えられない JSX も
開発ってさ、新規開発だけじゃないじゃん 例えばそういう場合にReactを追加するよりもVueを追加するほうが断然合理的じゃないかな
Vueのほうが日本語ドキュメントが豊富(だった)じゃん
はじめにVueを書いてしまった為にVueで書いてるとかあります。
>>567 日本ってかアジア圏じゃねえの?特に中心にあるのは中国だろ
っていうかぶっちゃけさ、 ReactやVue使わないほうが作り終わるの速いよね
WebサイトならReactはいらん 業務システムとかWebアプリ系なら必須
Webサイトなら(構成によるけど)Next.js使っちゃうかな~
Reactは冗長すぎる よほど大規模でリッチなクライアントでない限り 使用するメリットがない
どんな書き方といか、最低限の処理をするのに大変といった感じだろうな 例えば特定のフィールドに値を入れるだけでも大変
react嫌いすぎでwasmが全てを吹き飛ばしてくれる日を心待ちにしてる
>>582 DOMなら一行よ?
$("#id").va(123);
vs Reactやってよw
そうでしょ? あとさAスタイルのときとBスタイルのときみたいに CSSでデザインを切り替えるからさ DOMの書き換えなんてほとんど不要なんだよね DOMゴリゴリっていう発想が そもそも間違ってるんだよ Reactとかさ、なにそんな単純なことを JavaScriptで頑張っちゃってるの?って思う
あ! そういう人ね。現状で困ってないなら、他所でやってどうぞ
フレームワークってたいてい規模が大きいほど恩恵があって、 小規模のうちはデメリットの方が大きいもんだよ
>>586 そもそもコイツは何もわかっていないからスルーしていい
入力フォームとか多用するサイト作らんならそりゃ要らんやろ 元々そういう区分けだって言ってるやん
Ruby on Rails では、若い娘が1人で起業する場合は、 Heroku, CircleCI, React, Bootstrap, jQuery が定番 大企業では、AWS で、 REST の代わりに、Facebook 製のGraphQL, Relay とか。 Bootstrap も含めて、すべて米国のFacebook 製で揃える YouTube で有名な、雑食系エンジニア・KENTA のサロンでは、 転職用にReact よりも、Vue.js が必須 でも、米国人は中華を使わない
>>593 ホワイトハウスのサイトはガッツリVue使ってるだろ。
Webアプリは入力を多用するから入力フォームだらけだ
>>595 まずWebアプリの定義が曖昧だが
突き詰めていくと例えばUIがJavaScriptで動くものがWebアプリでそうでないものがWebページとするしか分類できなくなる
すると「入力フォームがWebアプリでない」ものはHTMLのformをそのままsubmitボタンでページ遷移するWebページのみとなる
もちろん現在もこれをベースとする形が正しい作り方として明確になっている
JavaScriptがない環境ではそのままで動き、JavaScriptがあれば修飾する形で高度なUI提供や必要ならページ遷移無し等にするのが正しい
したがって「入力フォームがウェブアプリだったら嫌だな。」というよりも「上述のような正しい作り方をしていない入力フォームはダメだな。」とした方がベターかもしれない
現在中3でjavascript勉強してます。モチベが低下してきたのでここまで勉強できてたら案件受けれるみたいな目安みたいなのがあればお聞きしたいです
>>598 俺は中高はひたすらゲームと音楽(DTPとか)作ってたわ
中学生なら勉強していい大学に入ろう、それが一番将来に役に立つ
案件受けれるかどうかはプログラミング能力以外の部分が大きい 仕事に使える能力あってもクラウドソーシングだと競争率高くてきつかったりする なんでモチベ低下してるか考えるところからだな
本当に中学生ならクラウドソーシングでの価格競争力はあるんじゃないの でもワーカーとしての審査が通るか? 親にちゃんと話して名義借りでやるとかかな もし通るとしてもそのサービス上で実績が0だとなかなか仕事を取れないらしいね よって、知り合いに頼んでわざとクラウドソーシング経由で仕事出してもらって実績にするという裏ワザがあるそうな 話が逸れたけど、クラウドソーシングで募集してる仕事内容は自分が金を稼げるか否かの一つの目安にはなるんじゃないかな
秘密ロジックはサーバーサイドに持つからReactもVanillaもどちらも関係ない
>>598 何か一つサービス立ち上げて実績作ろう
あと誰かも書いてたけど学業も両立しような
>>603 "秘密ロジック"で検索したら全然見つからない
お前が誰か特定できちゃうぞw
Reactってなんでこんなにバージョンアップ早いん
>>601 ありがとうございます!
モチベ低下の理由は自分でも理解しているのでなるべく早く回復できるようにがんばります!
>>602 高校までは案件受けるつもりはありませんがどんな内容なのかとかは今のうちにある程度見ておこうと思います
>>605 一応lp?みたいなものは作っています。勉強の方は、親と相談して高校までは勉強最優先。
高校からは最低限の勉強をしていればあとは自由にやっていいよということになりました
>>614 がんばれー良い親御さんで良かったね
或いは余計なお世話かもしれんが高校入っても高校の3年間でしか学べない事を優先して欲しい
ほとんどの場合それが最短距離だから
どうでもいい自分語りだけど、 高校で友達とあれこれPCいじったときが一番プログラミングのモチベ高かったわ Javascriptを無効にするような時代の前だったけど、自由だったな。いろんな意味で
今となっては古すぎる本だけど学生時代に JavaScript: The Good Parts に出逢った事で俺の方向性は決まってしまった。あの本を読んでプログラミングの美しさ面白さに取り憑かれた
【悲報】ホロライブ6期生のスーパーエースVtuber沙花叉クロヱさん、初収益化配信1時間で1000万稼いでしまうw
http://2chb.net/r/ghard/1639158137/ reactサイトのcms として久しぶりにWordPress使う事になったんだけどこれ全然進歩してないのね
WordPressのエディタにReact使ってるから進化してる
WordPressをheadles cmsで使うってのは良くある 運用側がWordPressに慣れてるってのが理由 けど開発から見たたら今時PHPかよっていう心理的負担が大きい WordPress REST APIもウンコ
無料だから対費用効果を考えたらwordpressでいいじゃんってこと
昔は流行ったが今WYSIWYGエディタなんて使わんだろ 全く追ってないから分からんがスマホ対応すら罠がありそうで怖いぞWordpress
YouTube で有名な、雑食系エンジニア・KENTA のサロンでは、 Ruby on Rails のポートフォリオで転職する キャリアパスも、Rails → Go のみ PHP は、一生やらなくて良いと言ってる たぶん転職できても低給料で、文句ばかり言われるから、 Java とか、そういう低給料を目指す人は、サロンへ入れないのだろう サロンで給料の文句ばかり言われると、 サロンの評判が悪くなり、廃れていくから そういうサロンを運営したくない。 だから、モダンな会社で、ちゃんと給料がもらえる、Rails, Go のみに絞っている
railsってモダンに入るのか? 今となっちゃphp/laravelの下位互換だと思った そもそもマトモなエンジニアは日本限定のクソサロンとか作らずに英語圏向けに発信するし、OSSなりカリフォルニアなり目指すんじゃないのかな
KENTA がいつも言ってる Rails を使っている会社は、社風・開発環境がモダンだからって。 最も最先端 例えば、伊藤淳一がCTO のソニックガーデンは、全社員がリモートとか 逆に、Java は絶対にモダンじゃないw
Railsはオワコンなのにモダンってなんだよ Ruby自体がもはや見向きもされていないし
Goはインフラ界隈で広まり始めたけど雲行きは怪しいな
WordpressとReactの組合せってイマイチターゲ層が分からんな
Reactヘビーユーザーが思うSvelteの良いところ
https://qiita.com/tonio0720/items/88e62e6beffa9adc1a7f Reactを使う上で特に不満があったわけでもないですが、Svelteに乗り換えてみると無駄が多かったことに気付かされました。
そもそもReactからSvelteに乗り換えられるような規模感って、それ技術選定の段階でミスってるんよ・・・ てか、Recoilのおかげで固有コンポーネントの凝集度が高くなるから 変更時の影響範囲が狭くてかなり楽になったわ
Reactが使える範囲はすごく小さいって話だな jQueryが今も王者である理由 さて現在は・・・jQueryのシェアは4ヶ月連続で0.1%増加し続けて 78.5%にまで到達、なお一年前は77.1%でした。 これが現実やで
wordpressインストールするだけでjqueryシェア増えるからな 詐欺サイトが自動量産されてるからシェアが増えると詐欺も増えるだけ つまりjqueryは詐欺のためにシェアを拡大している これを自慢するアホは詐欺以下の存在
同じ東アジア人が作ったVueに決まってるだろ。 東洋の神秘が感じられるし。
>>647 「最近は○○をよく書いてます」
この○○に入れたい方
>>645 React使って何かを作るよりもWordPressを使う方を選ぶってことやろw
こんにちは、初心者デス! 家のWindowsにReact nativeをセットアップしましたが エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。 プロセッサーが悪いのですか? AMD A4-9125 RADEONR3,4 COMPUTE CORES 2C+2G 2.30GHz 皆さんはもっと良いものを使って作ってますか?
>>651 そんなレベルのやつがReactを使うな
jQueryを使うべき
基礎から始めろ
>>652 後でやります!めっちゃ急ぎで性能的に大丈夫かどうか知りたいです。
大丈夫でないなら今から買いにいかなきゃならないので。
>>653 急いているふりをするな
自分が無能であることを知ることから始めろ
そして自分で調べろ
それが今すぐにやるべきことだ
>>651 の再掲
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。
プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz
皆さんはもっと良いものを使って作ってますか?
性能が悪いんで100万ぐらい用意して 新しいパソコン買え 他の人は20万とか10万とか5万とか3万とか 騙してくるだろうな
すでに答えました。 他の人もどうぞ それっぽい回答をよろしくおねがいします(笑)
>>652 React NativeとjQueryを比較するとか正気か!? 使えるフィールドが全然ちゃうやん
>>651 CPU性能もさることながら、メモリ足らんのちゃうか。まずタスクマネージャー見ろ。
つか、スレチ
jQueryとか言ってるやつが言うことは全部ウソだから
>>661 ありがとうございマス!メモリも足りません!
数年前のものです。
新品の高性能のやつ買ってきます。ではではスレチ失礼しました!
>>651 うーん、やっぱりGPUの性能が足りんのではないですかな?
Headless CMSとしてWordPressを使う案件って結構あるけどそれ以外使ってる人って何使ってる?
ヘビーユーザーって言うか単にjQueryで作ってもいいような感じのモノを無理やりReact使って作ってたんだろうなとしかね…
>>651 A4-9125ってCeleron相当やんそら重いやろ
未だにFCやVFCで型付けしてんの多いのが良く分からん ジェネリクス使えないし、余計な非推奨の含まれたpropsが渡ることになるし そもそも公式のCRAやDocusaurusとかを見たら使ってないし
https://kentutorialbook.github.io/functionalprogramming2022/ | 5.2. オブジェクト指向時代の終焉
|
| JavaScriptはES2015(ES6)時代になり、オブジェクト指向そのもののClass(クラス)が新たに導入されました。
| これに伴い、Reactでも、フレームワークの根幹となるコンポーネントをClassで表現するように標準化されました。
|
| 筆者などは「いくらJavaScriptが根強いオブジェクト指向ファンの要請から、後方互換性のようなクラスが導入されたからといって、
| Reactのようなメジャーな外部ライブラリまでそれに習うのは困ったことになった、時代の逆行だ」と、まったく歓迎していませんでした。
|
| 案の定、オブジェクト指向のクラスを標準コンポーネントとして利用するというReactのアプローチは失敗し、
| 実質クラス実装のコンポーネントは破棄し、関数型に近いHooksという仕組みが導入されることになりました。
そんな経緯じゃなくね? それはともかく、JSにおいてclassの存在意義が大きく無いのには同意。
スクリプト言語だし、必要に応じて呼び出されるだけのサブシステムだからClassは馴染まないよね。 クラスって入口から出口まで完全にその言語で実現される比較的大きめのプログラムには有効だよ
Reactのソースみたことないけど関数なのに値はどうやって保持してるんだろ? 中身はクロージャーなのかな?
>>676 全く違います
JavaScriptはクラスインスタンスベースのオブジェクト指向ではなく
プロトタイプベースのオブジェクト指向なので
かなり後になって最近ようやく後付けでクラスが導入されたという経緯があります
擬似クラスでも恩恵には預かれる ダメなのは理解なく使った場合の弊害 要するにアホガードを搭載したのがhooks apps
そもそも現行のAngularはクラスベースでうまく機能してるし(以前はゴタゴタしてたけど) 結局は使い方次第 つーか、言語はかくあるべし、みたいなしょーもないこだわりは個人開発だけにして欲しいわ チームに持ち込まれると鬱陶しくてかなわん
郷に入っては郷に従え、という言葉の通り、長い目で見ればモダンJS,TSという郷に従ったほうが利がある。 モダンJS,TS使いは、classがわからんからclassを使わんわけではなく、classを知ってるから必要な時しかclassを使わんのだ。
新しいことを覚えたくないから、覚えなくて良い逃げ道を探しがち はてブのコメ欄とか見てるとつくづくそう思う
もうそろそろ新しいのも出なくなってReactと状態管理とNextさえマスターすればくないか?
これ本当?
学習コスト高そうでReactとか敬遠してたんだけど手軽に学習出来るならSvelte.jsっての触ってみようかな
Svelte.jsは、React.jsなどのライブラリと比べて複雑ではないため、フロントエンド開発初心者でも学習ハードルは高くありません。
また、手軽に開発することができるため、小規模アプリを個人開発したい人におすすめです。
https://udemy.benesse.co.jp/development/app/svelte-js.html >>61 技術力ないところはvue/nuxt っていうのはめっちゃ合ってるわ
>>689 日本語が読めない人かね?
誤読して全く異なる意味になっているぞ
ReactもWeb技術やJSの基礎さえ出来てれば別に難しくはない。元々Web開発やってない人には多分難しい。
jQueryを使っていれば JSやWebの基礎ができてる 基礎ができてる人は多い
jQueryはルールが独特なのでjQueryが生み出すのはjQueryだけ使える人です……。そういう可哀想な人をたくさん見てきました。
jQueryはDOM APIを簡略化してかけるようにしただけですよw そもそもjQueryはJavaScriptで作られています。 基礎ができてないから、そんなこともわからない。
>>59 jquery UIとか今でも欲しがってるゴミクソがいたとは驚きだわ
jQueryのイテレータとか特殊じゃん。jQueryおじさんが一番jQueryわかってない疑惑
>>687 Reactは最適化しようとすると大変なだけ
Recoilやv18で来るConcurrentModeとかが
実現したいことに当てハマる場合はおススメ
ただ無理に使うものではないし、ほんとそこに書いてある通り規模感次第
>>696 それはお前が関数型言語の考え方や高階関数を理解してないから
jQueryのイテレーターはJavaScriptのmapなんかにそっくりだ
links = [{name: "A", href: "a"}, {name: "B", href: "b"}, {name: "C", href: "c"}];
const hrefs1 = links.map(ary => ary.href);
console.log(hrefs1);
const hrefs2 = $("a").map((index, element) => element.href).get();
console.log(hrefs2);
お前がjQueryをわかってない
jQueryは mapとeachで引数順違ったり DOMがthisにバインドされたり 明らかに設計ミスってるからね もし今同等の機能のライブラリ作るならこんな作りにしないでしょ
>>700 > DOMがthisにバインドされたり
それはDOM APIの仕様に準拠した動作
やっぱり基礎を知らないんだな(苦笑)
イテレータの話してるんだからmap引数の関数のthisが配列内の要素(上のコードのケースではa要素)を指すのがおかしいって話してるんでしょ。 わかんない?
イテレータの話だったらthisのことになるの? そもそもthisなんて曖昧なもの使わなければ済む
>>703 ツッコミどころ満載で、恥ずかしすぎるレベルだなw
やっぱりJavaScriptの基礎を知らねーのはお前じゃねーか
> thisが配列内の要素(上のコードのケースではa要素)を指すのがおか
上のコード(
>>968 )のケースではコールバック関数ではなく
アロー関数なのでthisがa要素になることはない
> イテレータの話してるんだから
jQueryは基本的にDOM APIの拡張なんだから
イテレータの話ではなく、まずはDOMが大前提だ
jQueryではDOM APIとの互換性のためにthisが要素になっている
jQueryはJavaScriptにmapがない時代に作られたもの
そのためJ汎用ユーティリティとしてDOMとは無関係の汎用のイテレータも用意されてる
汎用ユーティリティの方のmapはthisにならない
https://js.studio-kingdom.com/jquery/utilities/map > 各値を変換する関数を指定します。 この関数内でのthisはwindowを参照します。
上のコード(
>>698 )のケースではコールバック関数ではなく
>>705 イベント用関数のthisがDOMをbindするのは別に普通だよ。
>>700 の言い方からしてイベントの話じゃないし、(thisが出てくるんだから)アロー関数の話でもないのは明らかじゃん。
> jQueryはJavaScriptにmapがない時代に作られたもの
だから古くて独自なんだよね。あとはjQueryスレでやろうか。
jQuery は、this を使えるようにしたのが功績 JavaScript では、thisが狂う。 thisがwindow を指してしまうので、あらかじめthisを、that に代入したりして使っていた
jqueryがなかったらReactもvueもなかった jqueryがjavascriptを変えた 感謝しろ
thisがwindowとかstrictモードすら知らんのかしら
環境構築、vuecli(vue3)で、tailwind css3を使いたい。 npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生 tailwindcss2(postcss7)のパッケージは入るやり方は調べたが‥ vuecli+tailwind css3を使えるやり方求む。 tailwindcss2が入るやり方だとこんな感じでした。 npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 代替案としては、vuecliで作ったプロジェクトフォルダー内でtailwindcssをインストールせずに、 別フォルダーに npm install -D tailwindcssで構築して、 tailwind.config.jsでvuecliで作ったプロジェクトフォルダーを指定して npx tailwindcss -i input.css -o output.css とかで環境構築するしかないかなぁ
>>711 > npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生
tailwindcss3を普通にinstallするとどんなエラー出るの?
vue createで作ったフォルダでnpm install -d tailwindcss をやると npm WARN tailwindcss@3.0.7 requires a peer of autoprefixer@^10.0.2 but none is installed. You must install peer dependencies yourself. npm WARN tailwindcss@3.0.7 requires a peer of postcss@^8.0.9 but none is installed. You must install peer dependencies yourself. npm WARN postcss-nested@5.0.6 requires a peer of postcss@^8.2.14 but none is installed. You must install peer dependencies yourself. …省略… こんな感じですね。
>>707 昔に作られたからだめという考え方が終わってる
C言語なんかもっと昔に作られたもの
なぜ今も使われてるかを理解できないでしょw
>>707 > イベント用関数のthisがDOMをbindするのは別に普通だよ。
ならDOM用のイテレータのthisもDOMであるべきってわかるだろw
DOMイベント用の例えばclickとかにデイジーチェーンでeachなどを
つなげるようにするためってわからないか?
clickはthisでアクセスするのにその次のeachはthisじゃないとか一貫性がないだろ
もう少し基礎というか設計能力を鍛えたほうがいい
オレオレフレームワークを自分で作ったこともないだろ
オレオレは使うものではないが、自分で作ることで技術を理解できる
おまえはまだまだってことだ
>>713 vue create hogeでvue3を選択してインストールした後hogeに移動してtailwindcss3インストールしてみたけどエラー出ないな。
npm更新してもう一度0から構築してみては?
>>716 npm アップデートしたけどダメでした。
postcss.config.jsとか設定する前は、npm run serveはエラーでないんですけどね
これ見ながらやってました。
tailwndcss2と3の tailwind.config.js 設定違いは自分で修正してます
https://qiita.com/inainainariinainari/items/8050d9e431523d3b0135 npm run serveすると…
ERROR Failed to compile with 1 error 16:39:46
error in ./src/assets/tailwind.css
Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users @ ./src/assets/tailwind.css 4:14-166 15:3-20:5 16:22-174
@ ./src/main.js
@ multi (webpack)-dev-server/client?
http://xxx.xxx.xxx.xxx:8080& ;sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
別フォルダーでtailwndcss3、autoprefixer、cssnanoの出力設定までは作ったので諦めてこっち使うかな><
>>717 postcss8以上使えってモロに書いてあるだろ
エラーメッセージを読め
>>718 入れたけどダメだったから質問してるんだよ
これは試した。 npm install -D tailwindcss postcss autoprefixer --force package.jsonはこんな感じ。 "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-eslint": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/compiler-sfc": "^3.0.0", "autoprefixer": "^10.4.0", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^7.0.0", "postcss": "^8.4.5", "tailwindcss": "^3.0.7" }, .\node_modules\postcssを見ても "name": "postcss","version": "8.4.5",となってる
前になったなそれ グローバルにpostcss-cliとかpostcss-loaderとかの古いのが入ってるとか他のpostcssプラグインが8に対応してないとか そんなんだった気がする
最近Reactで関数コンポーネントしか使ってないからthisってどう使うんだっけってレベル
>>721 なるほどそういうことか。
俺はVue使ってないから最新の@vue/cliをインストールした上でnpx vue createした。
だから711の状況を再現できなかったのか。スッキリしたぜ
とりあえず、jQuery使いが嫌がられてる理由がよく分かる流れだった😅 こんなのチームやそれこそPMにいたら地獄だろうな…😭😭
>>724 技術で反論できないからって
それはないだろw
>>724 隔離して約款ページでも作らせるしか無いなw
認証はもうFirebase Authenticationとかで良いよね?
オンプレはどうするんや。 最近、オンプレへの回帰も多いで
>>673 チートシート見たらわかるけど使うなっていってるだから俺は宣言文でやってるわ
関数型のarrow は状態を持たない、 computed property・計算値アクセスみたいなもので、this を持たない ネスト内の無名関数も、this が無意味になって、window を指す。 callback の文脈が分からない。 異次元空間アクセス だから、あらかじめ、that, bind で関連付けしないと使えない
Ruby on Rails の作者・David Heinemeier Hansson(DHH)の、9/8 の動画ある。
もう、Rails 7
Alpha preview: Rails 7 w/ esbuild + Tailwind CSS
VIDEO どういう神経してたらこのスレにrailsがくるんだろう
vuejsも最近は「reactのこの機能、vuejsでもできるようにしました!」ばっかりで「それだったらreactでよくね?」って感じることが多くなってきたな htmlとjs部分をはっきり分ける形式のフレームワークだったら最近はsvelteがreactとは違う方向性を目指してていいと思った 今後はjsxが嫌だったらsvelte、そうでなければreactって感じになりそう
はー、Reactだけ追ってるけど他は今そんな感じなのか~
JSX最初は嫌いだったけどここで突き抜けて便利になるともはやこれでいいやってなるわ
Vueは少ない学習で楽にSPAを組めるのがウリだったはずなんだけどただのジェネリックreactになってる 理想としたポジションはsvelteにとられちゃったね
まあSPAはいうても使われる用途がホームページとかそういうレベルの低いところに限られてくるし それ以上のレベルってなるとやっぱreactもしくは単純にjQueryのみで分かりやすくってなるからしゃーない
静的HPもNext.js使うしもうReactにどっぷりですわ
reactはhooks推奨してからもう2、3年くらいたって hooksの記事やサンプルも充実してるし classコンポーネントから完全に移行できたけど vueは今触り始めるのは最悪の時期だろうな
他の言語からjsとReactを初めて見る奴らはこの気持ち悪さに嫌気がさすらしい その前に奴らはhtmlとcssすらまともに使えないんだが
Next使うようになってReactがめちゃくちゃ楽しくなったわ React単体だとかえって面倒なことになりかねない
next.jsってシンプルなSPAでは必要無いように思うんだけど どの時点から使うメリット出てくるんだろう
むしろシンプルなSPAこそnext使うべきだよ SPAといってもサーバーサイドを無視することはできないからね
Ruby on Rails の埋め込みテンプレートERB では、 HTML, JavaScript も、a.html.erb, b.js.erb に、ERBで書いている <% ~ %>, <%= ~ %> だから、JSX の方が可読性が高い
うろ覚えだけどNext.jsのREST部分ってExpressみたいな感じだっけ? 型に厳格にできるFasify使いたくなる。
Fastify
https://www.fastify.io/ Node.js用の高速でオーバーヘッドの少ないWebフレームワーク
そういうみんなReactとかいうこと言うと、 そもそもみんなReactやVueじゃなくてjQueryがほとんどじゃん いや、煽ってるわけじゃないよ、念のため事実として言ってるだけね
もちろんそうだが文字通り利用者数が多いだけで実体は フロントにベタ貼りみたいな使い方がほとんどだから多いだけじゃないの
面接でjQueryの良さを語る奴がいたら秒でお疲れしたって言うね
>>747 ルーティングの設定がいらないから、複数ページある場合はNextにした方が楽よ
あとは外部API叩きたいかつAPIキー隠したい場合なんかも、Next.jsでAPI書けるからいいんでないかね
>>754 お前の知ってる様なそういうパブリックなWebサイトとかじゃなく
もっとクローズな用途なクラウドサービスのコンパネとか
>>1 にも話題禁止て書かれてるように
jqueryて、いやそりゃjquery便利だよ、でもそういうことじゃなくて・・
みたいな立ち位置だからな
>758 面接でゲームプログラミングの技術の話をしたら 大人になってもゲームするようなやつは・・・なんて 言うやつもいるからなw お前が正しく技術を判断できないだけやで
>>760 なぜReactはパブリックには使えないのかって話だよね
>>762 はぐらかすなよ
jQueryを使う人間はクソだと言う話をしてるだけだぞ
「jQueryを使う人間はクソだと言う話をしてる」アホがいるってだけだろ?
それとも78%以上のサイトがアホだという証明でもあるんですか?
2017年 JavaScript★71.9%ものサイトがjQueryを利用 [無断転載禁止]©2ch.net
http://2chb.net/r/prog/1485008061/ 詐欺サイトやゴミサイトのWordPressが自動量産されていくからこれからもjqueryはシェアを拡大していく
>>759 SGでよければ外部APIキー使うときにgetStaticProps使えばAPI書くまでもないしね。
>>763 はぁ、Facebook, Salesforce, Paypal, Cloudflare, Twitter, Amazon 等そうそうたるメンバーがパブリックでも利用してますけども。
https://jp.quora.com/React-wo-shi-tsu-ta-daikibo-na-uebusaito-ha-nani-ga-arima-suka そうそうたるメンバーしか、パブリックで利用していない
面接でjQueryの良さを語る人が来ても別にお祈り確定はしないけど、ここで暴れてるjQueryおじさんみたいなの来たら即お祈りするわ
>>767 重要なのはReactのシェアが増えないことだろう?
このグラフは100%を振り分けたものではなく
ウェブサイトで使われてる割合を示すグラフなんだから
jQueryのシェアが増えたからって別にReactの
シェアが下がるわけじゃないってわかってる?
Reactはウェブサイトで2.5%しか使われてないんだよ
>>759 ディスプレイサイズに合わせて画像のリサイズとかwebp変換とかもやってくれるのも追加で
逆に素のReact使うメリットが見当たらんな
どっちも1回コマンド叩けばすぐに使えるし
Nextってかssr、ssgできるようなフレームワークはライブラリによってはドキュメント通りに設定してもエラーになることがデメリットやな Firebaseとかリッチテキストエディターとかエラったわ
>>769 そら伝統的なほーむぺーじの進化系としての今のモダンなWebページと
AccessやVBやVC++で作られてたフォームアプリの汎用化としてのWebアプリじゃ求められるものが違うからやん
結局リテラシーが低いからそんな事も分からんのやろ?
>>775 AccessやVBやVC++で作られてたフォームアプリの汎用化としてのWebアプリ
は同じマイクロソフト系のASP.netMVCで作るっしょあれサーバーサイドレンダリングもコンポーネントもRaserで作れるし
ReactからNextって簡単に移行できるもの? 何も知らん状態からReactで作ってる途中なんだけどメリットしかないなら移行する
>>775 そうか、考えてみると昔の人はVB(非.Net)とかVC++なんかでアプリ組んでたのか……ひたすら辛そう。まぁ今のwebアプリより考える事圧倒的に少ないんだろうけど。
>>778 まぁアプリの方が作りはシンプルだけどトラブルあった時毎回現地に行かなきゃいけないみたいな不要な手間が相当あるからね
Webにできるようなアプリを単体で配布したところでそんな手間がかかったりするかねぇ。 現場じゃないとできないサポートってどんなんだろ?
昔地図系のアプリ開発やったあとの保守で定期的にデータ更新しにいろんなところ回ったりしてたで 当時はネットワークでアップデートって時代じゃなかったから当たり前だったわ
Accessとかだとデータ破損がよくあるっぽい 自分が担当じゃないがそれでよく現地行ってる人が居る
>>775 そんなこともわからんから
自分たちがReact使っだけで
ウェブ全体からjQueryがなくなるなんて勘違いしてるアホがいるんやで
現状はjQueryが78%以上使用されていて
しかもまだ増え続けてるんや
>>784 別にjQueryがある事自体は否定してないよ
そらWebサイトは増え続けてるんだから利用実績は増えるやろ
jQuery使いがjQuery使ってるのは好きにすれば良いよ。用途が違うからシェアがどれだけあっても関係ないし、俺たちも住み分けできて快適だ。 ここで暴れてる理由はまるでわからん
初期の頃用途が違う事が理解できずにVue民とかがjQuery民にマウント取りに行ったのを今でも根に持ってるんだろうな
脱jQueryとかアホなことを言ってるアホに 現実を教えてるだけだよ
>>787 用途が違うのに最初に脱jQueryとか言って
使い物にならないものを普及させようとしたアホは誰かって話だ
一時期ブームになった脱jQueryは すっかり鳴りを潜めてしまったしな ようやく用途が違うって理解したんだろう 80%近くの人にはjQueryの方が適切だったんだよ
>>789 スマンなその頃俺もjQuery民やったしウザかったのも覚えてるが
その後に実際にAngular、Vue、Reactそれぞれある程度使ってみて検討した結果自分の用途にはReactが合ってるっていう結論に達したんや
>>791 アンケート結果
Reactスレに居る住民の100%はReactを使っていました
みたいな話か?w
>>792 出来合いの認証機構一式(ログイン、登録、パスワード再発行辺りの機能)をそれぞれのフロントFWで置き換え実装してみた感じだが
オーケーわかった。用途が違うしシェアも大きい。納得したから帰ってどうぞ
jQueryっていうか昔ながらのMVCがなんだかんだで一番ユーザーに受け入れられるってことなんだろうな なのでMVCにCDNのreactってスタイルを洗練させて普及すれば数年でjQuery駆逐できると思う
>>795 Reactはあらゆるものの部品化を洗練していくことで開発効率が上がるパターン
>>796 そうだね
じゃあそれでMVCを洗練させていくのがシェア伸ばす近道だと思うよ
そもそも使ってるところは使ってるんだから無理にシェアを増やす必要なんて更々ない
シェアの大きさはライブラリの寿命に直結するから多いにこしたことはない 10年間メンテなしで安定して動くツールと頻繁にメンテしないといつ動かなくなるかわからないツール ビジネスって常にコストパフォーマンスだから内容自体が相当に良いものじゃないと後者が勝つことはまずない
>>799 シェアは比率であって絶対数じゃないんだから分母が大きい分仮に5%とかでも他の言語の規模に比べたら相当な数になるんだが
それだけライバルの絶対数も増えるということだよ 経営判断をするときには統計、割合のほうが重視されるのは当たり前のこと
>>777 わりと簡単に移行できるけど、React覚えてからの方が混乱は無いと思うなぁ。Next.jsはあくまでもReactの延長線上にあるし
gatsbyちゃんはお亡くなりになったのかしら…?
jQueryは時代遅れの産物 JavaScriptによる操作が弱くて不十分だった時代そしてブラウザ互換性が弱かった時代に有用であった 今はjQueryは不要 一方でReact万能主義の人もおかしい Reactが適しているのはある規模のある用途での利用のみ 規模や用途が外れればReact以外が適していたり効率良かったりする
>>805 やっぱり理解してないねw
jQueryはブラウザDOM APIを改良したもの
DOM APIを使うぐらいならjQueryを使う
>>807 仮想DOMを用いるため直接DOM操作と無縁なReactやVueの方々がいるこのスレで
「DOM APIを使うぐらいならjQueryを使う」の主張は滑稽
とはいえ仮想DOMはベストではなく今では無駄な方法とみなされている
仮想DOM方式が敗北した原因は差分検知を実行時に行なっているため無駄が多く重くて遅いこと
Svelt等の仮想DOMを用いない方式では差分検知をコンパル時点で行なっているため軽くて速い
もちろんSveltでもjQueryのような昔の遺物は当然使わない
例えば以下の記事などを見ればjQueryがいかに無駄なのかすぐに理解できるであろう
Hey!そこの君! jQueryからSvelteへ乗り換えてみない?
https://qiita.com/oekazuma/items/4d7035437e96850c6666 【Svelte入門】jQueryでよく作る機能を新しいJavaScriptフレームワーク「Svelte」で再現してみた
https://canvaspace.xyz/blog/301 >>771 君頭が悪いの?
シェアとかなんの関係があるんだよ
お前が使う分には何も止めないし使えばいいよ
それを押し付けるなと言う話をしている
jQueryUIとjQueryMobileはメンテナンスモードになったし衰退は明らか jQuery自体もshadowDOMやslot向けのAPI無いから直接DOM触るしか無いからな 機能不足が目立ってきたし役目を終える日は近いだろう
>>809 シェアは評価だからね
世間の評価、俺とかお前が使ってるなんて狭い話じゃなくて
世間の評価を見ましょうって話
>>808 jQueryからの移行記事があふれるってことは
移行してない人が今も多いってことだよ
Backbone.jsから乗り換えましょうとか
聞かないだろ?
>>810 > jQuery自体もshadowDOMやslot向けのAPI無いから
追加すりゃいいじゃん?
アホなの?
>>811 じゃあgithubのスター見ようか?
評価なんて人によって違うんだよ
だから言ってるの
YouTube で有名な、雑食系エンジニア・KENTA のRuby on Rails 初心者用サロンは、 月千円と有料だけど、日本6位の3千人 一方、Vue.js の日本ユーザー会も、3千人 単なる1個人の有料Railsサロンと、日本全体のVue.jsが同じ人数。 React は、もっと少ない。 つまり、そういうのを使う所がない Railsでは、React, Vue.jsも使うけど、 Bootstrap, jQuery だけで済ます規模もある Railsでは、2億レコード・取引先が2万社ぐらいでも、大丈夫。 2021年10月には、Railsを使い続ける宣言をしている、GitLab が上場し、時価総額は約1.9兆円! つまり、時価総額1兆円ぐらいまでは、Railsで行ける Rubyの女神・池澤あやかは、Ruby biz Grand prix 2020の大賞を取ってるけど、 その時に、他のフレームワークでは開発者がいなくて、 結局、Railsで作る事にしたと言っていた Rails以外のフレームワークは難しいから、まともに作れる開発者は少ない。 可読性も悪いし、開発者を集めにくい
>>810 jQueryUI絶賛してたバカが職場にいて
結構なところで使ってる
そのコードをReactに移行したいが相当厳しい
何も楽しくない上にテストもない
マジでクソ厄介なもん入れやがったわ
>>810 jQueryUIって今となってはかなり旧式の外観だしな
jQuery使うにしてもUI/UXコンポーネントにjQueryUIを使うってのは今となってはナシだよな
見た目に関してはBootstrapとか使った方がいいしな
>>814 じゃあ、評価じゃなくて
実際にどれだけ使われてるかで話をしましょう
jQueryおじさんやRailsおじさんは人の話聞かないんだからほっときゃ良いのだ。ページ数が開発者の支持を示してるなんて言ってるあたり業界人ですら無いんだし
>>808 Svelteってlet多用するんだなぁ。シンプルだからWebに慣れてないうちは良さそうだけど、本格的なアプリとか作るには辛そう。
>>821 どういうこと?let多用が危険そうって事?
コンポーネントに閉じるものしかletにしなかったら大丈夫だよ。
Svelteの良いところはまさにそういう「小回りが利く」部品が作れるところだと思う。
超大作SPAも作れんことは無いと思うけど。
>>822 あぁコンポーネントに閉じれるのか、なら全然良いや
Svelteはどーもやる気せんわ モバイル開発でrn、fltに並ぶようになってからだな手つけるのは
>>820 何いってんの?開発者の指示と現実は違うってことだよ
昔CoffeeScriptとか人気だったじゃないw
でも現実は廃れた
もっと現実を見ようよ。人気でも使われてないんだよ。
CoffeeScriptとかあったな~。JSが進化して不要になっちゃった
>>826 reactもいずれこうなるのかな?
シェア低いとどうしても不安よね
Reactの機能がブラウザに取り込まれでもしない限り(そしてそんな事は標準としてはやり過ぎなので)無いんじゃないかな。 仮にReactが死んでもポストReactが出てくるだけだろう
そうなると載せ替えがまた面倒そうだな それが仕事になって金が貰えると考えると労働者としては悪くない話だが
モバイル開発でのRNは終わりつつあるだろ。 むしろWebViewがどんどん安定してるしWebでの画面構成があまりにも楽なので、PC版はelectron、モバイル版は自家版WebViewアプリとかCapacitorみたいな組み合わせ増えてない? Flutterでアプリ公開してるけど、次作はWebViewアプリに原点回帰しつつある。 Cordovaは早すぎた。
なんだかんだで品質も生産性もネイティブのが数段上だよ WebViewは品質は二の次でウェブ開発者しか居ないときの選択肢 ストアで一流のアプリを眺めて見ればわかる WebViewメインなんてほとんどない
逆にもう大概確定シェア層があるんだから今更廃れるとか気にする必要ない もっといいと思えるものが出たんであればその時乗り換えればいいだけ
>>833 その乗り換えコストが嫌なんだよ
だからウェブ世界の中心であるMVCのサポートを手厚くしてReactの地位を盤石のものにしてほしい
SPAにこだわってたら未来ないよ
定期的に現れるMVC大好きマンは一体何なのだ。いつの時代から来たのだ。
>>834 いや、お前は無理して使わなくていいよjQueryでも使ってなよ
>>835 JUST NOWだよ
君のいる平行世界ではSPAが世界シェアの大部分を占めているのかい?
>>832 気づかんレベルになってるだけでは?
ノートアプリのObsidianとかWebViewベースだけどサクサクだぞ。
>>837 SPAとMVCは直接関係ない概念では?
>>810 jQuery使うメリットとして唯一存在していたjQueryUIもオワコンなのかよ
ついにReactやるしかないかー
でも独自UI作るのしんどいんだよなー
>>841 jQueryUIが使う理由ってやっぱりわかってないじゃないかw
jQueryUIは昔から使う意味がなかった
jQueryはDOM APIの改良版だから意味がある
DOMの改良版だったのは昔の話で、DOMが改善された今では劣化版じゃね
>>842 ゼロからUI作るのが面倒だから使ってるんでしょ
あとIEが死んだ今DOM APIは統一的に書けるのだが
>>843 比較記事ならたくさんあるでしょ?
jQueryをDOM APIで書いてみた=数倍に行数が膨れ上がってしまった
これが結論ですよ
DOM APIは改善されてない
機能が追加されただけで
互換性がある=昔のまま
>> あとIEが死んだ今DOM APIは統一的に書けるのだが あはは、jQueryは生産性の改善なのに まーた的はずれな批判してるwww
昔jQuery使ってた頃もajax関連の処理かセレクターで属性変更系の処理が大半だった記憶があるが それなら今となっては素のjsでもそんなに困らんがなんかそれ以外で重要な恩恵ってなんだっけ?
React使えば数行どころの改善じゃないしバグも減る。目先の数行で一喜一憂するような、小さいプログラムしか組んだこと無いうちは理解できないだろうけど
>>846 ちゃんと
>>808 の記事を見た?
Svelteで書かれた同等のものをjQueryで書いてみた→数倍に行数が膨れ上がってしまった
これが結論ですよ
jQueryは完全に時代遅れ
>>850 Svelteがいいか悪いかは別として高々数十行数の例題の行数の増減に拘るヤツは無能やろ
>>848 jQueryの恩恵は生産性の向上
DOM APIで書くよりも数倍シンプルに書くことが出来る
>>850 $('.class').on('click', function() { alert("ok"); })
これをSvelteで書いてみて
>>851 うっわwww
Promiseって、jQuerryの方が先にDeferredとして採用した機能で
その後にPromiseが標準化された後はDeferredはPromise互換になってるんやで
調べてみたらjQuery 1.5でリリースされた機能だから2011年、もう10年以上も前から使ってる機能
お前はそんなことも知らんのや。最近Promise知って自慢気にでもなってんのか?
>>857 jQuery自体はまだまだ現役だけど
jQuery~って派生モノが結構終わってきてる
jQueryの派生物って結局デザインの部分で そこはCSSを使えばいいだけなんだよね jQueryはクラスとか属性を操作するもの で、そのデザインは変わりやすいもので Reactとかは結局CSSのアップデートで不要になっていく
なんでjqueryの話になってんの? 専用スレでやればいいっていうかそっちいけ
>>856 実質されてないみたいなもん
進化も退化もないからメンテは要らんと思うけどね
オリジナルの作者がもう違うことやってるし投げ出した
今思えば酷いコードだ
彼とは昔shibuya.jsってところで会ったことがあるのだけど
jQueryの作者についてググったら、2016年にはもうReactに乗り換えてるじゃん
>>855 それを言えば元々はpythonのイベント駆動のフレームワークが起源だよ
それを取り入れた
>>864 そういうのって結構多いんよね
Pythonの作者もPythonコミュニティ抜けたし
Delphiの作者もMicrosoft行ったし
>>864 本人に取っても黒歴史だろうね
こんなきちがい信者まで産んじゃってw
>>866 Pythonの作者は「ヲタク君たち見てる~? 次のリリースはMSのみんなのおかげでぇ、超早くなりま~す♡」とかMicrosoftからNTRビデオレターみたいなの出してたぜw
IT分野は言語でもフレームワークでも何でも同じだけど 出来る人たちはある程度の期間が経ったら新しいものへちゃんと乗り換える 細かく見ればそれぞれの期間でも適材適所で複数を使い分ける 一方でダメな人たちは一つのものに依存
>>854 短さにこだわる割にfunction使うのか……
そもそもReact/Vue/Svelteのどれもイベントハンドラの為にわざわざセレクタなんか使わないからね jQueryに囚われすぎて思考が狭くなってるよ もう少し勉強した方がいい それにjQueryのonで登録したハンドラはoffで開放しないとリークするけど 他のライブラリは管理不要になってるからね 半端な欠陥コードの真似をしろと言われても困るよw
小規模では、jQuery は圧倒的 これを素のJS で書いたら、コードが数倍になって、バグだらけで使えない。 生産性が悪く、長時間労働になるから、 コストが高くなって、時給が減る Deferred, Promise もある。 Ajax も皆、jQuery を使っていた。 それを最近は、axios に分離した LoDash も良い
>>874 jQueryは地味に罠が多いし、独特だし、インターフェース設計古いし、ネット上の解説コードの品質が低いし、なんでも文字列だし、 バグ増える印象ある。
歴史が長いし、作られた当時は何もなかったから仕方ないんだけども。
>>870 thisが使えるから、こっちのほうが短くなりやすい
>>871 DOM APIとの互換性
>>875 何もしないでokって出せるのか凄いなw
いいから動くもの出せよ
>>877 自分が無能なものをライブラリのせいにするな
>>872 > それにjQueryのonで登録したハンドラはoffで開放しないとリークするけど
なんでいちいちボロを出すんだwww
最初からリークしないように設計されたんだが
歴史の話をしてやろうか?
古くかIEでattachEventでハンドラを登録した時ページ移動しなければ
メモリリークしてしまう問題をjQueryは解決したのが売りの一つだった
DOM APIの先はJavaScriptの領域外のブラウザのAPI(ActiveX?)だったため
JavaScriptの参照ポインタが機能しないのが根本的な原因
だからそれを解決するため、俺の記憶が間違っていなければ
オブジェクト(イベントハンドラ)を直接参照するのではなくIDを使った
ウィークポインタのような仕組みを使ってハンドラを管理した
DOM APIに直接登録するのはjQuery自身のイベントハンドラ一つで
いくつ登録しても、内部のハンドラマネージャーがうまいこと
転送するという仕組みで実装されたからメモリリークしないのがjQuery
>>865 ちゃんと書けよ
それを言えば元々はpythonのイベント駆動のフレームワークが起源だよ
それをjQueryは取り入れた
だからPromiseと同等のものにJavaScriptプログラマ触れたのはjQueryが先で
jQuery使ってるプログラマがPromiseを知らないとかありえないだろ
お前が知らんだけじゃんかwww
って話の流れだろ
jqueryジジイさんは会社や開発でjqueryすごい!Reactクソ!って言ってjqueryのみで仕事してんの? それともWebサイトしか作れない底辺?
>>878 たった4行でここまで無能を晒せるとか凄い奴だな
>>883 DOM APIは互換性が高くなった。だから
DOM APIでやればいいって言ってるやつがいるだろ?
DOM APIだけでやってるよ。ただしjQueryという便利なライブラリでラップして。
わざわざ自分でDOM APIを簡単に使えるラッパーを自作するなんてアホでしょう?
>>881 それIE固有のリーク回避処理でしょ
IEサポート外した時にIE対処コードは除去されてるよ
しかも上位ノードでイベントバブリングを捕捉した後のコールバック管理の話とごちゃ混ぜになってるし
記憶の整理もできてないのにどうしてそんなに自信満々なんだろうか
>>887 は?jQueryがリークするって言ったのお前じゃん
じゃあIEのリーク以外にイベントハンドラでリークするっていう
デマ(笑)はどこから持ってきたのか言えよ
まず最初にお前が記憶(捏造)をはっきりと書き出せ
IEの時点でリークが回避されてるっていうのに
on使うだけでリークするわけがないって、少し考えればわかるやろ
しかも上位ノードのイベントバブリングとか 全く話に出てきてないことを言い出すし な?こういうことだよ。jQueryをわかってないで批判してる
> IEサポート外した時にIE対処コードは除去されてるよ IEサポート外なら、メモリリークしないということになるだろw IE以外ではメモリリークしないんだろ?
>>882 いやだからお前が無知って話なんだが?
本当の起源を知らないでjQueryが起源だ!と言ってる無知なあなたを咎めてる
「jQueryが起源だ」でこのスレを検索しても何も見付からない 自分で嘘つきであることを証明した瞬間w
jQueryおじさんはどんなアプリ作ってるか(仕事してるか)とか、大きいアプリ作った事ない疑惑に関してはきっちりスルーするね
JavaScriptよりも先にjQueryの方が Promise(Deferred)を採用したって俺が言ったから、 それにムカついてるのか? 起源なんて書いてないがw
>>895 誰もが知ってる超大規模ウェブサイトだな
>>893 メモリリークするIEが死んだんだから
jQueryもメモリリークしないで終わる話
お前がいい出したんだぞ
>>896 それを起源って言うんだよw
日本語もわからないの?
>>898 いやそれは俺じゃないぞw
お前みたいに自演などしない
>>899 なるほど
JavaScriptよりも先にjQueryの方が
Promise(Deferred)を採用したって俺が言ったから、
「jQueryが起源」という意味に勘違いして
あらしてたのかwww
な?こういうやつなんだよ
>>902 起源に論点ずらしてるがまずその認識が間違ってるのよ
jQueryのはtwistedを参考に作られたの
それを知らなかったよね?と言う話
あなたが無知を論点にしてたからそれを咎めたの
わかる?
起源の話はしてない
jQueryは凄くないと言う話をしてる
>>888 うーん文意読み取れない?
onのリークとIE固有のリークは別物だよ
さらにその2つとも関係ないjQueryの実装の話も混じってるよ
と補足したらわかるかな?
リークはonとremoveChild繰り返しで簡単に確認できるよ
891 返信:デフォルトの名無しさん[sage] 投稿日:2022/01/11(火) 12:21:35.79 ID:P6YErMSE [3/7]
>
>>882 > いやだからお前が無知って話なんだが?
> 本当の起源を知らないでjQueryが起源だ!と言ってる無知なあなたを咎めてる
899 返信:デフォルトの名無しさん[sage] 投稿日:2022/01/11(火) 12:28:28.28 ID:P6YErMSE [5/7]
> それを起源って言うんだよw
903 返信:デフォルトの名無しさん[sage] 投稿日:2022/01/11(火) 12:36:39.36 ID:P6YErMSE [7/7]
> 起源の話はしてない
わろたwww
>>904 > リークはonとremoveChild繰り返しで簡単に確認できるよ
reactとDOM APIを混ぜて使って
reactはメモリリークするって話をしてるんですね
「お前がアホ」で終わるよねwww
恣意的な編集して論破とか言ってる恥ずかしい人がいる……
いつもの勝利宣言だから、もう書き込まないでしょうw
あ、間違えた。論破してる人と恣意的編集してる人は別だわ。 論破は確かにしてるわ
>>910 IDを見ずに内容から、こいつキチガイだって判断したんだろ?w
それが事実だよ
>>911 恣意的な編集してる方が普通にキチガイだよ
>>912 自分の判断に素直になれよw
誰も起源なんて言ってないのに
「恣意的な編集して起源って言ったニダ!論破したニダ!」
って言ったほうがキチガイに決まってるじゃんかw
ここのスレタイとテンプレみて居座る奴がまずキチガイ
>>913 突然ニダニダ言い出してどうしたの?
もうすぐ超大規模ウェブサイトの端っこで惨めに数行減らす作業の時間だよ?
>>915 jQuery使ってるから、すでに最小の労力で
プロジェクトは完遂してるぞw
>>916 jQuery以外には何使ってるの? jQuery以外の部分は触らせてもらえないんだろうけどさ
>>917 それに答えたらなにかいいことでもあるのか?
GCP使ってるけど?
>>918 執拗に回答を避けてるからなんでかなと思って。GCPとか全然回答になってない事言うし
はぁ?やってることってプログラミング環境全てじゃん RubyとかPythonとか言えばいいのか?
>>920 普通GCPの~を使ってるって言い方するでしょ。GCPって言い方は変だよ、明らかに
reactその他と良し悪しを比較するなら意味があるだろうが、じぇーくえりーしか知らん奴のゴリ押しは無価値なんだよなぁ
jQueryくんはなんかそっち系のスレ出来てるからそっちいって
Ruby on Rails 6 でも、Bootstrap 4 を使うと、jQuery が自動的にインクルードされている。 React, Vue.js, Bootstrap 4 で、jQueryも使う Bootstrap 5 で、jQueryは削除されたけど、まだpopper.js は使っている Rails 7 では、外人のYouTuber のRailsのすべての学校・サロンは、 ここ3か月で、脱webpack のesbuild の動画を一斉に上げた! すごい。全員が最先端を攻めている
Railsはどうでもいけどesbuild使うとビルド速くなる以外にメリットあるのかな?
★ここではjQuery, Ruby, C#, Blazorの話題は禁止です ★jQuery, Ruby, C#, Blazorキチガイが書き込んでも無視してください Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおk。
Rails7がもつフロントエンドへの「答え」、2021/9
https://zenn.dev/kenzan100/articles/0f9b100655a4bf Rails 7 をちょこっと試す(さらば、Webpacker 編)、2021/9
https://qiita.com/suketa/items/837eb97bdb48dd8c4688 規約だけのフレームワーク・Stimulus が入った。
React, Vue,js, Stimulus の選択
Foreman が入った。
JavaScript のbundle には、esbuild, rollup.js, webpack の選択
Bootstrap, Bulma, Tailwind, PostCSS, Dart Sass をサポート。
DartSass 以外の、Ruby Sass, node-sass(LibSass)は滅んだ
SASSでは、グローバルスコープの@import を廃止して、
ファイルスコープの@use へ変わる
NextとFirebaseでSNSっぽいの作ってみて思ったんやが、NextとかNuxtとかのフロントエンドのフレームワークって、フロントエンドの技術メインで全部やろうとしたら有用やなとは思ったが、バックエンドちゃんと書けたり書ける人おるんやったら、いらんかもと思ったんやがどう思うよ 古い感覚なんかもしれんがロジックは基本バックエンドで書いて隠蔽して、フロントはjson要求したりjsonの色付けだけの方が、構成として綺麗かなーとは思ったんや フロントでゴリゴリとロジック書いてて、これええんか…?って思ってまう Railsみたいなフルスタックから、フロントやバックとかを分離する方向に時代は向かっとるとは思うが、Nextもフルスタックになりつつあるし フロントがSPAとかSSGになってんのは体感速度爆上がるからそこはええと思うんやがな
ユーザーが何でも変更可能なクライアントのコードで 全部やったら不正しまくりだろ フロントエンドで重要なことをしたらだめに決まってる
Nextは別にフロントバックエンドがゴッチャにはならんでしょ、シームレスにも出来るってだけで。バックエンド好きなもの使えるし。 FirebaseというかFirestoreはたしかにそんな傾向あるけど、そこは考え方を転換すればセキュリティを担保できるし、必要なとこはFunctionsでやればいいのだ。
>>931 要らんと思う
フロントはあくまでAPIクライアント
フロントしか開発したことない人が使うには良いんだろうね バックエンドも触ってる人からみれば分離した方が開発も運用も楽っての当たり前に理解しているし
jQuery時代の人なら普通にバックエンドも プログラミングしてたんだけどね 派手なものを簡単に作れるから 基礎技術ができてない人が多い
別にReactとかじゃなくてもフロント改変なんていくらでもできる なんならパケット直いじりツール使えばどんなシステムでも変更できるし
ちょこちょこNext.jsやFirebaseやった事ないのかズレた事言ってる奴が居るな……
>>931 自体がNextを要らないと言っているのかSPAを要らないと言っているのかポイントが絞れてないからじゃね?
ついにnext.jsを使うプロジェクトを開始したぞ ちな俺はサーバーサイドもフロントもガッツリやったことがある その俺が評価してやんよ ミスったら俺の首が飛ぶ
利用者の体感利便性を考えたら まずはページ再送出をしないCSR/SPA化が今では必須でしょう 更に最初のアクセスページのためにCSRだけではダメで最低限SSR併用か可能ならSSGが必要 バックエンド開発者もこの変化についてこれない人は CSRのためのAPI対応しか出来なかったり もっと古い人はCSR未対応の古きSSRオンリーしか出来なかったりで なぜ「CSRとほぼ同じコードをSSR/SSGする必要があるのか」さえも理解できていないようです
SPAで利便性がよくなるか?という問題は場合によるとしか言えんからなー シンプルなMPAのほうが使いやすいと感じるケースは未だに多い SPAが必須と考えるのは開発側の独りよがりだよ
まあでもSPAのほうが余分なもの読み込まないぶん若干ページ遷移早いよな そこだけは褒めてやるべきだとおもうわ まあ作り手の面倒は増えてるし回線速度が速い現在に本当に必要なのかは疑問だけど
>>942 SPAは毎回ページまるごと送出しなおしのMPAよりも以下の利点がある
・サーバーの負荷減少
・トラフィックの減少
・ブラウザ側での表示書き換え減少
・ユーザーの待ち時間減少 (体感の向上)
つまり全てにおいてエコで優れている
もちろんSPAに加えて前述のように最初のページアクセス待ち時間減少のためにSSR/SSG併用
デメリットは「技術の低い人たちは提供できない」
ユーザー目線で言うと非SPAはリロード時、遷移時に画面がしっかりリセットされる安心感があるんだよな なんか動きが変な気がしたらとりあえずリロード、戻る、適当にハイパーリンククリック それでまあまあ具合がよくなると経験的にわかってる これは非常に重要なんじゃないかな たぶん何も知らんユーザーからするとSPAは巨大でミュータブルなオブジェクトに見えてるんじゃないかとおれは考えてる 逆に非SPAはほとんどイミュータブルな関数に見えてる もちろんプログラミングの素人であるユーザーがイミュータブルとミュータブルの違いを認識してるはずは無いんだが ぼんやりと感覚的にその違いを使い勝手という形で体感してるんじゃないかな
>シンプルなMPAのほうが使いやすいと感じるケースは未だに多い MPAの方がシンプルってそれこそ開発側の視点じゃね? ユーザーから見てシンプルだというなら仕様が違うものを作っていることになるわけで、そもそも比較にならない。
場合によってはSPAのほうが想定すること少なくて楽。 それはそれとしてSPAが適するかどうかは用途次第。なんだけど、最近MPAはSSGとSPAのハイブリッドばかりでSSR作って無いなぁ
>>945 一般ユーザーはそこまで考えてないと思うし、そう思わせるならUIが悪いと思うな。個人的な意見だけども
>>944 ・サーバーの負荷減少はユーザーでなく運用側のメリットで今はユーザー視点のメリットについて議論しているのでは?
・トラフィックも同様
・表示書き換えは、、、SPAのほうが増えてないか?
・ユーザーの待ち時間は減る傾向が見られるね
・技術力が低い人に提供できないのはユーザーにとってはデメリットだね
つまりそれだけ利便性の高いサイトが少ないということだから
こうして一個一個深堀していくとやっぱりユーザー目線ではデメリットのほうが大きい気がするなー
ウェブIDE、オフィス文書編集、BPMエディタ、、、この手の従来デスクトップでしかできなかった超複雑なツールをブラウザで提供出来るようになったのは凄い発明だけど
何でもかんでもSPAってのは典型的なミステイクだね
未だに世の中のほとんどのサイトは従来の非SPAがマッチしてるよ
>>946 ユーザー目線でも開発者目線でもどっちもシンプルということだね
>>945 それはそのサイトのバグです
>>949 普通に正しくSPAが作られていれば
ユーザーにとって見た目やUI自体は同じです
その上で反応速度の向上による体感の良さをユーザーは得られます
一方でSPAはサイト提供側にもメリットが大きく
サーバーの負荷減少と送出トラフィック減少により支出コスト(費用)を減らせます
>>950 そうじゃなくて、同じ機能、同じ画面仕様のものをMPAとSPAで作ったのに
ユーザーから見て一方がシンプルに見えるのはどのへんが違うのかという話。
バックエンドがどれだけ地獄になろうが知ったこっちゃない って話なら確かにフロントエンドは何の機能も持たせず極限にシンプルに出来るね
>>954 やっぱりフロントエンドしかできないやつはこの程度w
>>954 それやるとjsonを装飾するだけのフロントになるねw
>>955 jQueryおじさんはフロントもバックエンドもわかってないじゃん。どんな技術使ってるか尋ねられてGCPとか答えてたしw
現代の多くのユーザーとこれからのほとんどのユーザーはネイティブアプリ触りまくってるから、ネイティブアプリっぽい動きできるspaの方がユーザー体験いいやろな
>>956 使ってる技術なんだからGCPは間違いない
普通はデータベースなんかも使うだろう
まさかお前フロントJavaScriptしかやったことないのか?
>>957 はっはっは、思考停止
現代の多くのユーザーが触りまくってるというのなら
ウェブサイトを触りまくってる
Amazonがゲームみたいなインターフェースだったら
使いづらくてしょうがない
>>958 尻尾出すの早いよw
Linuxバリバリ使えるしそれこそクラウドも使えるよ。ちょっと年季入ったフロント屋ならバックエンド書けるのなんて普通じゃん。
さて、どんなDB使ってるのかな?
>>959 ゲームみたいなインターフェースの是非は話してへんでおっちゃん
あとAmazonのネイティブアプリはおっちゃんが作れるウェブサイトみたいにベージ遷移の度にベージ全体読み込まへんで
一回Amazonのアプリをスマホにインストールして確かめてみたらええで笑
おっちゃんはスマホアプリでゲームしかしてへんのは分かったわ笑笑
>>962 百花繚乱な今から考えるとスゲー長かったなぁ……
おめえらゴミクソでまったくSPAの利点を理解してなくて萎えた
Ruby on Rails 5 からは、デフォルトでTurbolinks を使って、SPA, Pjax。 他にも、API モードもある Turbolinksは、リンクのクリックイベントやWebブラウザのナビゲーションイベント(進む/戻る)を監視し、 通常の遷移イベントをキャンセルします 代わりに非同期通信(XMLHttpRequest/Ajax)で遷移先のページを取得し、 現在のページのheadとマージし、bodyを差し替えることで、ページ遷移したように見せかけます
SPA の利点は、JavaScript のパース時間が無くなる事だろ
>>960 人に聞く前に自分で答えろよ
お前ひろゆきか?相手に喋らせて
ボロをだろうとするやり方だってバレバレなんだよ
で、お前は何使ってんの?
>>968 SPAはJavaScriptが複雑で巨大になるんです。
だからJavaScriptのパース時間を少なくしないといけないんです。
こんな感じだよなw
>>969 さんざ人の揚げ足取っといて(取れてなかったけど)自分が取られるとそんな事言い出すのか、惨めだな~
MPAでもSPAでも速い配信は(技術があれば)やり方次第で可能だし、見せ方次第で違いなんてわからなくなる。要はコンテンツや技術に合わせてスマートな設計をする事が肝要じゃないかな。ハイブリッドでも良い。 仮にECサイト作れと言われて、規模等にもよって設計は変わるだろうし、ここの住民でもみんなそれぞれ違う設計するでしょ。
>>972 いや、だからお前がSPAを根本的に理解してないからそんなゴミクソみたいな判断しかできないんだよ
>>973 急にどうした?
別にSPA否定してないし、反論あるなら具体的にね?
SPAってもうクライアントアプリじゃん 普通のWEBアプリしか理解してなさそう
まあSPAってぶっちゃけ使えるのホームページレベルぐらいで 大規模なのになってくると画面数が多すぎてMPAになるからねー
>>976 ホームページしか作れない無知のゴミクソは黙ってろ
安い喧嘩売るだけじゃなくてさぁ、もうちょっと内容で語りなよ
>>976 SPAはアプリですよ
代表例としては Google mail とか
自分も数年前から普通にキオスク端末を
PWA(SPA)で設計してリリースしてますし
今もみなさんも店頭で使うことできます
>>976 OSがWindows7でブラウザはIE使ってそうなおじさんだね
TwitterもSPAなんだよね。知らないとそうは見えないだけで
>>971 なんで、人に何使ってんのって聞いておいて
自分が同じ質問をされると答えられないの?
おかしいよね
>>982 仕方のない人だな……DBで良いんだよね?
場合によるけどFirestoreやPostgreSQL使う事が多いよ、Postgre使うのはjsonbがあるからだけど。
さて、君は何使ってるのかな?
MPAて未だに鯖でHTML生成してんの? React開発経験した後だと非効率過ぎて嫌にならん?
>>983 PostgreSQLとかMySQLとか使うけど
で、何のためにそんな質問したの?
>>984 なんでHTMLを生成する場所が
サーバーからクライアントに移動しただけで
効率が変わると思ってんだ?
>>987 GCPだとCloud SQLっていいますね。
それで?
何のために聞いたのさw
な?結局こういうことなんだよ 揚げ足を取るために質問してるから 答えても何も言い返せない
jQueryを使ってる人は、フロントエンドだけで全てが作れるなんて 思ってないからサーバーも含めて幅広い知識を有している
>>988 最初からそう言えば良いのにGCPとか漠然とした事言うから確認しただけじゃん
>>991 で、その質問に答えると黙るのはなぜってこと
揚げ足を取るのに失敗したねぇwww
答えが漠然なのはそもそも質問が漠然だから React以外に何を使ってるかなんて聞かれたら そりゃそれ以外のいろんな事を言うに決まってる
>>992 じゃあもっと聞こうか?
CloudSQLと何組み合わせてるの?
>>994 俺は質問に答えたんだから、次はお前。
何のために質問したのか答えろ。
もっと言えばお前がFirestoreやPostgreSQL使ってるんだろ
それと何を組み合わせてるの?
そしてそんなことを聞いてどうするの?
お前が質問に答えた上で
俺の質問に答えろや
話はそれから
ほんともう揚げ足取ろうとするのがバレバレなんだよ まじ劣化版ひろゆき屋でwww
Vue vs React vs Angular vs Svelte Part.9
http://2chb.net/r/tech/1642316327/ >>986 やっぱお前ガチで何もわかってねえじゃん
その間違った知識しかないからSPA使えないんだよ
レベル下がるからあっちいけ
このスレッドは1000を超えました。 新しいスレッドを立ててください。 life time: 238日 2時間 21分 45秒
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/ ▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php