Vue vs React vs Angular Part.4

■ このスレッドは過去ログ倉庫に格納されています
2020/06/11(木) 19:01:45.26ID:uGsh0NQC
実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333895/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください
2020/07/07(火) 22:59:11.42ID:Ttnpigl4
>>69
おめーがアホだから理解不能なだけだろが
74デフォルトの名無しさん
垢版 |
2020/07/08(水) 00:21:09.70ID:739odCbc
>>69
>サーバサイド技術のnpmとかnode.js

この認識が可笑しい
75デフォルトの名無しさん
垢版 |
2020/07/08(水) 00:30:48.93ID:J4hybS9S
>>67
確かにvueのtypescript対応は不親切。
てかいい加減公式サイトぐらいtypescript対応しろと。
2020/07/08(水) 10:52:27.83ID:jfQpAxCR
>>72
だからお前いつもグルーピングがおかしいってば
2020/07/08(水) 11:23:22.62ID:s7sJ7O7X
rubyｶﾞｲｼﾞに触るな
7872
垢版 |
2020/07/08(水) 11:59:26.81ID:Z8A6jaoN
>>69
トランスパイルは、サーバー側でする。
その開発環境が、Node.js

もし、JSX で書いて、それをブラウザでトランスパイルすると、
時間が掛かるので、推奨されない

だから事前に、Node.js, Webpack, Babel, Browserify, Uglify, CssShrink, AutoPrefixer などで、
ES2015, JSX などを、ES5 に変換しておく
2020/07/08(水) 12:06:07.93ID:t4n6CtPA
なんでガイジ鯖でトランスパイルなんてとんちきなこと言ってんのかと思ったけどもしかしてc9みたいな環境でやってんのかなこいつ？
8072
垢版 |
2020/07/08(水) 12:10:06.57ID:Z8A6jaoN
トランスパイルの手順も、タスクランナーのGulp か、
プロジェクトのpackage.json 内の、npm scripts に書いて実行するだけ

watch 機能を書いて、ファイルを保存するたびに、自動的にトランスパイルすることもできる

Ruby on Rails では開発用サーバーに、webpack-dev-server を使う
8172
垢版 |
2020/07/08(水) 12:12:49.23ID:Z8A6jaoN
そもそも、ブラウザでトランスパイルするのは、全ユーザーが同じ変換をするから無駄

サーバーなら、1回の変換で、全ユーザーに対応できる。
変換後のHTML を送るだけ
2020/07/08(水) 12:17:22.01ID:QRjt2V7u
めんどくせーならNuxtでも使えや。
8372
垢版 |
2020/07/08(水) 12:20:39.69ID:Z8A6jaoN
Docker か何かの開発サーバーじゃないの？

漏れは、自分のPC 内のWindows 10, WSL, Ubuntu 18.04 で、
VSCode の拡張機能、Remote WSL を使って、
Linux側に、プロジェクトを作っている

Windows側からのブラウザアクセスは、
VSCodeの拡張機能・open in browser ではローカルファイルアクセスとなるので制限されるが、
VSCodeの拡張機能・Live Server では、サーバーを立ててのアクセスとなるので制限されない

Linux側には、日本人が作った、バージョンマネージャーのanyenv で、rbenv, nodenv を使って、
ruby 2.6.6, node 12.16.2 を入れた

yarn は、Windows側に入れて、WSL から、拡張子なしのyarn コマンドを呼べる。
これは、#!/bin/sh で始まるシェルスクリプト

anyenv は多言語向きで、rbenv, nodenv, pyenv, phpenv などを同じ使い方で、統一的に扱える。
同様のツールに、asdf もある
2020/07/08(水) 12:25:17.49ID:Kr2gnfN5
devcontainerのほうがいいでしょ
環境切り替えが楽チン
2020/07/08(水) 12:28:10.14ID:hmU+YLWt
anyenvとかすぐに重くなるから嫌い
なんとかenvは全部作り直せと言いたくなる
8672
垢版 |
2020/07/08(水) 14:11:54.59ID:Z8A6jaoN
phpenv が重いのは、すべてのファイルをコピーしているからとか、

何かのサイトに書いてあった
8772
垢版 |
2020/07/08(水) 14:16:33.13ID:Z8A6jaoN
Stoyan Stefanov の本には、Babel, Browserify は、

