Vue vs React vs Svelte Part.6

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2020/10/27(火) 13:09:05.31ID:5aYZ+KyB
実際どうなん？
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Angular Part.5
https://mevius.5ch.net/test/read.cgi/tech/1596029929/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Angular, Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。
2020/12/29(火) 19:41:55.81ID:xrSERZg5
まあ、作った人がScheme意識してるって言ってるからな。
https://brendaneich.com/2008/04/popularity/
2020/12/29(火) 19:47:54.10ID:awsGRXp2
全部がListだったらそれはもう匂いがするどころではなくLispそのものだと思う。
Lisp脳だったのでTS始めた時は型演算そのものを(Lispみたいに)JSで書かせてくれと思ったよw
2020/12/29(火) 19:53:01.60ID:awsGRXp2
Lispの匂いといえばMozillaのlet式が没ったのは返す返すも残念だった。今はdo式に期待してる
2020/12/29(火) 21:12:55.98ID:LSI+C1uB
>>778
Lispのどこがいいんだ？
全てにおいて不便なだけな気がするのだが
2020/12/29(火) 23:06:44.05ID:awsGRXp2
Lispのデータとソースコードは全てListである。
Lispは主にListを操作してプログラムする。
Lispには文は無く、式だけがある。
LispのマクロはListであるLispソースコードの操作をLispで行う。
Lispのマクロはありとあらゆる式をList操作で作り出せるのでDSLが簡単にできる。あらゆるコードを抽象化できる。

スレ違いだからあとは調べてね。
これは個人的な所感だけど、
ありとあらゆる式文が作れる（抽象化できる）ってことはつまり俺ルールがまかり通って分断を招く言語って事だから、そりゃ一般向けじゃないやね
2020/12/29(火) 23:19:25.78ID:c62SKept
>>787
そのせいでクオートとか関数クオートみたいな邪悪な存在が生まれたのは無視かな？
2020/12/29(火) 23:26:15.08ID:Ba9B66hW
>>787
長々と書いてるがメリットってこれだけだろ？

> Lispのマクロはありとあらゆる式をList操作で作り出せるのでDSLが簡単にできる。

DSLを作りたいやつがどれだけいるか知らんが
DSLというのはただの関数に過ぎない
だからどの言語でも関数を作ることで簡単にDSLを作れるぞ
2020/12/29(火) 23:36:01.58ID:awsGRXp2
細かい反論はあるけど概ねご批判の通りだよ。
だから流行らない。俺は好きだけどね
2020/12/29(火) 23:38:23.99ID:Ba9B66hW
https://xn--97-273ae6a4irb6e2hsoiozc2g4b8082p.com/%E3%82%A8%E3%83%83%E3%82%BB%E3%82%A4/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E7%89%B9%E5%8C%96%E8%A8%80%E8%AA%9E/

> DSLは、大きく内部DSLと外部DSLに分類することができます。
>
> 内部DSL: 内部DSLは、汎用のプログラミング言語の書き方を工夫して、
> 見かけ上の構文を自然言語に近づけた言語です。
書き方を工夫するだけだからどの言語でも出来る

> 外部DSL： 外部DSLは、汎用のプログラミング言語とはまったく別の構文を持ったDSLです。
こっちはlispでも作りづらい
2020/12/29(火) 23:46:09.89ID:Ba9B66hW
内部DSLの場合、言語によって自然言語に近づけるといっても限界がある場合がある

えばC言語なら、 This("is", "a", "pen"); が限界だろう

これがRubyだと This "is" "a" "pen" となる
is とか a とか を定義すれば、This is a "pen" と書けるかもしれないな

だがシェルスクリプトであれば This 関数を作るだけで
This is a pen と書くことが出来る。
ダブルクォートでくくらなくても文字列として扱われるからだ

内部DSLを作るのに一番適した言語はシェルスクリプトだと思うが
それはそれとして、DSLを簡単に作れる言語の条件はリスト操作をしてるとかではなく
引数を () でくくらなくても良いとか最後にセミコロンがいらないとか
そういう言語ではないだろうか？自然言語は () でくくらないからな
2020/12/29(火) 23:52:22.87ID:Ba9B66hW
引数の区切りにカンマが不要ってのもDSLに適した言語の条件かな
2020/12/30(水) 00:05:32.15ID:TuVgzDLD
>>789
kotlinぐらいじゃないかな。
無茶めな構文が変わるレベルのDSLが作れるの。

