Tweet
Tweet

Slide 1

Slide 1 text

"OHVMBS%BSUʹೖ໳ͯ͠Έͨ GVLVPLBEBSU Ώ͔͡Θ!ZVKJLBXB@MFF

Slide 2

Slide 2 text

*O<>໊લ c઒্༞࢘ Ώ͔͡Θ  *O<>ॴଐ cΧϥϏφςΫϊϩδʔ *O<>৬छʢࣗশʣ cݟश͍άϩʔεϋοΧʔ *O<>ීஈͷ͓࢓ࣄ c8FCΞϓϦ։ൃ *O<>໨ඪ cάϩʔεϋοΧʔʹͳΓ͍ͨ ࣗݾ঺հ ZVKJLBXBMFF ZVKJLBXB@MFF

Slide 3

Slide 3 text

"OHVMBS%BSU IUUQTXFCEFWEBSUMBOHPSHBOHVMBS "OHVMBSͷ%BSUόʔδϣϯɺຊՈ"OHVMBSͱ͸ϓϩδΣΫτ͕ผΒ͍͠ ݱࡏͷW̑ʢ෇ʣ

Slide 4

Slide 4 text

Πϯετʔϧ dCSFXUBQEBSUMBOHEBSU dCSFXJOTUBMMEBSU dQVCHMPCBMBDUJWBUFBOHVMBS@DMJ dQVCHMPCBMBDUJWBUFXFCEFW ˞.BDͰͷ։ൃखॱΛॻ͍ͯ·͢

Slide 5

Slide 5 text

ϓϩδΣΫτ࡞੒ OHEBSUOFXRVJDLTUBSU ʲ࣮ߦ݁Ռʳ dOHEBSUOFXRVJDLTUBSU */'04BWJOHRVJDLTUBSUXFCJOEFYIUNM */'04BWJOHRVJDLTUBSUXFCNBJOEBSU */'04BWJOHRVJDLTUBSUXFCTUZMFTDTT */'04BWJOHRVJDLTUBSUBOBMZTJT@PQUJPOTZBNM */'04BWJOHRVJDLTUBSUHJUJHOPSF */'04BWJOHRVJDLTUBSUQVCTQFDZBNM */'04BWJOHRVJDLTUBSUMJCBQQ@DPNQPOFOUEBSU */'04BWJOHRVJDLTUBSUMJCBQQ@DPNQPOFOUIUNM ࢥͬͨҎ্ʹग़ྗ͞ΕΔ΋ͷ͕গͳ͍

Slide 6

Slide 6 text

ϑΥϧμߏ੒ RVJDLTUBSU ᵓᴷᴷBOBMZTJT@PQUJPOTZBNM ᵓᴷᴷMJC ᴹᵓᴷᴷBQQ@DPNQPOFOUEBSU ᴹᵋᴷᴷBQQ@DPNQPOFOUIUNM ᵓᴷᴷQVCTQFDMPDL ᵓᴷᴷQVCTQFDZBNM ᵋᴷᴷXFC ᵓᴷᴷJOEFYIUNM ᵓᴷᴷNBJOEBSU ᵋᴷᴷTUZMFTDTT

Slide 7

Slide 7 text