グローバルにインストールした方がメリットが多い、とか書いてあるけど
2020/07/08(水) 15:16:59.06ID:t4n6CtPA
>>81
そうじゃなくて、reactっていうかJSXのトランスパイルはrubyｷﾁｶﾞｲであるお前以外の99%はブラウザでもサーバでもなくフロントエンドの開発マシン、要は手元のPCでビルド時に行うの。
2020/07/08(水) 15:28:49.13ID:MVSOOhWY
いや俺はデプロイ先のコンテナでビルドするように設定してるけど
2020/07/08(水) 15:33:35.61ID:Kr2gnfN5
それはないな
起動が遅いのはコンテナでは許されない
2020/07/08(水) 16:12:22.96ID:MVSOOhWY
>>90
リリースのたびにローカルの開発環境でnpm run buildみたいなコマンド打って、トランスパイルされたjsファイルを手作業でアップロードみたいな作業するの？
零細サイト(アプリ)ならありかもしれないが…
2020/07/08(水) 16:19:50.85ID:I47WXMxT
なんで手動って決めつけてんの？
ビルドプロセスにデプロイも含めるでしょフツー
2020/07/08(水) 16:28:48.25ID:0bRtE3JM
>>91
Laravelならプロジェクト一式の中にwebpack関連の一式も入ってるけどね
2020/07/08(水) 16:47:50.70ID:Kr2gnfN5
>>91
手動でアップロード？
意味わからんこと言うなよ
95デフォルトの名無しさん
垢版 |
2020/07/09(木) 10:02:09.72ID:mOpBi7N3
>>91
tsファイルの変更を自動検知して.jsに自動でトランスパイルする設定で
開発するのが普通なんじゃないの

>>92
deployっていう用語は開発が終わって本番サーバーに移すときに使う感じでしょ

開発中のこまめな修正はbuildだから
buildとdeployはセットにしてしまうと不便
頻度が違いすぎる
2020/07/09(木) 10:04:52.31ID:G/OlOUwD
インフラ屋には「開発」って概念がないからｗ
あいつらは出来上がったものを配布するだけ
配布するときにビルドが必要かどうかってことしか知らない
ビルドだけが必要という発想がない
2020/07/09(木) 10:35:48.43ID:w7BJW0S5
CIでビルドからデプロイまでやるわなフツウ
毎回デプロイまでプロセス進めるわけでもないが
なんらかのトリガで自動デプロイまで整ってないとしんどいよ
2020/07/09(木) 12:28:57.46ID:KHuqFwsC
蔵「ここに要素追加で！中のここのテキストは決まり次第連絡します」
ワイ「よっしゃ手空いたし実装すすめたろ！ここのテキストは適当にうめとこ！できた！フロントビルドして表示確認したろ！」
CIとやら「ビルド＆デプロイ！」
本番サイト「おちんちんびろーん」
蔵「…」
2020/07/09(木) 12:52:10.72ID:CLykJNt5
手動デプロイする人、ビルド構成1つしか使えない人、いろいろいるんだなあー
2020/07/09(木) 14:13:27.36ID:fGQp3/0X
手動デプロイって人数1人の超小規模開発だけだろ
2020/07/09(木) 14:22:33.72ID:fGQp3/0X
なんかこのスレ、
・開発中のローカルサーバーでのビルド
・本番等へのデプロイ時に行うビルド
をごっちゃにしてる奴が居て話が噛み合わないわ
2020/07/09(木) 14:25:16.59ID:w7BJW0S5
どっちも同じだろ
パラメータ少し変えるだけだし
103デフォルトの名無しさん
垢版 |
2020/07/09(木) 14:39:00.18ID:vrNDocOm
ほらね
2020/07/09(木) 14:42:43.21ID:w7BJW0S5
まさかローカル用とデプロイ用で分けてメンテしてんのか？
DRYはどこに行ったんだ
2020/07/09(木) 14:46:26.77ID:KHuqFwsC
ハァ？なんでローカルの開発マシンで既にビルドしてるフロントをまたサーバーでビルドするんだ？
腐った思考がグルグル回ってんのはお前の頭ん中だけ。DRYじゃないのはお前。
2020/07/09(木) 14:51:31.22ID:w7BJW0S5
>>105
はぁ？
開発中はローカルでビルドするし、CIサーバーでもビルドする
当たり前のことだろーが
お前、はっきり言って意味わからんよ
2020/07/09(木) 15:02:50.19ID:pDJXId50
言うほどローカルでビルドする？
108デフォルトの名無しさん
垢版 |
2020/07/09(木) 15:15:30.24ID:fGQp3/0X
>>104
そもそもローカルではwebpack-dev-serverとか使って効率化するだろ。
お前…まさかファイル更新する度に毎回ビルドコマンド打ってるのか？