S式として成り立ってればどんな構文すら作れるから、関数を作ることで作れるとか言ってるレベルじゃないぞ。
それが良いことかはおいといて。
2020/12/30(水) 00:08:13.49ID:Zk/FBUc0
どんな構文でも作りたいわけじゃない

「自然言語」に近い構文を「簡単に」作れるというのが条件
自然言語というのはシンプルで、単語を並べるだけなのだ

仮にkotlinでC言語の構文に対応できたとして
それはDSLとしてはふさわしくない構文
2020/12/30(水) 00:08:25.33ID:olxuh5fb
>>789
JuliaとRustはそこそこ無茶なこともできるしな
ASTレベルでの操作だし
Lispプログラム=実質的なASTと考えると何も変わらん
そこの優位性ももはやない
2020/12/30(水) 00:15:06.44ID:Zk/FBUc0
>>796
だからプログラム言語を作りたいんじゃなくて
DSL（自然言語風）を作りたいんだってばｗ
2020/12/30(水) 00:19:04.50ID:Zk/FBUc0
あと「簡単に」ってのも重要
作れるけど大変っていうのは簡単ではない
2020/12/30(水) 00:19:15.74ID:olxuh5fb
Lispは自然言語風ではないだろ
あの括弧なんとかしろよ
2020/12/30(水) 00:21:48.47ID:TuVgzDLD
DSLって別に自然言語に寄ってなくても良いんじゃないか？
ドメイン記述に便利な表記であればそれで良いかと。
昔ウィジェットツリーをそのまま書いたらマクロで展開されるとかそういうの書いたことあるけど、自然言語寄りではなかったな。
最近で言うとkotlinのankoみたいなやつ。
2020/12/30(水) 00:26:09.36ID:Zk/FBUc0
> DSLって別に自然言語に寄ってなくても良いんじゃないか？

それは正しいが「自然言語と異なる別のプログラム言語」を
覚え直さなければいけないのはナンセンスだろ
2020/12/30(水) 00:26:50.79ID:Zk/FBUc0
（なぜか「当分お断りしております。」が出たので分割して書き込み）