OHEBSUίϚϯυΛݟͯΈΔ dOHEBSUI /HEBSUJTBDPNNBOEMJOFJOUFSGBDFGPS"OHVMBS%BSU 6TBHFOHEBSUDPNNBOE (MPCBMPQUJPOT I IFMQ1SJOUUIJTVTBHFJOGPSNBUJPO W WFSCPTF0VUQVUFYUSBMPHHJOHJOGPSNBUJPO "WBJMBCMFDPNNBOET HFOFSBUF(FOFSBUFDPNQPOFOUPSUFTU IFMQ%JTQMBZIFMQJOGPSNBUJPOGPSOHEBSU OFX$SFBUFBO"OHVMBS%BSUQSPKFDU 3VOOHEBSUIFMQDPNNBOEGPSNPSFJOGPSNBUJPOBCPVUBDPNNBOE

Slide 8

Slide 8 text

OHEBSUίϚϯυΛݟͯΈΔ dOHEBSUHFOFSBUFI (FOFSBUFDPNQPOFOUPSUFTU 6TBHFOHEBSUHFOFSBUFTVCDPNNBOE I IFMQ1SJOUUIJTVTBHFJOGPSNBUJPO "WBJMBCMFTVCDPNNBOET DPNQPOFOU(FOFSBUF"OHVMBS%BSUDPNQPOFOU EJSFDUJWF(FOFSBUF"OHVMBS%BSUEJSFDUJWF QJQF(FOFSBUF"OHVMBS%BSUQJQF UFTU(FOFSBUF"OHVMBS%BSUDPNQPOFOUUFTU UIJTDPNNBOE TIPVMECFSVOVOEFSSPPUEJSFDUPSZPGUIFQSPKFDU 3VOOHEBSUIFMQUPTFFHMPCBMPQUJPOT

Slide 9

Slide 9 text

࣮ࡍʹ্ཱͪ͛ͯΈΔ ϓϩδΣΫτ࡞੒ dDERVJDLTUBSU dQVCHFU dXFCEFWTFSWF ฤूͨ͠ΒͪΌΜͱϗοτϦϩʔυͯ͘͠Ε·͢

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

7FSZTJNQMF

Slide 12

Slide 12 text

OH.PEFMΛ࢖͏ "OHVMBSͷόΠϯσΟϯάʹ࢖͏OH.PEFMΛ࢖͏ͨΊʹ BOHVMBS@GPSNTͱ͍͏ϥΠϒϥϦʔΛ௥Ճ͢Δඞཁ͕͋Δ dependencies: angular: ^5.0.0-beta+2 angular_forms: ^2.0.0 QVCTQFDZNM

Slide 13

Slide 13 text

OH.PEFMΛ࢖͏ EJSFDUJWFTϓϩύςΟʹGPSN%JSFWUJWFTΛ௥Ճ͢Δɺ͜ΕͰ ࢖͑ΔΑ͏ʹͳΔɻ import 'package:angular/angular.dart'; import 'package:angular_forms/angular_forms.dart'; import './hero.dart'; @Component( selector: 'app-component', templateUrl: 'app_component.html', directives: [formDirectives] ) class AppComponent { final String title = 'Tour of Hero'; Hero hero = Hero(1, 'Windstorm'); } BQQ@DPNQPOFOUEBSU IUUQTXFCEFWEBSUMBOHPSHBQJBOHVMBS@GPSNTBOHVMBS@GPSNTGPSN%JSFDUJWFTDPOTUBOU

Slide 14

Slide 14 text

OH.PEFMΛ࢖͏ IUNMʹόΠϯσΟϯά͍ͨ͠ม਺Λબ୒͢Δ

{{title}}

{{hero.name}}

id: {{hero.id}}
name: {{hero.name}}
name:
BQQ@DPNQPOFOUIUNM

Slide 15

Slide 15 text

݁Ռ

Slide 16

Slide 16 text

OH*G΍OH'PSΛ࢖͏ EJSFDUJWFTϓϩύςΟʹDPSF%JSFDUJWFTΛ௥Ճ͢Δɺ͜ΕͰ ࢖͑ΔΑ͏ʹͳΔɻ import 'package:angular/angular.dart'; import 'package:angular_forms/angular_forms.dart'; import './hero.dart'; @Component( selector: 'app-component', templateUrl: 'app_component.html', directives: [coreDirectives, formDirectives] ) class AppComponent { final String title = 'Tour of Hero'; Hero hero = Hero(1, 'Windstorm'); } BQQ@DPNQPOFOUEBSU IUUQTXFCEFWEBSUMBOHPSHBQJBOHVMBSBOHVMBSDPSF%JSFDUJWFTDPOTUBOU

Slide 17

Slide 17 text

OH*G΍OH'PSΛ࢖͏ OH'PS΍OH*GΛςϯϓϨʔτʹ௥Ճ͠·͢ɻ͜ͷลͷॻ͖ํ ͸ຊՈ"OHVMBSͱಉͩͬͨ͡

{{title}}

Heroes

  • {{hero.id}} {{hero.name}}

{{selected.name}}

id: {{selected.id}}
name:
BQQ@DPNQPOFOUIUNM

Slide 18

Slide 18 text

৽͍͠ίϯϙʔωϯτΛ࡞੒ OHEBSUHFOFSBUFDPNQPOFOUQ\1BUI^\/BNF^ dOHEBSUHFOFSBUFDPNQPOFOUQMJCTSDIFSP@DPNQPOFOU */'04BWJOHMJCTSDIFSP@DPNQPOFOUEBSU */'04BWJOHMJCTSDIFSP@DPNQPOFOUIUNM

Slide 19

Slide 19 text

!*OQVUΛ࢖͏ ֎͔Β஋Λड͚ΔͨΊʹ!*OQVUΛ࢖͏ɻ͜ΕʹΑΓηϨΫ τ͞ΕͨIFSPΛऔಘ import 'package:angular/angular.dart'; import 'package:angular_forms/angular_forms.dart'; import './hero.dart'; @Component( selector: 'hero-component', templateUrl: 'hero_component.html', directives: [coreDirectives, formDirectives], ) class HeroComponent { @Input() Hero hero; } MJCTSDIFSP@DPNQPOFOUEBSU

Slide 20

Slide 20 text

ςϯϓϨʔτͷҰ෦ΛҠಈ IFSPͷৄࡉΛදࣔ͢ΔϩδοΫΛBQQ@DPNQPOFOUIUNM͔ ΒIFSP@DPNQPOFOUIUNM΁Ҡಈͤ͞Δ

{{hero.name}}

id: {{hero.id}}
name:
MJCTSDIFSP@DPNQPOFOUIUNM

Slide 21

Slide 21 text

֎ग़͠ςϯϓϨʔτΛ࢖͏ ઌ΄Ͳ֎ʹग़ͨ͠IFSP@DPNQPOFOUIUNMΛBQQ@DPNQPOFOUIUNMͰ ࢖͏ɻBQQ@DPNQPOFOUEBSUͷEJSFDUJWFTʹ௥Ճ͢Δ͜ͱΛ๨Εͣʹ // লུ BQQ@DPNQPOFOUIUNM import './src/hero_component.dart'; @Component( selector: 'app-component', templateUrl: 'app_component.html', directives: [coreDirectives, HeroComponent], styleUrls: ['app_component.css'], ) // লུ BQQ@DPNQPOFOUEBSU

Slide 22

Slide 22 text

·ͱΊ "OHVMBSΛීஈ͔Βॻ͍͍ͯͨ਎ͱͯ͠͸؆୯ʹೃછΊͨؾ ͕͢Δ͕ɺϧʔςΟϯά΍Ψʔυͱ͍ͬͨ෦෼ΛͲ͏࣮૷͢ Δͷ͔ؾʹͳΔͱ͜Ζɻ·ͨຊ൪ϓϩμΫτʹ͚ͭΔ͔Ͳ͏ ͔ͳͲΛݟۃΊΔͨΊʹ΋ͬͱॻ͍ͯΈΑ͏ͱࢥ͏ɻ IUUQTXFCEFWEBSUMBOHPSHBOHVMBSUVUPSJBM

Slide 23

Slide 23 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