>>105
そもそも本番とかってリリース用のブランチと同期しながらリリースするんだから開発マシンとか関係ないだろ。
お前…まさか自分の開発マシンでビルド　したファイルを直接本番とかの環境にデプロイしてるのか？
2020/07/09(木) 15:18:52.05ID:dGRiARSQ
てかそもそもローカルで開発やってんの？
2020/07/09(木) 15:19:43.38ID:7NNwjcns
本番機械にデプロイしてから
デバッグしてるよ
2020/07/09(木) 15:50:54.77ID:U0+2kDKX
両方成敗されててワロタｗｗｗｗｗ
2020/07/09(木) 16:06:12.14ID:mOpBi7N3
デプロイとか書くのやめたほうがいいよ
バカっぽいから

deployの発音と全然違う
2020/07/09(木) 16:09:12.55ID:DLLEuHaF
デッポｫイ
2020/07/09(木) 16:12:04.53ID:p1w6aC/e
>>108
今はコマンドを打つかウォッチで自動化するかどうかは関係ない
どっちにしろ構成は同じだ
2020/07/09(木) 16:57:49.39ID:Oqcc9RL+
ディプ・ローイ
116デフォルトの名無しさん
垢版 |
2020/07/10(金) 00:30:34.49ID:wxXFpnos
gulpとかbabelとかwebpackとかyarnとか本末転倒なんだって
そんなものこれっぽっちも使いたくないんだよ。

楽したいと思うからフレームワークに頼るわけであって
使えるようになるまでコマンドいくつも叩くくらいなら
ネイティブJavaScriptで全部やりゃいいだろってなるわ
2020/07/10(金) 00:51:02.42ID:2N+fP911
じゃなんでこのスレ開いたんだ
2020/07/10(金) 01:17:45.44ID:jhbOVfsR
>>116
はっきりと勉強したくない（努力したくない・技術力をつけたくな）って言ったらどうか？
技術者の道具っていうのは自動車でも飛行機でも
技術力をつけて初めてさらに高度なことが出来るようになるもの
勉強しないで使えるものじゃないんだよ
2020/07/10(金) 01:26:15.32ID:ykDeil39
npm install && npm run watch
たったこれだけやん
あとはソースの更新を自動検知して再ビルドしてくれる
2020/07/10(金) 01:26:33.04ID:ykDeil39
あ、Laravelの場合はね
2020/07/10(金) 02:14:28.34ID:73Gt5ed7
確かにwebpackはクソ。
俺はビルド設定職人じゃねえっての。
何にでも設定あるのは仕方ないがややこしいすぎめんどすぎ設定方法すぐ変わりすぎ。
投げ捨ててsnowpackを使うことにした。
webpackはとっとと滅べ！
2020/07/10(金) 05:57:04.39ID:QHte8x2K
Ruby on Rails は普通、Heroku を使う

Rails 6 からは標準で、Webpack。
プロジェクト内に、node_modules もあるし、
最初から、Yarn に、便利なコマンドも登録されている

webpack-dev-server も入っているから、
最初から、ソースコードの変更をwatch している。
VSCode の拡張機能・Live Server のwatch と同じ

有名なYouTuber、雑食系エンジニア・KENTA も、
CircleCI も必要だって言ってるだろ
2020/07/10(金) 06:13:16.31ID:tMSRuIv2
>>116
ほんとだね
12472
垢版 |
2020/07/10(金) 07:49:21.18ID:QHte8x2K
Node.js, Webpack, Babel, Browserify, Uglify, CssShrink, AutoPrefixer などが無ければ、

