ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
タイトルカテゴリレベル必要な時間必要な技術リンクコメント
2
Your First Progressive Web AppPWA中級24分HTML, CSS, JavaScript, and Chrome DevToolshttps://codelabs.developers.google.com/codelabs/your-first-pwapp/index.html
3
Adding push notifications to a web appPWA中級30分程度HTML, CSS, JavaScript, and Chrome DevToolshttps://codelabs.developers.google.com/codelabs/push-notifications/index.html
4
Add 3D models to the web with <model-viewer>初級15分程度HTML, CSS, JavaScript, and Chrome DevToolshttps://codelabs.developers.google.com/codelabs/model-viewer/index.html
5
MDC-101 Web: Material Components (MDC) Basics (Web)初級17分HTML, CSS, JavaScript, Node.js(npm)https://codelabs.developers.google.com/codelabs/mdc-101-web/index.htmlMDCは102, 103, 111, 112と続きアリ
6
Building e-commerce AMP pagesAMP上級45分程度HTML, CSS, JavaScript, Node.js(npm), and Chrome DevToolshttps://codelabs.developers.google.com/codelabs/amp-e-commerce/index.html動かない場所が2箇所あるので、注記が必要。自動翻訳が微妙
7
Beautiful, interactive, canonical AMP pagesAMP初級30分程度HTML, CSS, JavaScript, and Chrome DevTools
https://codelabs.developers.google.com/codelabs/amp-beautiful-interactive-canonical/index.html
動かない場所が1つ。注記が必要。自動翻訳が微妙
8
9
各Codelabは英語で解説されていますが、Chromeの自動翻訳によって読めるようになっているので、英語が苦手な場合はチューターに質問してください。
10
11
12
Building e-commerce AMP pages を実施の注意事項
13
4の Change content based on user's location は、 freegeoip.net を使っていますが、サービス移行に伴い利用できなくなっているので、エラーとなります。
14
7の日付選択は、 delivery.json の候補日が “2018-02-16”, “2018-02-17", “2018-02-24”, “2018-03-01", とか古くて、DatePickerめっちゃ前に戻らないといけないので、JSONの日付を最近のに変えると良いです
15
16
Beautiful, interactive, canonical AMP pages を実施の注意事項
17
最後のアニメーション指定で、amp-animation のターゲット指定方法が変わったので、アニメーションは体験いただけなくなっています
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100