独自のDSLを作る場合、新たな言語を覚えなおさなくていいように
誰もが知ってる自然言語に近い構文にするのが普通
2020/12/30(水) 00:27:23.67ID:Zk/FBUc0
そうしないとDSLを使うことで
2020/12/30(水) 00:28:25.07ID:Zk/FBUc0
ぎゃくにこーどがわかりづらくなる
DSLの特徴である「ドメイン固有の処理を簡単に表現できる」に反してしまう
2020/12/30(水) 00:29:06.25ID:Zk/FBUc0
（なんで「ぎゃくにこーどが」を漢字とカタカナにしたら書き込めないんだ？）
2020/12/30(水) 00:30:13.27ID:Zk/FBUc0
「コ　ー　ド」をスペース抜いたら書き込めない
2020/12/30(水) 00:34:39.76ID:DCxLNcGT
こうやって言語機能そのものみたいな基本部分の重箱つついて、何かあるとすぐちゃぶ台返しして応用や発展的な話題出ないの最高に5chのプログラム板って感じ
2020/12/30(水) 00:35:42.82ID:olxuh5fb
そもそもすれ違いだぞ
2020/12/30(水) 00:41:11.57ID:Zk/FBUc0
>>807
そういうことじゃなくて「色々出来る言語」を過大評価しすぎってこと
簡単に目的を達成できる方が重要なのに
色々出来るんやでだからすごいっていう考えが古臭い
2020/12/30(水) 00:56:40.62ID:lXmFrXZN
コード
2020/12/30(水) 00:59:28.01ID:nb9M1V+x
>>810
どうやらブラウザ（ユーザーエージェント？）も関係あるっぽい
Chromeでは書き込めず、Firefoxなら書き込めた
その他の情報も見てる可能性があるな
IPアドレスは変えてもクッキー消しても意味はなかった
2020/12/30(水) 01:01:03.26ID:eKh3SvG1
スレ違いなネタでろくに知識もないのに平気で一人で盛り上がってる感じ、またC#おじさんかよ。NGすとこ
2020/12/30(水) 01:12:42.10ID:lGcdPzxm
>>812
９月２日から１０月１０日までレスが３つしか付かなかった過疎スレだったんだよね
テーマに沿って話して過疎るか雑談でスレを伸ばすかのどっちかで雑談でもいいと思う
でないと話すことなくて過疎る
雑談が嫌なら来なければいい
2020/12/30(水) 01:42:40.61ID:zA1s3IaL
なんでjs前提のスレで他言語について話してんだ○イジかよと思ったけど。もともと過疎スレだったのか。
フロントエンドFrameworkはすでに別にスレがあるから、雑談スレでもいいかもね。
2020/12/30(水) 01:56:29.40ID:Cptlqs6D
みんなどうやったら良いSPAが作れるか議論したいんじゃないの
今更だけどスレタイで技術を限定するのは世界を狭めていると思う
C#おじさんはうざいかもしれないがまがいなりにもSPAを作る技術があるわけで
2020/12/30(水) 02:08:36.28ID:sThloFfy
わいはSSRの方がすこだ！
2020/12/30(水) 03:37:46.36ID:olxuh5fb
C#おじさんの自演ここまでくると怖い
本当に年内に病院に行くべき
2020/12/30(水) 05:45:50.88ID:WuRkJ7SN
>>816
Next.jsなら今はSSG推奨
2020/12/30(水) 06:08:39.70ID:npFXMZqI
時代はISR
2020/12/30(水) 06:38:08.28ID:Kz0vlNp0
>>813
C#おじさんいっつも最後にはそれ言い出すな。荒らしが荒らして伸びるより過疎スレの方がどう考えたって健全じゃん。
スレが伸びることが何の免罪符になると思ってんだか
2020/12/30(水) 10:00:04.98ID:TuVgzDLD
まあアホみたいにC#に反論して悪かった。
そりゃそうでそもそもスレチだわな。

React今更やり直してんだけど、スタイルってどうやってる？
Vueみたいにコンポーネントごとに書いといたらcssが一本ドーンとできるみたいな仕組みが欲しいんだが、見た感じなさそう。
css in jsでインラインスタイルみたいな感じで当てまくるのが王道なの？
2020/12/30(水) 11:50:39.35ID:mn0czGQ5
react というかNext.jsってpagesの中でscssをimport する時って
各エレメントにclassName={hoge.kage} って手動でクラス名を紐付けないと駄目なの？

比較して申し訳ないけど、vueだとcss側に*{color:red}とか.main{border:1px;}、html側に<div class="main">と書くだけで
コンポーネント単位でdata-v-xxxx ってスコープ切って紐付けてくれるんだが、そういうのは無し？

前の人と多分同じネタかなこれ
2020/12/30(水) 12:16:17.47ID:TuVgzDLD
>>822
同じネタだと思う。
かつ、俺less使ってて、共通色とか基本サイズ数とかの定数値を、importしてるんだけど、これをきれいに解決する方法がわからん。
2020/12/30(水) 12:34:12.03ID:zA1s3IaL
横からだけど自分もそれ気になるなあ。
コンポーネントごとcssを別出しするとか色々あるみたいだけど、やり方が複数あって迷うなぁ。

Tailwind使ってるからスタイル自体そんなに充てないけども
2020/12/30(水) 12:54:00.12ID:mn0czGQ5
>>823
うーむ、Next.jsのgetServerSidePropsに惹かれて試してみたけど、こっちはVueと比べてCSSの考える事は多い感じかな

適当に書くけど、.main > * {color:red}とかやって、子コンポーネントに突き抜けたりしないだろうか・・・。
2020/12/30(水) 14:36:06.25ID:97VH6JZh
>>820
他人に過疎を味あわせたいというのは異常だし
おまえがこのスレに来なくて過疎を味わい他人がこのスレで雑談して楽しむのはwin-win
スレのテーマを話したい人がいるときに雑談で邪魔しないというマナーはある
2020/12/30(水) 17:44:12.92ID:zA1s3IaL
>>822
Reactだと、上記と同じことをするのはstyled-componentsかな。
エディタの補完が追いつくのかは気になるけど