ES2015, JSX などを、ES5 に変換できない
125デフォルトの名無しさん
垢版 |
2020/07/10(金) 08:17:54.92ID:gdbFqfW8
どんだけ必要なんだよww
馬鹿かよビルドばっかでReactの本題がほとんど頭に入らんわ
ちゃんと整理しろよwwww
2020/07/10(金) 08:47:02.79ID:LiH0PaR7
あの程度のツールの組み合わせもまともに理解できないような輩は
プログラムを仕事でやるのは辞めてほしいわ。
railsなんか使っても何がどこに作用してるかわからなくて糞コードになるのが目に見えてる。
2020/07/10(金) 09:00:52.47ID:ykDeil39
>>125
必要じゃなくてLaravelやRailsならもうプロジェクトに一式入ってる環境が整ってるからビギナーが気にする必要ないわけよ
2020/07/10(金) 09:09:17.82ID:ykDeil39
>>125
てかReactとか普通に入門書やらチュートリアルサイト見ればNode入れてcreate-react-app入れたら
create-react-appで新規プロジェクトを作成してnpm startやるだけって書いてあるだろ
それすらできんって言うんならプログラミングの才能ないからやめた方がいいぞ
2020/07/10(金) 09:46:57.35ID:GKub8uAj
魚捌けなくても寿司は食えるみたいな
130デフォルトの名無しさん
垢版 |
2020/07/10(金) 10:16:52.30ID:tLJkl0Xj
CPUが古いからかcreate-react-app、実行したら2分くらいかかるんだけど
新しめのRyzenとかだとどれくらいでcreate-react-appの処理終わるの？

>>128
チュートリアルの最初にcreate-react-appでてくるし
プログラミングの才能とかそんなレベルの話じゃない気がする

しかしReactの公式ドキュメントはそのあと一気にハードルあがる
いきなりゲームを作りましょうとかの解説になって挫折したわ
ゲーム作りはチュートリアルのレベルじゃないだろ！とツッコミたい

YouTubeの解説とかのがよっぽどわかりやすい
2020/07/10(金) 10:38:58.61ID:QHte8x2K
Bootstrap があれば、CSS 知らないでも、レスポンシブ対応できる

create-react-app は良いけど、
その後、どこから無料の、awesome なコンポーネントをパクッてくるのか、それが重要

Material-UI か？

Rails なんて、React からのコンポーネントのパクリしか考えていないw
132131
垢版 |
2020/07/10(金) 10:42:42.45ID:QHte8x2K
青色のボタンを使うと、Bootstrap 臭がするとかw

Rails は今や、Node.js, Webpack, React からのパクリしか考えない、段階に入ったw
2020/07/10(金) 10:46:13.74ID:4aXnhBqR
別にプロジェクトのイニシャルやるのに2分くらい掛かってもいいだろ
変更検知ビルドで2分掛かってたら大問題だけど
2020/07/10(金) 11:25:16.45ID:n1XvZUez
>>131
アイコンなら普通にReactDOMにリンクするdivタグがあるhtmlでcdn読み込みすればいいんじゃね？
2020/07/10(金) 13:26:16.21ID:2N+fP911
>>130
CPUじゃなくて回線速度じゃねえの
2020/07/10(金) 13:41:18.34ID:/uHfdbTh
IDEで新規プロジェクト作成に２分も掛かってたら待ってらんない
SQLのクリエイトデータベースでもそんなにかからない
2020/07/10(金) 15:23:36.78ID:tLJkl0Xj
遅いのは主に回線速度なのかなぁ？
みなさんは、create-react-app、何秒間で終わる？

>>136
Visual StudioでC#とかやってたから2分は相当長く感じる
2020/07/10(金) 18:51:55.72ID:QmDdrWog
create-react-appでプロジェクト作るところを言ってるのか、そのあとのbuildのことを言ってるのかどっち
2020/07/10(金) 18:59:02.17ID:nECgv1tu
だいたいwebpackのせい
滅びろ
2020/07/10(金) 19:09:24.73ID:tLJkl0Xj
>>138
もちろん、時間のかかる前者。project作成みたいな作業
ほかのひとは何秒くらいかかってるのかな、と
自分は120秒超えてたはず

