Enviar pesquisa
Carregar
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
•
29 gostaram
•
79,502 visualizações
健
健人 井関
Seguir
2018/06/20 Fukuoka.js #4 LT
Leia menos
Leia mais
Software
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 28
Baixar agora
Baixar para ler offline
Recomendados
エンジニアの個人ブランディングと技術組織
エンジニアの個人ブランディングと技術組織
Takafumi ONAKA
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
mosa siru
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture
Atsushi Nakamura
暗号技術の実装と数学
暗号技術の実装と数学
MITSUNARI Shigeo
SpringBootTest入門
SpringBootTest入門
Yahoo!デベロッパーネットワーク
PlaySQLAlchemy: SQLAlchemy入門
PlaySQLAlchemy: SQLAlchemy入門
泰 増田
Dockerからcontainerdへの移行
Dockerからcontainerdへの移行
Kohei Tokunaga
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
増田 亨
Recomendados
エンジニアの個人ブランディングと技術組織
エンジニアの個人ブランディングと技術組織
Takafumi ONAKA
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
mosa siru
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture
Atsushi Nakamura
暗号技術の実装と数学
暗号技術の実装と数学
MITSUNARI Shigeo
SpringBootTest入門
SpringBootTest入門
Yahoo!デベロッパーネットワーク
PlaySQLAlchemy: SQLAlchemy入門
PlaySQLAlchemy: SQLAlchemy入門
泰 増田
Dockerからcontainerdへの移行
Dockerからcontainerdへの移行
Kohei Tokunaga
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
増田 亨
JenkinsとDockerって何が良いの? 〜言うてるオレもわからんわ〜 #jenkinsstudy
JenkinsとDockerって何が良いの? 〜言うてるオレもわからんわ〜 #jenkinsstudy
Kazuhito Miura
爆速クエリエンジン”Presto”を使いたくなる話
爆速クエリエンジン”Presto”を使いたくなる話
Kentaro Yoshida
マルチテナント化で知っておきたいデータベースのこと
マルチテナント化で知っておきたいデータベースのこと
Amazon Web Services Japan
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
Kentaro Matsui
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
Takuto Wada
AWSのログ管理ベストプラクティス
AWSのログ管理ベストプラクティス
Akihiro Kuwano
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
Takayuki Shimizukawa
モジュールの凝集度・結合度・インタフェース
モジュールの凝集度・結合度・インタフェース
Hajime Yanagawa
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
mosa siru
ドメイン駆動設計 本格入門
ドメイン駆動設計 本格入門
増田 亨
REST API のコツ
REST API のコツ
pospome
こわくない Git
こわくない Git
Kota Saito
Webアプリケーションは難しい
Webアプリケーションは難しい
Takafumi ONAKA
WayOfNoTrouble.pptx
WayOfNoTrouble.pptx
Daisuke Yamazaki
Where狙いのキー、order by狙いのキー
Where狙いのキー、order by狙いのキー
yoku0825
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
今からでも遅くないDBマイグレーション - Flyway と SchemaSpy の紹介 -
今からでも遅くないDBマイグレーション - Flyway と SchemaSpy の紹介 -
onozaty
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
Yoshiki Hayama
オブジェクト指向の設計と実装の学び方のコツ
オブジェクト指向の設計と実装の学び方のコツ
増田 亨
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
モダンJavaScript入門.pdf
モダンJavaScript入門.pdf
omochids0113
Mais conteúdo relacionado
Mais procurados
JenkinsとDockerって何が良いの? 〜言うてるオレもわからんわ〜 #jenkinsstudy
JenkinsとDockerって何が良いの? 〜言うてるオレもわからんわ〜 #jenkinsstudy
Kazuhito Miura
爆速クエリエンジン”Presto”を使いたくなる話
爆速クエリエンジン”Presto”を使いたくなる話
Kentaro Yoshida
マルチテナント化で知っておきたいデータベースのこと
マルチテナント化で知っておきたいデータベースのこと
Amazon Web Services Japan
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
Kentaro Matsui
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
Takuto Wada
AWSのログ管理ベストプラクティス
AWSのログ管理ベストプラクティス
Akihiro Kuwano
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
Takayuki Shimizukawa
モジュールの凝集度・結合度・インタフェース
モジュールの凝集度・結合度・インタフェース
Hajime Yanagawa
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
mosa siru
ドメイン駆動設計 本格入門
ドメイン駆動設計 本格入門
増田 亨
REST API のコツ
REST API のコツ
pospome
こわくない Git
こわくない Git
Kota Saito
Webアプリケーションは難しい
Webアプリケーションは難しい
Takafumi ONAKA
WayOfNoTrouble.pptx
WayOfNoTrouble.pptx
Daisuke Yamazaki
Where狙いのキー、order by狙いのキー
Where狙いのキー、order by狙いのキー
yoku0825
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
今からでも遅くないDBマイグレーション - Flyway と SchemaSpy の紹介 -
今からでも遅くないDBマイグレーション - Flyway と SchemaSpy の紹介 -
onozaty
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
Yoshiki Hayama
オブジェクト指向の設計と実装の学び方のコツ
オブジェクト指向の設計と実装の学び方のコツ
増田 亨
Mais procurados
(20)
JenkinsとDockerって何が良いの? 〜言うてるオレもわからんわ〜 #jenkinsstudy
JenkinsとDockerって何が良いの? 〜言うてるオレもわからんわ〜 #jenkinsstudy
爆速クエリエンジン”Presto”を使いたくなる話
爆速クエリエンジン”Presto”を使いたくなる話
マルチテナント化で知っておきたいデータベースのこと
マルチテナント化で知っておきたいデータベースのこと
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
AWSのログ管理ベストプラクティス
AWSのログ管理ベストプラクティス
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
モジュールの凝集度・結合度・インタフェース
モジュールの凝集度・結合度・インタフェース
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
ドメイン駆動設計 本格入門
ドメイン駆動設計 本格入門
REST API のコツ
REST API のコツ
こわくない Git
こわくない Git
Webアプリケーションは難しい
Webアプリケーションは難しい
WayOfNoTrouble.pptx
WayOfNoTrouble.pptx
Where狙いのキー、order by狙いのキー
Where狙いのキー、order by狙いのキー
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
今からでも遅くないDBマイグレーション - Flyway と SchemaSpy の紹介 -
今からでも遅くないDBマイグレーション - Flyway と SchemaSpy の紹介 -
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
オブジェクト指向の設計と実装の学び方のコツ
オブジェクト指向の設計と実装の学び方のコツ
Semelhante a なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
モダンJavaScript入門.pdf
モダンJavaScript入門.pdf
omochids0113
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
Takahiro Okumura
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
好洋 山崎
JavaScriptトレンド総括(2014)
JavaScriptトレンド総括(2014)
VOYAGE GROUP
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
Isao Ebisujima
How to collect frontend technology
How to collect frontend technology
RikiyaOzawa
PHP&NewSQLで考える次世代アプリケーション
PHP&NewSQLで考える次世代アプリケーション
Yuuki Takezawa
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないために
YukiOniki
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
Kanako Kobayashi
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Webの勉強会#11
Webの勉強会#11
MarlboroLand
GraphQLについての5分間
GraphQLについての5分間
Matsuo Obu
JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)
y_uuki
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
ウェブディレクターのための Web A11Y 勉強会 #03
ウェブディレクターのための Web A11Y 勉強会 #03
Kazuhiko Tsuchiya
RakSulのInternal API開発で gRPCを導入した話
RakSulのInternal API開発で gRPCを導入した話
nixiesan
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Semelhante a なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
(20)
Web制作勉強会 #2
Web制作勉強会 #2
モダンJavaScript入門.pdf
モダンJavaScript入門.pdf
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptトレンド総括(2014)
JavaScriptトレンド総括(2014)
ServerSideJavaScript
ServerSideJavaScript
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
How to collect frontend technology
How to collect frontend technology
PHP&NewSQLで考える次世代アプリケーション
PHP&NewSQLで考える次世代アプリケーション
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないために
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Webの勉強会#11
Webの勉強会#11
GraphQLについての5分間
GraphQLについての5分間
JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
ウェブディレクターのための Web A11Y 勉強会 #03
ウェブディレクターのための Web A11Y 勉強会 #03
RakSulのInternal API開発で gRPCを導入した話
RakSulのInternal API開発で gRPCを導入した話
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Mais de 健人 井関
勉強できてますか?
勉強できてますか?
健人 井関
初めてのvue.js(2.x系)
初めてのvue.js(2.x系)
健人 井関
ThinkDESIGN ユニバーサルデザイン#1
ThinkDESIGN ユニバーサルデザイン#1
健人 井関
ゆるっと IT勉強会
ゆるっと IT勉強会
健人 井関
Atomic desing workshop
Atomic desing workshop
健人 井関
福岡のIT系勉強会情報
福岡のIT系勉強会情報
健人 井関
Mais de 健人 井関
(6)
勉強できてますか?
勉強できてますか?
初めてのvue.js(2.x系)
初めてのvue.js(2.x系)
ThinkDESIGN ユニバーサルデザイン#1
ThinkDESIGN ユニバーサルデザイン#1
ゆるっと IT勉強会
ゆるっと IT勉強会
Atomic desing workshop
Atomic desing workshop
福岡のIT系勉強会情報
福岡のIT系勉強会情報
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
1.
なぜ初心者は webpackが解らないのか? - Why can’t
you understand the webpack? - 2018/06/20 Fukuoka.js #4 LT
2.
● 井関 健人(@take2webservice) ●
フリーランスのWEB系エンジニア ● PHPとかJavascriptとかRubyとか触ってます ● 新しい技術を1dayで教える講師とかやってます ● LaravelとかGitとかwebpackとかVueとかDockerとか… ● 今回は宣伝も兼ねて、webpack講座の前半部分を切り取ってきました 自己紹介
3.
昨今のモダンなJavascript開発で必須となりつつある仕組み ・モダンなWEBページ(HTML,CSS,Javascript)の開発 ・静的型付けがあるTypeScriptの開発 ・Angular、React、Vue.jsなどの開発 webpackとは何か?
4.
webpackの具体的な用途 ● pug(Jade)やHAML、EJSといったテンプレートエンジンのコンパイル ● SASSなどのCSSプリプロセッサのプリコンパイル ●
TypeScriptなどのAltJSのトランスパイル ● Linterを用いた、Javascriptの構文チェック ● AngularやReact、Vue(Vue-cli)といったJSフレームワークの実行 ...etc
5.
初心者「できること多すぎて解らん…」 /\ テンプレートエンジンって何だよ!! / /| CSSプリプロセッサって何だよ!!
∴\/ / BabelとかAltJSって何だよ!! ゜∵|/ Linterって何だよ!! (ノ・ω・)ノ そもそもフレームワークって何だよ!! / /  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
6.
● Javascriptの静的モジュールバンドラー ● 依存関係のあるJavascriptのモジュールを取得し、それらのモジュールを元 に静的ファイルを生成する。 ●
webpack.config.jsに設定を記述しコマンドラインから実行する。 ● 利用にはNode.jsの実行環境が必要。 ● ローダやプラグインという機能で、ファイルをバンドルする時にカスタムタス クを実行できる。 (参考:https://en.wikipedia.org/wiki/Webpack) 改めて、webpackとはなにか?(from wikipedia)
7.
(゚Д゚)ハァ? (゚Д゚)ハァ?
8.
さっきの具体的な用途にほぼ触れられていない…だと? ● pug(Jade)やHAML、EJSといったテンプレートエンジンのコンパイル ● SASSなどのCSSプリプロセッサのプリコンパイル ●
TypeScriptなどのAltJSやBabelを用いたJavascriptへのトランスパイル ● Linterを用いた、Javascriptの構文チェック ● AngularやVue.js(Vue-cli)といったフレームワークの実行 ...etc
9.
さっきの具体的な用途はほぼ全て「ローダーとプラグインでできる内容」 ● Javascriptの静的モジュールバンドラー ● 依存関係のあるJavascriptのモジュールを取得し、それらのモジュールを元 に静的ファイルを生成する。 ●
webpack.config.jsに設定を記述しコマンドラインから実行する。 ● 利用にはNode.jsの実行環境が必要。 ● ローダやプラグインという機能で、ファイルをバンドルする時にカスタムタス クを実行できる。 (参考:https://en.wikipedia.org/wiki/Webpack) ● pug(Jade)やHAML、EJSといったテンプレートエンジンのコンパイル ● SASSなどのCSSプリプロセッサのプリコンパイル ● TypeScriptなどのAltJSやBabelを用いたJavascriptへのトランスパイル ● AngularやReact、Vue(Vue-cli)といったJSフレームワークの実行 ● Linterを用いた、Javascriptの構文チェック
10.
webpack混乱ポイント カスタムタスクが優秀すぎて本質が解りづらい (Д)゜゜ ホンシツ ドコー
?
11.
● Javascriptの静的モジュールバンドラー ● 依存関係のあるJavascriptのモジュールを取得し、それらのモジュールを元 に静的ファイルを生成する。 ●
webpack.config.jsに設定を記述しコマンドラインから実行する。 ● 利用にはNode.jsの実行環境が必要。 ● ローダやプラグインという機能で、ファイルをバンドルする時にカスタムタス クを実行できる。 (参考:https://en.wikipedia.org/wiki/Webpack) webpackとはなにか?(from wikipedia)
12.
bundle : 束、塊、包み モジュールに分割され、別々になったJavascriptファイルの 依存関係を解決して、1つのファイルにまとめるツールの総称。 モジュールバンドラーとは何か??
13.
//shout.js hoge.shout(); fuga.shout(); //hoge.js var hoge =
{} hoge.shout = function(){ console.log("hoge"); } 読み込み順を気にする必要があったり… 分割しないと、ファイルのどこで何をしてるか解りづらかったり… でも、分割すると変数名上書きしそうで怖かったり… 昔のJavascript開発 //index.html <script src="hoge.js"> <script src="fuga.js"> <script src="shout.js"> //fuga.js var fuga = {} fuga.shout = function(){ console.log("fuga"); }
14.
元々、WEBブラウザでだけの動作しか考えられていなかったJavascriptを サーバーサイドでも使えるようにしようという動きが起きる。 結果、Node.jsが誕生し、ES2015ではそれまで無かった「言語仕様レベルでのモ ジュール管理の仕組み」が定義されました。 ES2015の登場で変化したJavascript開発
15.
index.js いい感じに1ファイルにまとめられる。 //shout.js const hoge =
require("hoge"); const fuga = require("fuga"); hoge.shout(); fuga.shout(); モジュールバンドラー登場により変化したJavascript開発 //hoge.js const hoge = {} hoge.shout = function(){ console.log("hoge"); } module.exports = hgoe; //fuga.js const fuga = {} fuga.shout = function(){ console.log("fuga"); } module.exports = fuga; webpackなどのモジュールバンドラーで、 複数のjsファイルをまとめる。 htmlには、このファイルを 読み込むだけ。
16.
webpackの本質はモジュールバンドラーであるということです。 ここを押さえないとカスタムタスクの部分が上手く理解できず、 十分に活用しづらくなります。 webpackの本質
17.
GRUNT Gulp npm script PARCEL [閑話休題] webpackと似たことができる仕組み
18.
Gulpとは gulp is a
toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something. <訳> gulpは開発ワークフローで苦労したり時間のかかるタスクを自動化するための ツールキットです。
19.
Gulpとは - gulpはタスクランナーと呼ばれるツールです - JSの圧縮、Sassのコンパイル、画像の圧縮など -
Web制作において時間のかかるタスクを自動化するためのもの - Gruntと違って非同期処理なので早い
20.
- webpackはjavascriptのモジュールバンドラー (複数のjavascriptを1つにまとめるのが目的) - gulpはタスクランナー (web制作で自動化したい処理を定義し、自動的に実行するのが目的) webpackとGulpの違い
21.
● Entry(エントリー) ● Output(アウトプット) ●
Loader(ローダー) ● Plugins(プラグイン) webpackの4つの基本要素
22.
読み方:エントリー(エントリーポイント) Javascriptをバンドルする上で、どのファイルを基準として、依存関係を解決する かを指定します。 エントリーには複数のファイルを指定することができます。 エントリーポイントを指定すると、webpackはエントリーポイントで指定したファイ ルが依存する他のモジュールとライブラリを読み込んでくれます。 Entryとは?
23.
読み方:アウトプット webpackがまとめたファイルを、「どこ」に「どのような名前」で出力するかを指定し ます。 Outputとは?
24.
読み方:ローダー webpack自体はJavaScriptしか理解できませんが、ローダーを使用することで、 JavaScript以外のcssやhtmlといったファイルをモジュールに変換して処理を行え ます。 設定ファイルには、「ファイル名」と「適用する処理内容」を記述します。 Loadersとは?
25.
読み方:プラグイン ファイルをまとめる以外のタスク(カスタムタスク)の実行 ができます。 プラグインは「バンドルしたJavascriptファイルの最小化」から先に挙げた webpackの利用例で挙げた様々な処理まで幅広く使用されます。 Pluginsとは?
26.
webpackを図にすると cssやテンプレートエ ンジンを読み込みた い? js以外の読み込む方 法(Loader)を教えて くれたら読み込む よ! javascriptのファイル をまとめたい? 最初に読み込むjs ファイルを教えくれれ ば、中で呼んでる javascriptを読み込 むよ! jsとは一緒にせず、 cssやhtmlの出力を したり、ファイルを圧 縮したい? まとめる以外の処理 方法(Plugin)も教え てくれたらやっとく よ! 読み込んだ javascriptをまとめて 出力するときの出力 先と、出力方法を教 えて! まとめて置いとくよ! webpack .config.js ユーザー この設定でjsファイ ルをまとめて下さ い! js js sass pug js css html
bundle.js OutputEntry Loaders Plugins
27.
webpack理解の次のステップへ 静的バンドラーであることを理解したら、 次はメジャーなローダーやプラグインを単体で触ってみよう to be continued
... ?
28.
おわり おわり
Baixar agora