chevron_left

Backbone.js 開発入門

PREMIUM
第3回

Backbone.js 開発入門 - webpack の利用 -

2017年1月4日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 28

授業の概要

◼︎ 授業概要

  1. モジュール分割
  2. webpack の利用

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介
02:16
play_arrow
アジェンダ
01:17
play_arrow
【前回の確認問題】アロー関数として正しいものを1つ選択してください。
03:12
play_arrow
サンプルソース・ファイルについて
00:31
play_arrow
サンプルアプリ① 分析・設計
04:24
play_arrow
ユーザ操作イベント対応指定
01:31
play_arrow
Viewクラス、eventsプロパティ定義
01:42
play_arrow
サンプルアプリ② 複数イベント
01:05
play_arrow
複数イベント対応例
01:46
play_arrow
JSファイル分割例
02:09
play_arrow
【確認問題】正常実行する JSファイルの読み込み順序を2つ選択してください。
04:13
play_arrow
JSファイルの統合
02:00
play_arrow
分割JSファイル分割(依存分析、結合)
01:57
play_arrow
バンドルJSファイルの生成過程
01:31
play_arrow
Step① ライブラリのダウンロード
00:48
play_arrow
Step② モジュール構文
01:12
play_arrow
モジュール構文例① コンポーネント定義
00:52
play_arrow
モジュール構文例② index.js
00:59
play_arrow
モジュール構文例③ オプション
00:36
play_arrow
モジュール構文例④ index.js
00:47
play_arrow
Step③ モジュール・バンドル・ツール使用
01:17
play_arrow
webpack設定ファイルの編集
01:24
play_arrow
webpackコマンド実行
00:59
play_arrow
HTMLからバンドルJSファイル読み込み
02:41
play_arrow
まとめ
04:16
play_arrow
Q:ブラウザを再描画した後に値を保持させるためには、どのような仕組みが必要でしょうか。
01:35
play_arrow
Q:なぜgulpなどを使わなくてよくなったのでしょうか?どのような違いや利点が、変更することであるのか具体的に聞きたいです。
03:59
play_arrow
Q:こちらのやり方のほうがどんなメリットがあるのでしょうか?シンプルになったのがメリットのようですが、早くて、簡単なのですかね?
02:16
play_arrow
次回授業について