そのあとのbuildというのはbuildしてる感覚はないのでよくわからない。
VSCodeがtsの変更を監視して.jsに変換するのがbuildなんだろうけど、
JSがcompile不要言語だからbuildといわれてもしっくりこない
後者は1秒未満
2020/07/10(金) 19:20:51.32ID:K5rpfeoQ
だいたいトランスパイルが面倒さの原因だしtsのまま動くようにしてほしい
142デフォルトの名無しさん
垢版 |
2020/07/10(金) 19:44:24.02ID:sls7voqY
よくもまあHTMLに埋め込むだけで動作する
シンプルなJavaScriptをここまで複雑にしたもんだ

開発環境複雑なのはマジでゴミだと思うわ
ツール名並べてビルド環境自慢してる奴はおもちゃ
組み立ててはしゃいでるガキと同じ。
そもそもそんな糞みてーなビルドなんかなくても動く
言語だったこと忘れてるみたいですね。
2020/07/10(金) 20:01:19.85ID:2N+fP911
>>142
シンプルで済むのはお前が一人で作るカップラーメンのタイマーくらいなんだが
2020/07/10(金) 20:46:41.69ID:d3LQjj1F
てかjQueryでいいわ
俺はフロントマウント界隈から降りるぜ
2020/07/10(金) 21:29:33.92ID:tmsI80qx
どうせビルドするならトランスパイルじゃなくてアセンブリでいいんだよな
Webasmがウェブの正当進化
これから先の時代ではビルドプロセスを間に挟むならWebasm
そうでないならJSと分化していくだろう
数年後にはJSでSPAやってる人は居なくなる
2020/07/11(土) 00:07:21.89ID:OpVuA9Ov
reactのテストってどういう風に書くのが正解？
2020/07/11(土) 01:19:29.51ID:UYSRZN1t
>>141
全部のブラウザがTypeScript動くようにすればいいだけなんだよな
それでJSは開発終了でいい
2020/07/11(土) 01:41:33.60ID:TUFHIPon
そうだね
ブラウザでTypeScriptが動くようになるかJavaScriptがTypeScriptの機能を取り込んでいくのか分からんけど
トランスパイルは過渡期的な技術だと思う
5〜10年後には無くなっているだろう
2020/07/11(土) 02:13:09.20ID:cZoTn3pS
マイナなんたらはIE11でしか申し込めないんだっけ？
150デフォルトの名無しさん
垢版 |
2020/07/11(土) 03:30:23.47ID:T1/tMyE9
wasmが直接実行できてDOMも生で触れたらJSなんていらないけどね
てかこのRFCとかないの？
2020/07/11(土) 03:56:17.01ID:n/VQ0E7w
・・が直接・できて・も生で触れたらJSなんていらないけどね
てか・・とかないの？
2020/07/11(土) 07:13:13.43ID:UYSRZN1t
WebAssemblyでweb app作った場合に
ブラウザからソースとかはみえないんだよね？

開発する側にとってはソース見えないのは大きなメリットだけど
ユーザー側はセキュリティ的に実行していいコードなのかどうやって
判断するんだろ

>>149
smartphoneでも申し込めるんだからIE11限定はあり得ないでしょ
2020/07/11(土) 07:56:00.22ID:M8nptmnx
>>149
あんなの逆に既存ブラウザに拘らずにWin/Macでそれぞれ専用ブラウザアプリ作りゃ済んだ話なのにな
2020/07/11(土) 09:57:32.58ID:0/l6dmQ+
まあjqueryに適切なネームスペース設定があればって話もわからんではないけど。
でも結局静的チェックは必要だろうなとは思う。
jsはあまりにぐにょぐにょすぎる。
2020/07/11(土) 10:04:21.32ID:fJlL8BSP
適切なネームスペース設定ってなんだ？jQueryに限った話なのか？
2020/07/11(土) 14:58:25.28ID:uAzO8/bZ
自分がぐにょぐにょだったというオチ
2020/07/11(土) 20:14:49.67ID:tYF4Dhe8
普通に考えたらvuexとかのフレームワークが提供するnamespace機能じゃねえの？
2020/07/11(土) 23:15:12.44ID:CRVUgJTS
レガシー技術しか触らせてもれないエンジニアがいっぱい居るんだなぁ
2020/07/12(日) 01:12:29.71ID:FwLv8JRl?2BP(1000)

