Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
First Taste of React Native
Search
Bert (Chih-Wei) Chang
May 27, 2015
Programming
6
700
First Taste of React Native
Bert (Chih-Wei) Chang
May 27, 2015
Tweet
Share
Other Decks in Programming
See All in Programming
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
130
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
210
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
620
watsonx.ai Dojo #2 生成AIを使ったアプリ開発入門編
oniak3ibm
PRO
0
240
Android開発以外のAndroid開発経験の活かしどころ
konifar
2
1.1k
Shinjuku.rb#95:心の技術書紹介
free_world21
1
110
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
290
サーバーレスで負荷試験!Step Functions + Lambdaを使ったk6の分散実行
shuntakahashi
6
1.6k
Securify_エンジニア採用資料
3shake
0
110
The Shape of a Service Object
inem
0
530
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
Ebitengineの1vs1ゲーム WebRTCの活用
ponyo877
0
380
Featured
See All Featured
Infographics Made Easy
chrislema
239
18k
What's new in Ruby 2.0
geeforr
340
31k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.2k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
A Philosophy of Restraint
colly
202
16k
How to Ace a Technical Interview
jacobian
274
23k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
Teambox: Starting and Learning
jrom
131
8.7k
For a Future-Friendly Web
brad_frost
174
9.3k
Transcript
ĹņŴŸſ ſĘŸſį ťĹ ŴįĘĥſ ŞĘſņƏį °Ёq° ϯ ßêϰ ɨ Ͽ
ӂÂĆāû° @ā ͯʹϗ ͯͭͮͲ Vê6ZϜêû
űŴįŗƄīį
ƐŃť Ęŝ ņ qÐ È + р ßê ͯ
ƐŃť Ęŝ ņ qÐ È + р ßê р ӂÂĆāû°
ÐÉ #°ê(ï ͯ
ƐŃť Ęŝ ņ qÐ È + р ßê р ӂÂĆāû°
ÐÉ #°ê(ï р q ϯÐÈÉêÐßϜ°Ðϰ ͯ
ƐŃť Ęŝ ņ qÐ È + р ßê р ӂÂĆāû°
ÐÉ #°ê(ï р q ϯÐÈÉêÐßϜ°Ðϰ р @°É :ßɰɨ ϯ::ӂA`eϰ ͯ
ƐŃť Ęŝ ņ qÐ È + р ßê р ӂÂĆāû°
ÐÉ #°ê(ï р q ϯÐÈÉêÐßϜ°Ðϰ р @°É :ßɰɨ ϯ::ӂA`eϰ р @а ͯ
ƐŃť Ęŝ ņ qÐ È + р ßê р ӂÂĆāû°
ÐÉ #°ê(ï р q ϯÐÈÉêÐßϜ°Ðϰ р @°É :ßɰɨ ϯ::ӂA`eϰ р @а р Vïā Ϣ V°Âã Ϣ #Ð Ϣ SāêÐÉ ͯ
ƐŃť Ęŝ ņ qÐ È + р ßê р ӂÂĆāû°
ÐÉ #°ê(ï р q ϯÐÈÉêÐßϜ°Ðϰ р @°É :ßɰɨ ϯ::ӂA`eϰ р @а р Vïā Ϣ V°Âã Ϣ #Ð Ϣ SāêÐÉ р °êê 6úZß°Üê Ϣ Vê6Z Ϣ ɨïÂß6Z ͯ
@ťĤņŗį űű įƏįŗťűŝįŞſϝ Ͱ
GĤŒįĥſņƏįЁϝ ͱ
None
6ĘƏĘϝ ͳ
None
AĘſņƏį įƏįŗťűŝįŞſ ZƄĥŔŸ ͵
ŞĘſņƏį īįƏįŗťűŝįŞſ ŸƄĥŔŸ ZÂÐû úÂÐÜÈÉê āÂ Ͷ
ŞĘſņƏį īįƏįŗťűŝįŞſ ŸƄĥŔŸ ZÂÐû úÂÐÜÈÉê āÂ ZÂÐû ÜÂÐāÈÉê āÂ Ͷ
ŞĘſņƏį īįƏįŗťűŝįŞſ ŸƄĥŔŸ ZÂÐû úÂÐÜÈÉê āÂ ZÂÐû ÜÂÐāÈÉê āÂ ZÜßê
ÜÂê§ÐßÈ êÈã Ͷ
ŞĘſņƏį īįƏįŗťűŝįŞſ ŸƄĥŔŸ ZÂÐû úÂÐÜÈÉê āÂ ZÂÐû ÜÂÐāÈÉê āÂ ZÜßê
ÜÂê§ÐßÈ êÈã eÉÜÜā ÜßШßÈÈßã Ͷ
None
(įŗŗ Ať qį Ŵį qįĤ įƏįŗťűįŴŸ ͮͮ
Zť qŃĘſ Ŵį `Ńį ZťŗƄſņťŞŸϝ ͮͯ
VįŸűťŞŸņƏį qįĤ įŸņľŞϝ ͮͰ
None
ZņŝűŗƖ `ťť (ĘŴī ͮͲ
(ťƐ ĤťƄſ SŃťŞį#Ęű Ϣ ťŴīťƏĘϝ ͮͳ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
ͮʹ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
р (`@: Ϣ ZZ ͮʹ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
р (`@: Ϣ ZZ р ÐÐêãêßÜ ͮʹ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
р (`@: Ϣ ZZ р ÐÐêãêßÜ р @êß°Â e+ ͮʹ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
р (`@: Ϣ ZZ р ÐÐêãêßÜ р @êß°Â e+ р `û°êêß Vêê ͮʹ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
р (`@: Ϣ ZZ р ÐÐêãêßÜ р @êß°Â e+ р `û°êêß Vêê р `ÐïãêÐÉϜ¼ã ͮʹ
ƐįĤ ĤĘŸįī SÐÉ#Ü Ϣ ÐßÐú р qp°û °É ÉïêãÂÂ
р (`@: Ϣ ZZ р ÐÐêãêßÜ р @êß°Â e+ р `û°êêß Vêê р `ÐïãêÐÉϜ¼ã р VÜÜ ͮʹ
:ťťŔŸ #ťťīϗ ĤƄſ Şťſ ƐťŴŔϜ qŃƖϝ ͮͶ
ƐŃƖ Şťſ SÐÐß ÜߧÐßÈÉ ͯͭ
ƐŃƖ Şťſ SÐÐß ÜߧÐßÈÉ AÐÉЁÉê°ú §Â ͯͭ
ƐŃƖ Şťſ SÐÐß ÜߧÐßÈÉ AÐÉЁÉê°ú §Â :°È°ê §êïß ãïÜÜÐßê ͯͭ
ƐŃƖ Şťſ SÐÐß ÜߧÐßÈÉ AÐÉЁÉê°ú §Â :°È°ê §êïß ãïÜÜÐßê (ß
êÐ ï¨ ͯͭ
ƐŃƖ Şťſ SÐÐß ÜߧÐßÈÉ AÐÉЁÉê°ú §Â :°È°ê §êïß ãïÜÜÐßê (ß
êÐ ï¨ °§§ßÉê Ü°ÂÐãÐÜā ͯͭ
VįĘĥſ AĘſņƏį ťŝįŸ ſť VįŸĥƄį ͯͮ
ĤįŞįĹņſŸ Vê Aê°ú :ê eã Ϙ р eã Vê6Z ͯͯ
ĤįŞįĹņſŸ Vê Aê°ú :ê eã Ϙ р eã Vê6Z р
eã (`@: Sß°É°ÜÂã ͯͯ
ĤįŞįĹņſŸ Vê Aê°ú :ê eã Ϙ р eã Vê6Z р
eã (`@: Sß°É°ÜÂã р eã ZZ Sß°É°ÜÂã ͯͯ
ĤįŞįĹņſŸ Vê Aê°ú :ê eã Ϙ р eã Vê6Z р
eã (`@: Sß°É°ÜÂã р eã ZZ Sß°É°ÜÂã р q°êÐïê (`@: Ϙ ͯͯ
ĤįŞįĹņſŸ Vê Aê°ú :ê eã Ϙ р eã Vê6Z р
eã (`@: Sß°É°ÜÂã р eã ZZ Sß°É°ÜÂã р q°êÐïê (`@: Ϙ р q°êÐïê ZZ Ϙ ͯͯ
ĤįŞįĹņſŸ Vê Aê°ú :ê eã Ϙ р eã Vê6Z р
eã (`@: Sß°É°ÜÂã р eã ZZ Sß°É°ÜÂã р q°êÐïê (`@: Ϙ р q°êÐïê ZZ Ϙ р q°êÐïê qp°û Ϙ ͯͯ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ͯͰ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ZÂÐû ÜÂÐāÈÉê ÐûÉÂÐ eÜêã G`
q°êÐïê VãïÈ°ãã°ÐÉ Ͽ ÜÜ ãāã G8 ͯͰ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ZÂÐû ÜÂÐāÈÉê ÐûÉÂÐ eÜêã G`
q°êÐïê VãïÈ°ãã°ÐÉ Ͽ ÜÜ ãāã G8 ZÜßê `Èã Zß Z¿°ÂÂЁãê ͯͰ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ZÂÐû ÜÂÐāÈÉê ÐûÉÂÐ eÜêã G`
q°êÐïê VãïÈ°ãã°ÐÉ Ͽ ÜÜ ãāã G8 ZÜßê `Èã Zß Z¿°ÂÂЁãê AÐÉЁAê°ú " Aê°ú e+ ͯͰ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ZÂÐû ÜÂÐāÈÉê ÐûÉÂÐ eÜêã G`
q°êÐïê VãïÈ°ãã°ÐÉ Ͽ ÜÜ ãāã G8 ZÜßê `Èã Zß Z¿°ÂÂЁãê AÐÉЁAê°ú " Aê°ú e+ (ß `Ð ï¨ ß¿ÜаÉêã Ϣ ßÐÈ ú `ÐÐÂã ͯͰ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ZÂÐû ÜÂÐāÈÉê ÐûÉÂÐ eÜêã G`
q°êÐïê VãïÈ°ãã°ÐÉ Ͽ ÜÜ ãāã G8 ZÜßê `Èã Zß Z¿°ÂÂЁãê AÐÉЁAê°ú " Aê°ú e+ (ß `Ð ï¨ ß¿ÜаÉêã Ϣ ßÐÈ ú `ÐÐÂã eÉÜÜā SßШßÈÈßã Vê6Z @¿ã úßāÐÉ (ÜÜā ͯͰ
ĤįŞįĹņſŸ ZÂÐû úÂÐÜÈÉê +ÉãêÉê VÂÐã ZÂÐû ÜÂÐāÈÉê ÐûÉÂÐ eÜêã G`
q°êÐïê VãïÈ°ãã°ÐÉ Ͽ ÜÜ ãāã G8 ZÜßê `Èã Zß Z¿°ÂÂЁãê AÐÉЁAê°ú " Aê°ú e+ (ß `Ð ï¨ ß¿ÜаÉêã Ϣ ßÐÈ ú `ÐÐÂã eÉÜÜā SßШßÈÈßã Vê6Z @¿ã úßāÐÉ (ÜÜā :°È°ê "êïß ZïÜÜÐßê É úÉ eã AÐ @ÐïÂã ͯͰ
ŃťƐ Ɛį ŝņľŴĘſį (Ðû q @°¨ßêϝ `É¿ã Vê6Z ͯͱ
ŃťƐ Ɛį ŝņľŴĘſį (Ðû q @°¨ßêϝ `É¿ã Vê6Z S塃 GÂ
(`@: <input name=”email” ... /> ͯͱ
ŃťƐ Ɛį ŝņľŴĘſį (Ðû q @°¨ßêϝ `É¿ã Vê6Z S塃 GÂ
(`@: <input name=”email” ... /> VÜÜ Ϣ @êß°Â e+ <Input name=”email” ... /> ͯͱ
ŃťƐ Ɛį ŝņľŴĘſį (Ðû q @°¨ßêϝ `É¿ã Vê6Z S塃 GÂ
(`@: <input name=”email” ... /> VÜÜ Ϣ @êß°Â e+ <Input name=”email” ... /> Vê Aê°ú <TextInput name=”email” ... /> ͯͱ
ŴįĘĥſ ŞĘſņƏį ťƏįŴƏņįƐ
ƐŃƖ ĘŞī ŃťƐ "ßÐÈ ê È°ãß ãêÐßāϗ û Èïãê ú
ÂßÉ Џq(wАϜ ïêϗ (Gqϝ ͯͳ
ƐŃƖ ĘŞī ŃťƐ brew install node brew install watchman brew
install flow npm install -g react-native-cli react-native init AwesomeProject ͯʹ
ƐŃƖ ĘŞī ŃťƐ brew install node brew install watchman brew
install flow npm install -g react-native-cli react-native init AwesomeProject ãā ÉÐï¨ϗ ß°¨êϝ ͯʹ
űŴťŒįĥſ ŸſŴƄĥſƄŴį ͯ͵
űŴťŒįĥſ ŸſŴƄĥſƄŴį °ÉĀϜ°ÐãϜ¼ã Éêßā ÜаÉêϜ V¨°ãêß ê ßÐÐê ÐÈÜÐÉÉêϜ ͯͶ
űŴťŒįĥſ ŸſŴƄĥſƄŴį Ü¿¨Ϝ¼ãÐÉ (ÈÈϘÐ + É êÐ ĀÜ塃 ê°ãϝ Ͱͭ
űŴťŒįĥſ ŸſŴƄĥſƄŴį ÉÐϣÈÐïÂãϢ AĀê ã°ϗ êÉ¿ãϜ Ͱͮ
űŴťŒįĥſ ŸſŴƄĥſƄŴį °GZϢ ÐÉê°É AppDelegate.mϜ eã§ï ûÉ āÐï ú êÐ
§ `( ß¿ ú°Â G¼ê°úЁ ÐãϜ Ͱͯ
űŴťŒįĥſ ŸſŴƄĥſƄŴį °GZϢ ÐÉê°É AppDelegate.mϜ eã§ï ûÉ āÐï ú êÐ
§ `( ß¿ ú°Â G¼ê°úЁ ÐãϜ "Ðß ĀÈÜÂϗ °ɨ û°ê Sïã AÐê°đê°ÐÉϜ Ͱͯ
űŴťŒįĥſ ŸſŴƄĥſƄŴį GÉ ZêÜ Üß qêВã °Éã° ê node_modules/react-native/ϝ ͰͰ
űŴťŒįĥſ ŸſŴƄĥſƄŴį Ͱͱ
ŗņĤŴĘŴņįŸ :°ßß°ãϢ ÐÉê°Éã Vê Aê°ú :°ßß°ãϜ ͰͲ
ŗņĤŴĘŴņįŸ :°ßß°ãϢ ÐÉê°Éã Vê Aê°ú :°ßß°ãϜ ÂÈÐãê úßāê°É¨ āÐïВ É
°ã ßϜ +ÉÂï°É¨ ú°Â *.h, .*m É ïê *.jsϜ ͰͲ
ŗņĤŴĘŴņįŸ :°ßß°ãϢ ÐÉê°Éã Vê Aê°ú :°ßß°ãϜ ÂÈÐãê úßāê°É¨ āÐïВ É
°ã ßϜ +ÉÂï°É¨ ú°Â *.h, .*m É ïê *.jsϜ "Ðß ĀÈÜÂϗ Network/NetInfo.js đÉã ê 6úZß°Üê S+ §Ðß ÉêûÐß¿ ߰°êāϜ ͰͲ
ŗņĤŴĘŴņįŸ (Ðû êÐ eã `ã :°ßß°ãϝ р ߨ É ßÐÜϜ
Ͱͳ
ŗņĤŴĘŴņįŸ (Ðû êÐ eã `ã :°ßß°ãϝ р ߨ É ßÐÜϜ
р :°É¿ °Éßā û°ê :°ßß°ãϜ Ͱͳ
Şťīį ŝťīƄŗįŸ AÐ @ÐïÂã р ã°ÂÂā "ß êÐ eã Ͱʹ
Şťīį ŝťīƄŗįŸ AÐ @ÐïÂã р ã°ÂÂā "ß êÐ eã р
GÉÂā ûß Ð§ 6Z VïÉê°È Ͽ ûВÂ ê¿ ÈÐß Âêß Ͱʹ
Şťīį ŝťīƄŗįŸ AÐ @ÐïÂã р ã°ÂÂā "ß êÐ eã р
GÉÂā ûß Ð§ 6Z VïÉê°È Ͽ ûВÂ ê¿ ÈÐß Âêß р VÈÈß êÐ :°É¿ °Éß°ã +§ AÐê Sïß 6Z Ͱʹ
Şťīį ŝťīƄŗįŸ AÐ @ÐïÂã р ã°ÂÂā "ß êÐ eã р
GÉÂā ûß Ð§ 6Z VïÉê°È Ͽ ûВÂ ê¿ ÈÐß Âêß р VÈÈß êÐ :°É¿ °Éß°ã +§ AÐê Sïß 6Z р q eãϖ "ÂïĀĀÐßϗ +ÈÈïêÂ6Zϗ ÂÐã Ϙ Ͱʹ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį VÉ߰ɨ render() { var chatData =
this.state.ChatData; var msgForm = ...; return ( <View style={styles.chatBox}> <MessageList messages={...} /> {msgForm} </View> ); } Ͱ͵
ŃťƐ ņſ ĹįįŗŸ ŗņŔį Zêā°ɨ var styles = StyleSheet.create({ container:
{ flex: 1, flexDirection: ”column”, justifyContent: ”center”, alignItems: ”center”, backgroundColor: ”#073648”, }, ... }); ͰͶ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį Aê°úЁ°É¨ componentDidMount() { NetInfo.reachabilityIOS.addEventListener( ”change”, this._handleReachChange
); PushNotificationIOS.addEventListener( ”notification”, this._handleNotification); PushNotificationIOS.addEventListener( ”register”, this._didRegistered); }, ͱͭ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį ZÐ (Ðû +ê "Âã :°¿ϝ р
VÉ߰ɨ °¿ q ͱͮ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį ZÐ (Ðû +ê "Âã :°¿ϝ р
VÉ߰ɨ °¿ q р Zêā°ɨ °¿ q ͱͮ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį ZÐ (Ðû +ê "Âã :°¿ϝ р
VÉ߰ɨ °¿ q р Zêā°ɨ °¿ q р Aê°úЁ°É¨ °¿ û ͱͮ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį ZÐ (Ðû +ê "Âã :°¿ϝ р
VÉ߰ɨ °¿ q р Zêā°ɨ °¿ q р Aê°úЁ°É¨ °¿ û ZÐ °ê °ã Ϙ ͱͮ
ŃťƐ ņſ ĹįįŗŸ ŗņŔį ZÐ (Ðû +ê "Âã :°¿ϝ р
VÉ߰ɨ °¿ q р Zêā°ɨ °¿ q р Aê°úЁ°É¨ °¿ û ZÐ °ê °ã Ϙ AÐϗ ÉÐê ûϗ °ê °ã Aê°úϙ ͱͮ
űņſĹĘŗŗŸ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ ߧï ûÉ Â°É¨ û°ê 6Z Éú ͱͰ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ `°É¨ã êÐ 8ÉÐû Ðïê 6Z Éú р 6úZß°ÜêÐß
ÐÉ ã°ÈïÂêÐß É ÐÉ ê ÜÐÉ ͱͱ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ `°É¨ã êÐ 8ÉÐû Ðïê 6Z Éú р 6úZß°ÜêÐß
ÐÉ ã°ÈïÂêÐß É ÐÉ ê ÜÐÉ р p͵ ûÉ ïã°É¨ ßÐÈ ï¨¨°É¨ ϯ@љϰϜ Ð °ã ßïÉɰɨ û°ê°É ßÐÈϗ ÐÈÈïÉ°ê ú° qZпêϜ ͱͱ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ `°É¨ã êÐ 8ÉÐû Ðïê 6Z Éú р 6úZß°ÜêÐß
ÐÉ ã°ÈïÂêÐß É ÐÉ ê ÜÐÉ р p͵ ûÉ ïã°É¨ ßÐÈ ï¨¨°É¨ ϯ@љϰϜ Ð °ã ßïÉɰɨ û°ê°É ßÐÈϗ ÐÈÈïÉ°ê ú° qZпêϜ р :°¿Âā ãû°ê êÐ Ðêß É¨°ÉãϜ ͱͱ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ `°É¨ã êÐ 8ÉÐû Ðïê 6Z Éú р 6úZß°ÜêÐß
ÐÉ ã°ÈïÂêÐß É ÐÉ ê ÜÐÉ р p͵ ûÉ ïã°É¨ ßÐÈ ï¨¨°É¨ ϯ@љϰϜ Ð °ã ßïÉɰɨ û°ê°É ßÐÈϗ ÐÈÈïÉ°ê ú° qZпêϜ р :°¿Âā ãû°ê êÐ Ðêß É¨°ÉãϜ р úа ßÂā°É¨ ÐÉ ãÜ°đ ßïÉê°ÈϜ ͱͱ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ G q°êϗ GÉ @Ðß `°É¨ ͱͲ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ G q°êϗ GÉ @Ðß `°É¨ SÂã ûß
Ч 6úZß°Üê `ßÉã§ÐßÈã ͱͲ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ G q°êϗ GÉ @Ðß `°É¨ SÂã ûß
Ч 6úZß°Üê `ßÉã§ÐßÈã Vê Aê°ú ïãã ê°ß ÐûÉ ú°Â Zϒ êßÉã§ÐßÈ ÉÐûϜ ͱͲ
ŒĘƏĘŸĥŴņűſ įŞƏņŴťŞŝįŞſ G q°êϗ GÉ @Ðß `°É¨ SÂã ûß
Ч 6úZß°Üê `ßÉã§ÐßÈã Vê Aê°ú ïãã ê°ß ÐûÉ ú°Â Zϒ êßÉã§ÐßÈ ÉÐûϜ ïê °¿Âā ãû°ê êÐ ÂϜ ͱͲ
īįĤƄľľņŞľ °êêÂ ß êÐ ¨ê ïã§ï °É§Ð ͱͳ
īįĤƄľľņŞľ р ú`ÐРCMD+D ÂÂÐûã wÐï ï¨ °É ßÐÈ ͱʹ
īįĤƄľľņŞľ р ú`ÐРCMD+D ÂÂÐûã wÐï ï¨ °É ßÐÈ р
vÐ ß¿ÜаÉêã eã§ï qÉ ï¨¨°É¨ Aê°ú Ð ͱʹ
īįĤƄľľņŞľ р ú`ÐРCMD+D ÂÂÐûã wÐï ï¨ °É ßÐÈ р
vÐ ß¿ÜаÉêã eã§ï qÉ ï¨¨°É¨ Aê°ú Ð р AZ:Ш AÐê ` ãê ïê Âûāã wÐïß Z°Éß "ß°ÉãϜ ã q ã console.log Ϣ alert(...) ͱʹ
ĤƄľľƖ ĥťŝűťŞįŞſŸ ͱ͵
ĤƄľľƖ ĥťŝűťŞįŞſŸ SÂã È¿ §ß°Éã û°ê G¼Ё ɨ°Éßã ͱͶ
ĤƄľľƖ ĥťŝűťŞįŞſŸ ZÐÂïê°ÐÉã G¼Ё "ß°Éã eã `È q°ãÂā ϖЁϰ Ͳͭ
ĤƄľľƖ ĥťŝűťŞįŞſŸ ZÐÂïê°ÐÉã G¼Ё "ß°Éã eã `È q°ãÂā ϖЁϰ Ð
GÉÂ°É Ð +ã qā `ÐÐ +ÉïßêϜ V ÐÈÈÉêã °ßêÂāϜ Ͳͭ
ĤƄľľƖ ĥťŝűťŞįŞſŸ ZÐÂïê°ÐÉã G¼Ё "ß°Éã eã `È q°ãÂā ϖЁϰ Ð
GÉÂ°É Ð +ã qā `ÐÐ +ÉïßêϜ V ÐÈÈÉêã °ßêÂāϜ V°ã +ããï É Aаãā Ͽ 8Ü S°É¨Ё°É¨Ϝ Ͳͭ
ľįſ ƄűīĘſįī #ê eÜê р Vê Aê°ú ÐÈÈïÉ°êā #ßÐïÜ ÐÉ
"Ðп Ͳͮ
ľįſ ƄűīĘſįī #ê eÜê р Vê Aê°ú ÐÈÈïÉ°êā #ßÐïÜ ÐÉ
"Ðп р #°ê(ï +ããïã Ͳͮ
ľįſ ƄűīĘſįī #ê eÜê р Vê Aê°ú ÐÈÈïÉ°êā #ßÐïÜ ÐÉ
"Ðп р #°ê(ï +ããïã р Vê Aê°ú AûãÂêêß Ͳͮ
ĥťŞĥŗƄŸņťŞ
ĥťŞĥŗƄŸņťŞ +ã +ê Sߧêϝ ͲͰ
ĥťŞĥŗƄŸņťŞ +ã +ê Sߧêϝ ͲͰ
ĥťŞĥŗƄŸņťŞ +ã +ê Sߧêϝ AÐϗ °ê °ã 﨨āϜ ͲͰ
ĥťŞĥŗƄŸņťŞ +ã +ê ÐãêÂāϝ +ã °ê qÐßêϝ Ͳͱ
ĥťŞĥŗƄŸņťŞ +ã +ê ÐãêÂāϝ +ã °ê qÐßêϝ +ê ÜÉãϜ @°ÉЁãûܰɨ
ê¿ã ê°ÈϜ Џ+ããï "+vА ê¿ã ê°ÈϜ Ͳͱ
ĥťŞĥŗƄŸņťŞ +ã +ê ÐãêÂāϝ +ã °ê qÐßêϝ +ê ÜÉãϜ @°ÉЁãûܰɨ
ê¿ã ê°ÈϜ Џ+ããï "+vА ê¿ã ê°ÈϜ (Ðûúßϗ G¼Ё ÜßШßÈÈßã ß ÂãÐ ÐãêÂāϜ ϖЁS Ͳͱ
ĥťŞĥŗƄŸņťŞ +ã +ê ÐãêÂāϝ +ã °ê qÐßêϝ +ê ÜÉãϜ @°ÉЁãûܰɨ
ê¿ã ê°ÈϜ Џ+ããï "+vА ê¿ã ê°ÈϜ (Ðûúßϗ G¼Ё ÜßШßÈÈßã ß ÂãÐ ÐãêÂāϜ ϖЁS +ê ÐÈã Âãã ÐãêÂā °§ āÐï đÉ ÂШ° É Ð È°¨ê úÉ ßïã ÐÉ ûϜ Ͳͱ
ĥťŞĥŗƄŸņťŞ +ã +ê SßÐÈ°ã°É¨ϝ ͲͲ
ĥťŞĥŗƄŸņťŞ +ã +ê SßÐÈ°ã°É¨ϝ +É Èā ïÈ ÐÜ°É°ÐÉϗ āãϗ °ê
°ãϜ ͲͲ
ĥťŞĥŗƄŸņťŞ +ã +ê VÂÂā "ã°Â ZÐÂïê°ÐÉϝ Ͳͳ
ĥťŞĥŗƄŸņťŞ +ã +ê VÂÂā "ã°Â ZÐÂïê°ÐÉϝ wãϗ °ê °ãϜ
q ß ï°Â°É¨ ÜßÐïê°ÐÉ ÜÜ û°ê ê Üï° Vê Aê°ú ê ÐÈÉêÐßϜ Ͳͳ
ÂÂÐӂÐÈÉêÐßϜ°Ð Ͳʹ
`ŃĘŞŔ ƖťƄ ĤįŴſϜĥƐĥŃĘŞľ v ľŝĘņŗϜĥťŝ Ͳ͵