https://qiita.com/taneba/items/4547830b461d11a69a20
2020/12/30(水) 18:55:12.14ID:olxuh5fb
>>826
とにかくお前はC#スレに籠ってろ
他の勢いがあるスレに関係ないことを書き込みに来てるのはわかってるんだ
2020/12/30(水) 20:27:31.52ID:/bDJ6XEP
「過疎スレだから」がスレ違い宣伝荒らしの言い訳ならprologスレとforthスレを盛り上げてこい。これは命令だ。
2020/12/31(木) 00:25:02.74ID:QWe6530o
Next.jsってアップデートされたけどVercel使わないとまともに使えん的になってきてそこそこの規模でも有料だし
少し大きくなったら年間数万ドルもかかるとかやばくねえっすか？
2020/12/31(木) 00:48:49.82ID:ZOSFby6D
ちょっと調べたけどnextって今そんなことになってたんだ。面白ー。
まぁまだゆとり向けフレームワークのnuxtちゃんがいますし...
2020/12/31(木) 07:16:28.08ID:kXsKi0cH
画像最適化やISR等の一部機能がVercel依存なだけじゃないの？
Vercelも自分とこのプラットフォームを使ってほしいだろうけど、客寄せになるNext.jsの人気は必要だから無茶はできないし
2020/12/31(木) 17:56:20.15ID:v+HdWO16
ReactのNext.jsのgetServerSideProps() に相当する機能ってVueのNuxt.js には無い？
DBアクセスとか、必ずサーバー側で実行して欲しい処理を書きたい
2020/12/31(木) 20:12:22.49ID:n8r8zFZ6
ある
が基本的すぎてドキュメント読んでないのがバレるぞ
2020/12/31(木) 23:11:57.32ID:v+HdWO16
asyncDataやfetchだとrouter-link、nuxt-linkでページ遷移するとクライアント側で実行されちゃう認識だけど
それ以外にも必ずサーバサイドで実行される(ロジックの中でfs.readFileSyncが使える)方法あるの？
2021/01/01(金) 01:01:38.63ID:I6jeM+Zp
getServerSidePropsの意味するところを俺が誤認してたみたい失礼。

asyncDataをサーバ側に限定する方法はない
ServerMiddlewareを使えばサーバ側で動くAPIを作れるから、それをクライアント側から呼ぶ形が一般的
2021/01/01(金) 01:11:21.91ID:/+4IUuLb
やっぱりページごとにAPI作るのがNuxtの流儀か

管理サイト的なものを作っていて、9割のページがDBのデータを表示してるから
1ページごとにAPIを個別に作るのはしんどいんだよね
それか、router-link禁止で全部<a>タグでのみページ遷移するルールにするかって感じか
2021/01/01(金) 10:22:39.74ID:JSeY8OLT
>>822
普通にscssで書いてる
一般的なサイトと書き方変わらん
2021/01/01(金) 11:09:03.93ID:LgwM8ucz
>>838
コンポーネントにではなくて、サイト全体に書いてる感じ？
グローバルに効いちゃうって事？
2021/01/01(金) 12:13:22.88ID:JSeY8OLT
>>839
index.jsでsassをimportしてるからそんな感じ
といってもscssファイルはページ用とか変数用とかに分けてる
2021/01/01(金) 13:10:38.63ID:LgwM8ucz
>>840
なるほど。ありがとう。
となると、ちょっと設計方針変えないといかんな。
2021/01/01(金) 13:44:12.20ID:JSeY8OLT
>>841
あとビルドするときにscssをcssとして出力（package.jsonに記載）したほうがChromeのDeveloperで開発しやすいんでないかな
俺はそうした