VBAスレが勢い2位の板ですし
2020/07/12(日) 01:20:57.95ID:Ttk2hZRW
「触らせてもらえない」って変な表現だな。
もし触りたきゃ個人的に触るだろ。
単に必要がないだけじゃないか。

実際、サーバーサイドのAPIと通信したり、VuexやReduxでやるような状態管理が求められないようなアプリにフロントフレームワークがオーバースペックだっていう意見は同意する。

VueとかReact使うとフロントが楽なのは当然として、サーバーサイドも楽になる。
サーバーサイドはAPI化してJSON返せばいいだけになるし、ネイティブアプリ対応もサーバーサイドはワンソースで済む。

wordpressのような、htmlにサーバーサイドの変数を埋め込んでからレンダリングするようなレガシーアプリだと、言語がphpかrubyあたりに制限さられるし、何より密結合でクソ汚いコードが生成される。
逆にAPIへのリクエストが頻繁するようやサイトでjQueryだの生JSだの言ってたらメンテナンス性や開発効率は最悪だろうね。
2020/07/12(日) 01:39:59.65ID:Ttk2hZRW
あとはテストの書きやすさも違うと思う。
MVCに則ったサーバーサイドの場合、Controllerのいわゆる機能テストはViewの代わりにJSONになるからすごくシンプルになる。（Modelのメソッド単位のユニットテストになると関係無いけど）

俺はサーバーサイドのテストはよく書くけど、フロントのテストはあまり書かないんだよね。（e2eテストって難しいし）
それでもフレームワークの有無の違いでテストの書きやすやが全く違うのは誰でも想像できることだと思う。
2020/07/12(日) 02:16:40.18ID:6LAoyHzZ
それって DOM to JSON みたいなシリアライザがあれば
DOMのテストは簡単にならんか？
163デフォルトの名無しさん
垢版 |
2020/07/12(日) 09:32:00.73ID:sEYtnhuz
Ruby on Rails のシステムテストは、Capybara, Selenium とか

Page Object みたいなデザインパターン
164デフォルトの名無しさん
垢版 |
2020/07/12(日) 11:16:28.18ID:NK7E+AG5
今日のNG確定
2020/07/12(日) 11:26:50.74ID:vwiHN0KN
>>164
ワードでNG掛ければよくね？
2020/07/12(日) 12:13:06.73ID:vC5oJzvU
「今日の」ね。
ワード単位なら分かるけど、こんな過疎スレでわざわざID単位でNGしたくなるって、どんだけ効いたんだろ。
2020/07/12(日) 12:25:19.68ID:86r/iRcT
そんなたいした作業か？
ロングタップしてNGIDに追加押すだけじゃんｗ
2020/07/12(日) 12:33:46.69ID:VRndaT/s
このスレにだけ出没するってんなら
そんな大した話でも無いんだがな
2020/07/12(日) 13:21:54.42ID:oDnBGDI7
NGとか解除の手間考えたらやらない
この程度スルーできないでよく5chできるね
いちおうプログラミングの話だしNGするほどのことじゃない

>>163
Railsおじさん
いつもJSと関係ない脱線した話ばかり
Railsなのに脱線しかしてない
2020/07/12(日) 13:32:09.95ID:86r/iRcT
なぜ解除する必要が？一生NGだぞ。
過去ログ読む際出てきたら困るわ。
てか解除する人なんて聞いたことない。
171163
垢版 |
2020/07/12(日) 13:35:40.32ID:sEYtnhuz
Ruby on Rails のBDD, RSpec を知らない香具師は、

Jest, Jasmine も知らないと思う
2020/07/12(日) 18:02:19.97ID:oDnBGDI7
>>170
5ch、特に技術系の話題なんて過去の情報に価値がないし
過去ログなんてまず読まない。
あとで必要になりそうな重要なレスはtext fileに保存しておく
そうしておかないと探す時間の無駄になる

プログラミングするやつがNG解除の理由わからないとはやばい。
NGチェックのために無駄な処理が増えて動作が遅くなっていく

NG追加しつづけるなんてことやってるひとは
非効率なコードを書いてる人だわ
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況