What's the difference between JavaScript and Java?

8IBUTUIFEJ⒎FSFODFCFUXFFO +BWB4DSJQUBOE+BWB .BTBZVLJ*;6.*!J[VNJO %SPJE,BJHJ%": 'FC

> Masayuki IZUMI a.k.a. @izumin5210 > Rekimoto Lab. at the
Univ. of Tokyo > Strobo, Inc. / Wantedly, Inc. > Rubyist / Androider / {Java,Type}Scripter

8IBUTUIFEJ⒎FSFODFCFUXFFO +BWB4DSJQUBOE+BWB

8IBUTUIFEJ⒎FSFODFCFUXFFO +BWB4DSJQUBOE+BWB NPEFSOGSPOUFOE+4 BOESPJEBQQMJDBUJPO BSDIJUFDUVSFEFTJHO

?8IBUEPZPVUIJOLBCPVU ʠ'SPOUFOE+BWB4DSJQUʡ

*OUIFNFBOUJNF UIFMBUFTUBOEHSFBUFTU+BWB4DSJQUGSBNFXPSL DPNFTBSPVOEFWFSZTJYUFFONJOVUFT IUUQTXXXBMMFOQJLFDPNKBWBTDSJQUGSBNFXPSLGBUJHVF "+4GSBNFXPSLPOFWFSZUBCMF"MMFO1JLF

5IFSF ZPVDBOTFFIPX +BWB4DSJQUBQQGSBNFXPSLTʟ UPEPFYBNQMFT DPNQBSFUPKVTUK2VFSZPSWBOJMMB+BWB4DSJQU "+4GSBNFXPSLPOFWFSZUBCMF"MMFO1JLF

0CKFDUJWFJOUIJTQSFTFOUBUJPO 5SZJOUSPEVDJOH ʠ&YQMPTJWF(SPXUIPG+BWBTDSJQUʡ JOUP"OESPJE+BWB IUUQTEFWFMPQFSTBMFTGPSDFDPNCMPHTEFWFMPQFSSFMBUJPOTFYQMPTJWFHSPXUIKBWBTDSJQUOQNFOUFSQSJTFIUNM

$IBOHFTJO'SPOUFOE+BWB4DSJQU -JCSBSJFT'SBNFXPSLT"SDIJUFDUVSFT 3FWJFX

$IBOHFTJO+4%BXOPGEZOBNJDXFC * QSPUPUZQFKT * K2VFSZ 5PBCTUSBDUBXBZCSPXTFSJODPOTJTUFODJFT (We really wanted
document.querySelector() !!!!!)

$IBOHFTJO+43*" 3JDI*OUFSOFU"QQMJDBUJPO 41" 4JOHMF1BHF"QQMJDBUJPO .78 .PEFM7JFX8IBUFWFS $PNQPOFOU "SDIJUFDUVSF -JCSBSZ
#BDLCPOFKT &NCFSKT ,OPDLPVUKT "OHVMBS+4 3FBDU "OHVMBS 'MVY 3FEVY

$IBOHFTJO+43*" 3JDI*OUFSOFU"QQMJDBUJPO 41" 4JOHMF1BHF"QQMJDBUJPO .78 .PEFM7JFX8IBUFWFS #BDLCPOFKT
&NCFSKT ,OPDLPVUKT "OHVMBS+4 $PNQPOFOU "SDIJUFDUVSF -JCSBSZ 3FBDU "OHVMBS 'MVY 3FEVY %BUB#JOEJOH

$IBOHFTJO+43*" 3JDI*OUFSOFU"QQMJDBUJPO 41" 4JOHMF1BHF"QQMJDBUJPO $PNQPOFOU .78 .PEFM7JFX8IBUFWFS #BDLCPOFKT
&NCFSKT ,OPDLPVUKT "OHVMBS+4 3FBDU 7JSUVBM%0. "OHVMBS 5ZQF4DSJQU3Y+4 "SDIJUFDUVSF -JCSBSZ 'MVY 3FEVY

$IBOHFTJO+43*" 3JDI*OUFSOFU"QQMJDBUJPO 41" 4JOHMF1BHF"QQMJDBUJPO "SDIJUFDUVSF -JCSBSZ .78 .PEFM7JFX8IBUFWFS #BDLCPOFKT
&NCFSKT ,OPDLPVUKT "OHVMBS+4 $PNQPOFOU 3FBDU "OHVMBS 'MVY 3FEVY 6OJEJSFDUJPOBMEBUBqPX

'SPOUFOE+4 5IFSFBSFNBOZJNQMFNFOUBUJPOT "OESPJE+BWB 5IFSFBSFGFXJNQMFNFOUBUJPOT "QQMJDBUJPOBSDIJUFDUVSFJNQMFNFOUBUJPOT

'SPOUFOE+4 5IFSFBSFNBOZJNQMFNFOUBUJPOT "OESPJE+BWB 5IFSFBSFGFXJNQMFNFOUBUJPOT "QQMJDBUJPOBSDIJUFDUVSFJNQMFNFOUBUJPOT "OESPJE'SBNFXPSL ͕ൺֱత͔ͬ͠Γͯ͠Δ

2 8IZTIPVMEXFJOUSPEVDF BQQMJDBUJPOBSDIJUFDUVSFJOUPPVSBQQMJDBUJPO " *UIJOL

2 8IZTIPVMEXFJOUSPEVDF BQQMJDBUJPOBSDIJUFDUVSFJOUPPVSBQQMJDBUJPO SFBEBCJMJUZ NBJOUBJOBCJMJUZ UFTUBCJMJUZ "
*UIJOL

2 8IZTIPVMEXFJOUSPEVDF BQQMJDBUJPOBSDIJUFDUVSFJOUPPVSBQQMJDBUJPO SFBEBCJMJUZ NBJOUBJOBCJMJUZ UFTUBCJMJUZ "
*UIJOL "OESPJE'SBNFXPSL ͚ͩͰ͸ݫ͘͠ͳ͖ͬͯͨ

&YBNQMFTPG BQQMJDBUJPOBSDIJUFDUVSF JO'SPOUFOE+4

"QQMJDBUJPOBSDIJUFDUVSFJO'SPOUFOE+4 .78 'MVY 3FEVY

.78 .PEFM7JFX8IBUFWFS 7 $ . 7 7. . 7
1 . DataBinding .78 'MVY 3FEVY

.78 .PEFM7JFX8IBUFWFS 7 $ . 7 7. . 7
1 . DataBinding IUUQTGBDFCPPLHJUIVCJPqVYEPDTPWFSWJFXIUNM .78 'MVY 3FEVY 5IFTFEFQFOEFODJFTBOEDBTDBEJOHVQEBUFT PGUFOPDDVSJOBMBSHF.7$BQQMJDBUJPO MFBEJOHUPBUBOHMFEXFBWFPGEBUBqPX BOEVOQSFEJDUBCMFSFTVMUT 'MVY]"QQMJDBUJPO"SDIJUFDUVSFGPS#VJMEJOH6TFS*OUFSGBDFT

GBDFCPPLqVYVUJMJ[JOHBVOJEJSFDUJPOBMEBUBqPX IUUQTGBDFCPPLHJUIVCJPqVYEPDTPWFSWJFXIUNM .78 'MVY 3FEVY

GBDFCPPLqVYVUJMJ[JOHBVOJEJSFDUJPOBMEBUBqPX IUUQTGBDFCPPLHJUIVCJPqVYEPDTPWFSWJFXIUNM .78 'MVY 3FEVY 6OJEJSFDUJPOBM%BUB'MPX

GBDFCPPLqVYVUJMJ[JOHBVOJEJSFDUJPOBMEBUBqPX .78 'MVY 3FEVY 6OJEJSFDUJPOBM%BUB'MPX IUUQCMPHBOESFXSBZNFSFBDUKTGPSTUVQJEQFPQMF 5IFDPODFQU'MVYJTTJNQMZ UIBUZPVSWJFXUSJHHFSTBOFWFOU
TBZ BGUFSVTFSUZQFTBOBNFJOBUFYUpFME UIBUFWFOUVQEBUFTBNPEFM UIFOUIFNPEFMUSJHHFSTBOFWFOU BOEUIFWJFXSFTQPOETUPUIBUNPEFMTFWFOU CZSFSFOEFSJOHXJUIUIFMBUFTUEBUB5IBUTJU 3FBDU+4'PS4UVQJE1FPQMF

GBDFCPPLqVYVUJMJ[JOHBVOJEJSFDUJPOBMEBUBqPX .78 'MVY 3FEVY 6OJEJSFDUJPOBM%BUB'MPX JOPUIFSXPSET 0CTFSWFSQBUUFSO

SBDLUSFEVYQSFEJDUBCMFTUBUFDPOUBJOFS .78 'MVY 3FEVY

SBDLUSFEVYQSFEJDUBCMFTUBUFDPOUBJOFS .78 'MVY 3FEVY FWFOU QSPQBHBUJPO .FTTBHF EJTQBUDI XJUI"DUJPO
VQEBUF JGOFFEFE IUUQTTQFBLFSEFDLDPNBYSPTTJOUSPEVDUJPOUPSFEVY

SBDLUSFEVYQSFEJDUBCMFTUBUFDPOUBJOFS .78 'MVY 3FEVY FWFOU QSPQBHBUJPO .FTTBHF EJTQBUDI XJUI"DUJPO
VQEBUF JGOFFEFE 3FEVYJT'MVYJNQMFNFOUBUJPO UIBUJTHPPEBUNBOBHJOHTUBUFT *OUSPEVDUJPOUP3FEVY4QFBLFS%FDL IUUQTTQFBLFSEFDLDPNBYSPTTJOUSPEVDUJPOUPSFEVY

0CKFDUJWFJOUIJTQSFTFOUBUJPO 5SZJOUSPEVDJOH ʠ&YQMPTJWF(SPXUIPG+BWBTDSJQUʡ JOUP"OESPJE+BWB

5SZQPSUJOH ʠ3FEVYʡJOUP"OESPJEBQQMJDBUJPO

J[VNJO%SPJEVY

%J⒎FSFODFCX+BWB4DSJQUBOE"OESPJE+BWB BOOPUBUJPOQSPDFTTJOH TUSPOHUZQJOH +BWB EVDLUZQJOH pSTUDMBTTGVODUJPO QSPNJTF +BWB4DSJQU

%J⒎FSFODFCX+BWB4DSJQUBOE"OESPJE+BWB BOOPUBUJPOQSPDFTTJOH TUSPOHUZQJOH +BWB EVDLUZQJOH pSTUDMBTTGVODUJPO QSPNJTF +BWB4DSJQU BOOPUBUJPOQSPDFTTJOH
Ͱ ର߅͢Δ

%J⒎FSFODFCX+BWB4DSJQUBOE"OESPJE+BWB EVDLUZQJOH pSTUDMBTTGVODUJPO QSPNJTF +BWB4DSJQU BOOPUBUJPOQSPDFTTJOH Ͱ ର߅͢Δ BOOPUBUJPOQSPDFTTJOH
TUSPOHUZQJOH +BWB @Reducer(Counter.class) public class CounterReducer { @Dispatchable(IncrementCountAction.class) public Counter increment(Counter state) { return new Counter(state.getCount() + 1); } @Dispatchable(DecrementCountAction.class) public Counter decrement(Counter state) { return new Counter(state.getCount() - 1); } @Dispatchable(ClearCountAction.class) public Counter clear() { return new Counter(0); } } export default function counter(state = 0, action) { switch (action.type) { case 'INCREMENT' : return state + 1 case 'DECREMENT' : return state - 1 default: return state } }

%J⒎FSFODFCX+BWB4DSJQUBOE"OESPJE+BWB BOOPUBUJPOQSPDFTTJOH TUSPOHUZQJOH +BWB EVDLUZQJOH pSTUDMBTTGVODUJPO QSPNJTF +BWB4DSJQU ڧྗͳܕ੍໿ʹΑΓ
+4 ʹൺ΂ ݎ࿚ͳઃܭΛ૊Έ΍͍͢

%J⒎FSFODFCX+BWB4DSJQUBOE"OESPJE+BWB BOOPUBUJPOQSPDFTTJOH TUSPOHUZQJOH +BWB EVDLUZQJOH pSTUDMBTTGVODUJPO QSPNJTF +BWB4DSJQU 3Y+BWB
ͷ SY0CTFSWBCMF5 Λ 1SPNJTFMJLF ͳڞ௨ *' ͱ͢Δ

ͷ SY0CTFSWBCMF5 Λ 1SPNJTFMJLF ͳڞ௨ *' ͱ͢Δ function fetchPosts(reddit) { return dispatch => { dispatch(requestPosts(reddit)) return fetch(`https://www.reddit.com/r/${reddit}.json`) .then(response => response.json()) .then(json => dispatch(receivePosts(reddit, json))) } } (MPCBM'FUDI ͕ 1SPNJTF Λฦ͢

ͷ SY0CTFSWBCMF5 Λ 1SPNJTFMJLF ͳڞ௨ *' ͱ͢Δ public Observable<ReceiveTodoListAction> call(Dispatcher dispatcher) { return dispatcher.dispatch(new DoingFetchAction()) .flatMap(_action -> client.fetch()) .map(todoList -> { this.todoList = todoList; return new ReceiveTodoListAction(todoList); }); } 0CTFSWBCMF"DUJPO Λฦ͢

8JUIWJFX FWFOU QSPQBHBUJPO .FTTBHF EJTQBUDI XJUI"DUJPO VQEBUF JGOFFEFE IUUQTTQFBLFSEFDLDPNBYSPTTJOUSPEVDUJPOUPSFEVY
'SPOUFOE+4 3FBDU "OHVMBS FUD

"OESPJE "DUJWJUZ 'SBHNFOU FUD

"OESPJE "DUJWJUZ 'SBHNFOU FUD %BUB#JOEJOH

"OESPJE "DUJWJUZ 'SBHNFOU FUD %BUB#JOEJOH <layout> <data> <variable name="store" type="com.example.android.RootStore"/> </data> <LinearLayout> <TextView android:text="@{store.getUser().getName()}"> </LinearLayout> </layout>

FH%SPJEVY %BUB#JOEJOH 7JFX 4UPSF MBZPVU OPUJGZ1SPQFSUZ$IBOHFE VTFSFWFOU BDUJPO EJTQBUDI

FH.71 %SPJEVY %BUB#JOEJOH 7JFX 4UPSF MBZPVU OPUJGZ1SPQFSUZ$IBOHFE VTFSFWFOU BDUJPO
EJTQBUDI 1SFTFOUFS EFMFHBUF PQFSBUF MPHJD JP FUD DBMM"TZOD"DUJPO PQFSBUF

FH$MFBO"SDIJUFDUVSF %SPJEVY %BUB#JOEJOH 7JFX 4UPSF MBZPVU OPUJGZ VTFSFWFOU BDUJPO
EJTQBUDI )BOEMFST EFMFHBUF MPHJD JP FUD DBMM"TZOD"DUJPO 1SFTFOUFS OPUJGZ PQFSBUF PQFSBUF

༨ஊ

$MFBO"SDIJUFDUVSF

IUUQTCMPHUIMJHIUDPNVODMFCPCUIFDMFBOBSDIJUFDUVSFIUNM

FH$MFBO"SDIJUFDUVSF %BHHFS %SPJEVY %BUB#JOEJOH 7JFX 4UPSF MBZPVU OPUJGZ VTFSFWFOU
BDUJPO EJTQBUDI )BOEMFST EFMFHBUF MPHJD JP FUD DBMM"TZOD"DUJPO 1SFTFOUFS OPUJGZ PQFSBUF PQFSBUF

BDUJPO EJTQBUDI )BOEMFST EFMFHBUF MPHJD JP FUD DBMM"TZOD"DUJPO 1SFTFOUFS OPUJGZ PQFSBUF PQFSBUF @Scope @Retention(RetentionPolicy.RUNTIME) @interface TimelineScope {} interface TimelineView { /* snip */ }

BDUJPO EJTQBUDI )BOEMFST EFMFHBUF MPHJD JP FUD DBMM"TZOD"DUJPO 1SFTFOUFS OPUJGZ PQFSBUF PQFSBUF @TimelineScope class TimelineHandlers { private final TimelineView view; private final RootStore store; @Inject TimelineHandlers(TimelineView view, RootStore store) { this.view = view; this.store = store; } /* snip. */ } ˞1SFTFOUFS ΋ಉ༷ͳͷͰলུ

BDUJPO EJTQBUDI )BOEMFST EFMFHBUF MPHJD JP FUD DBMM"TZOD"DUJPO 1SFTFOUFS OPUJGZ PQFSBUF PQFSBUF @Module class TimelineModule { private final TimelineView view; TimelineModule(TimelineView view) { this.view = view; } @Provides @TimelineScope TimelineView provideTimelineView() { return view; } }

$MFBO"SDIJUFDUVSF %SPJEVY ͷ QSPTDPOT QSPT 4UPSF Ͱ͢΂ͯͷঢ়ଶΛ؅ཧͰ͖Ε͹ɼ
1SFTFOUFS ͸ 4UPSF Λ؂ࢹ͢Δ͚ͩʹͳΔ )BOEMFST ΋ 4UPSF ʹ EJTQBUDI ͢Δ͚ͩ ϩδοΫ͸ "DUJPO ͷ޲͜͏ଆʢ3FQPTJUPSZ ͳͲʣʹ -PDBMVOJUUFTU ͰΧόʔͰ͖Δൣғ͕ѹ౗తʹ޿͍ ѹ౗తʹෳࡶʜοʂʂʢ͜͜·Ͱ΍Δඞཁ͋Δʁʣ DPOT

$PODMVTJPO

$PODMVTJPO "QQMJDBUPJOBSDIJUFDUVSFPO'SPOUFOE+4 .78 .PEFM7JFX8IBUFWFS $PNQPOFOUCBTF VOJEJSFDUJPOBMEBUBqPX QPSUJOHSBDLUSFEVYJ[VNJO%SPJEVY
"OOPUBUJPOQSPDFTTJOH Ͱॊೈ͞Λิ͏ 3Y+BWB Ͱ 1SPNJTF ͷ୅ΘΓͱͳΔڞ௨ *' Ծ૝ %0. ͸ͳ͍͚Ͳ %BUB#JOEJOH ͸ศར $MFBO"SDIJUFDUVSF ͸͍͍ͧ

What's the difference between JavaScript and Java?

What's the difference between JavaScript and Java?

More Decks by Masayuki Izumi

Other Decks in Programming

Featured

Transcript