jsにスタイル書くのって俺的には無理だったしscssの変数とかmixinどうすんのって感じだったから使ってない
2021/01/01(金) 20:12:23.69ID:/+4IUuLb
せっかくコンポーネントごとに分けてるのにグローバルな巨大cssを作るのもちょっとなぁ
scssだと入れ子が出来るだろうから素のcssよりゃマシだろうけど
844デフォルトの名無しさん
垢版 |
2021/01/01(金) 22:01:26.56ID:7dc3kU9y
>>842
package.jsonに記載って何を記載するんですか？
2021/01/01(金) 22:03:44.11ID:gR0w6/3v
いいからガタガタ抜かさずemotion使ってみろってｗ
846デフォルトの名無しさん
垢版 |
2021/01/01(金) 22:05:08.76ID:gOgGeOog
emotion は絶対にない。

linaria は許容できるけど
2021/01/01(金) 22:30:42.44ID:8TPOGttB
SPAで特定のページにnoindex付けたいんですがどうやるのが正解ですか？
今考えてるのは特定のページに入ったらjqueryでheadにnoindexをぶち込む方法です
2021/01/01(金) 22:34:56.11ID:JSeY8OLT
>>843
そうなんだけどさ、styled-componentの無理やり感が無理なのとjsがスタイルの記述ばかりになって見通し悪くなるし
あと使ったことないけどstyled-componentだとChromeのDeveloperToolでどうやって調整するんだろ

開発がWebアプリ系なら全体的にほとんど同じスタイルだからそれほど増えなくないかな

>>844
開発用パッケージにcss-loaderとsass-loaderとstyle-loaderをインストール
だったかな
2021/01/01(金) 22:40:09.79ID:HdS3p/N5
css in js だと goober が軽くてええな
850デフォルトの名無しさん
垢版 |
2021/01/01(金) 22:43:08.73ID:gOgGeOog
styled component と emotion は全く同じ位置付けなんだけど。
styled componentが無理矢理でemotionが無理矢理じゃないのが理解できない。

dev toolpの問題は結構前に解消されてるでしょ。

css in js を使用する人は何を実現したくて使用するのか聞きたい
2021/01/01(金) 23:02:42.71ID:gR0w6/3v
emotionはstyled component形式でも書けるけどメインはcss prop形式だよ。
css prop形式使わないならstyled component使えばいい。
わざわざemotion使うからにはcss prop形式使うでしょ。
styled component形式は移行のためのサポートと思っとけばいい。
852デフォルトの名無しさん
垢版 |
2021/01/01(金) 23:05:06.53ID:gOgGeOog
https://emotion.sh/docs/styled

インターフェイスは　styled componentと変わらないと思うけど
853デフォルトの名無しさん
垢版 |
2021/01/01(金) 23:10:00.98ID:gOgGeOog
ちゃんと読まないでレスしてた

css prop形式だと余計に　css in js 使う意味ないでしょ。
それだと　classNameをconditionで操作してるのと変わらないでしょ
2021/01/01(金) 23:19:20.92ID:gR0w6/3v
あのねえ、styled componentより後発でたったそれだけのことで人気追い抜くわけないでしょ…
知らないならドキュメント読んで使ってみなさいよ
2021/01/02(土) 00:13:03.58ID:gKf/Fv60
時代はtailwindCSS
856デフォルトの名無しさん
垢版 |
2021/01/02(土) 15:35:58.93ID:RXFdEIXY
tailwindかtacyonsどっちか迷ってる俺に推しの一言をどうぞ
857デフォルトの名無しさん
垢版 |
2021/01/02(土) 17:42:37.50ID:wubIjlLH
https://i.imgur.com/vOB4XJi.jpg
もはや比較の必要あるか？というレベルで大差付けてるけども

最近の人気で言うとTailwindCSSかChakra UIかという感じやな、chakraはreact専用だけども。
2021/01/02(土) 20:18:33.44ID:7UePDUod
tailwindとchakra uiはスコープだいぶ違うと思うが。
前者はCSSフレームワーク、後者はreact用uiツールキットでしょ
859デフォルトの名無しさん
垢版 |
2021/01/02(土) 22:31:31.83ID:wubIjlLH
>>858
立ち位置は完全には同じでないけど、被ってる部分は結構あってサイト内にも比較ページがあるくらい意識されてるよ。
https://chakra-ui.com/docs/comparison
背景も使い所も全く別物なら公式がわざわざ用意しないからね
2021/01/03(日) 00:49:54.47ID:U3X4E4MI
うんそれoverview読むだけでまったく別物だって分かるね
2021/01/03(日) 01:01:48.04ID:p2kXTSH1
全く別物ではないな中身見てないだろ
もちろん範囲外のものもカバーしてるけども
2021/01/03(日) 01:12:57.13ID:p2kXTSH1
例えば
Tailwindなら
<div className="w-full mx-4 my-2"></div>
Chakraなら
<Box w="full" mx={4} my={2}></Box>
で同じ結果になる。
colorもレスポンシブも同様にあるしな。

まぁ全く同じもので厳密に比較しないと死ぬ病気だったらすまんな、忘れてくれ。
2021/01/03(日) 01:16:24.80ID:U3X4E4MI
あほくさ。
上は単なるcssクラス
下はreactコンポーネントじゃん。
下はJSXで書いてるから似て見えるだけ。
実態はJS関数じゃん。
いったいどこが同じなのかｗ
cssなんて基本要素も甚だしいんだからそれで似てる言ってたらWeb用のありとあらゆるライブラリが似てるｗ
2021/01/03(日) 01:21:20.90ID:WJLaDztK
知らんけど使用感のことを言ってるんでしょ？
内部構造が別だからってギャーギャーつっかかってもしゃあないやん...
2021/01/03(日) 01:27:19.26ID:j7drLdmA
このフレームワーク流行ってるのか
使ってみようかな
趣味プロダクトのデザインマジで面倒だ
2021/01/03(日) 07:17:12.46ID:77GCy5PB
まあ>>859が正しいわな
どちらを使うかで迷う人が多いから、わざわざ比較ページでピンポイント比較しているわけで

ただChakraは、使うのを止めるってなった時に地獄を見そうだな
react-bootstrapで地獄を見た私はそう思うぜ
2021/01/03(日) 16:18:33.59ID:sJkgD0sU
materializecssってオワコンなの？
2021/01/03(日) 19:55:53.47ID:p2kXTSH1
https://i.imgur.com/2YClP8H.png
そーす
https://2020.stateofcss.com/ja-JP/

これ見るとまだオワコンではないと思う、他が大きく下げたものが多いから順位は上げてる。
TailwindCSSが断トツではあるけどね。
2021/01/03(日) 20:16:55.01ID:DBWyzvd0
でもお前らのゴミみたいなセンスじゃ何使ってもどうにもならないじゃん？
2021/01/03(日) 22:03:10.41ID:3GzJdVpR
はいはい
2021/01/04(月) 00:31:45.14ID:iT2qTMUm
>>869
ゴミみたいなセンスだから優秀なライブラリを使うんだろうが
OSSタダ乗りおじさん舐めんな
2021/01/04(月) 09:41:29.84ID:rgY6auQv
AWSのことかな？ｗ
批判にあわてて援助し出したんだっけ？ｗ
2021/01/04(月) 16:45:28.03ID:qovFEaH+
ちょっと何言ってるか分からない
2021/01/04(月) 17:33:54.18ID:v/b/bq9A
意味不明だな
2021/01/05(火) 17:59:59.74ID:DKe92MJE
スライムというワイルドカード
2021/01/06(水) 19:42:43.06ID:V+n1SaTt
jqueryUIたいなライブラリー
なにか知りませんか？

Reactで使いますが、
React用じゃなくても良いですので。
2021/01/07(木) 00:03:32.99ID:HeEo+TnW
JQuery UIでいいじゃんそれ
2021/01/07(木) 00:36:41.77ID:P60007ut
BootstrapとかMaterial-UIの事言ってる？
2021/01/07(木) 12:47:58.31ID:IsAkKduI
bootsrtapは？
2021/01/07(木) 15:12:43.36ID:BMEPnbk6
bootstrapよりどちらかというとvelocityとかじゃね
881デフォルトの名無しさん
垢版 |
2021/01/07(木) 19:07:40.82ID:XRImqR79
JQuery UIの主にインタラクションのような機能です。
Draggable
Droppable
Resizable
Selectable
Sortable

自前のコントロールを作ろうとすると必ずこの壁にぶち当たります。
2021/01/07(木) 20:50:34.46ID:ikfTGx5+
React に、そういう機能のコンポーネントは無いの？
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。