èšèªãµãŒãã¹ã®åäœè
ã§ãã@chuckjazãããŒã ãå»ã£ãŠãã1幎以äžã
ããŒãžã§ã³8ããªãªãŒã¹ãããã®ã§ãä»åŸã®èšèªãµãŒãã¹ã®æŽæ°ãšããŒãããããæäŸããããšæããŸãã
å®å®æ§/ããã©ãŒãã³ã¹âïžå®äºïŒ
èšèªãµãŒãã¹ã®ããã©ãŒãã³ã¹ãäœäžããªãããã«ããããšããç§ãã¡ã®æåªå
äºé
ã§ãã å®å®æ§ã®åé¡ãããå Žåã¯ãåŒãç¶ã察åŠããŸãã
tsserverãã©ã°ã€ã³ãžã®ç§»è¡âïžå®äºïŒ
ä»åŸæ°ãæã«ããã£ãŠãtsserverãã©ã°ã€ã³ã¢ãã«ãžã®ç§»è¡ã«å¿
èŠãªæ®ãã®äœæ¥ãåŒãåããŸãã tsserverãã©ã°ã€ã³ã®äž»ãªå©ç¹ã¯ãããã©ãŒãã³ã¹ïŒTSã³ã³ãã€ã«ã®éè€ããªãïŒãšããŒãžã§ã³ã®äžäžèŽïŒAngularãšTSã®äž¡æ¹ïŒããªãããšã§ãã ã»ãšãã©ã®äœæ¥ã¯ãå€éšHTMLãã³ãã¬ãŒããé©åã«ãµããŒããããŠããããšã確èªããããšã§ãã
2019幎11æ11æ¥æŽæ°ïŒãã©ã°ã€ã³ã¢ãŒãã¯åŒãç¶ããµããŒãããŸãããã¹ã¿ã³ãã¢ãã³æ¡åŒµæ©èœãç¶æããããšã«ããŸããã æ¡åŒµæ©èœã¯ãããã©ãŒãã³ã¹ã®åé¡ã«å¯ŸåŠããããã«å®å
šã«æ¹è¯ãããå€ãã®æ©èœãè¿œå ãããŸããã AngularããŒãžã§ã³9ã®ãªãªãŒã¹ã«åãããŠãæ°ããããŒãžã§ã³ãããŒã±ãããã¬ã€ã¹ã«å
¬éãããŸããã
ãã°ä¿®æ£/æ©èœåŒ·åâïžå®äºïŒ
ãã©ã°ã€ã³ãå®æãããããã³ãã¬ãŒãã¿ã€ãã®ãã§ãã¯ãšèŠæã®å€ãã£ãæ©èœæ¡åŒµã«é¢ããé·å¹Žã®ãã°ã«å¯ŸåŠããŸãã
èšèªãµãŒãã¹ãIvyã³ã³ãã€ã©ã«åãæ¿ããŸãâïžå®äºããŸããïŒ
Ivyã§ã®ã³ã³ãã€ã«ã¢ãã«ã¯ViewEngineã§ã®ã³ã³ãã€ã«ã¢ãã«ãšã¯å€§å¹
ã«ç°ãªããããå°æ¥ã®äºææ§ã確ä¿ããããã«èšèªãµãŒãã¹ããã¯ãšã³ããæ¹è¯ããå¿
èŠããããŸãã
ãã£ãŒãããã¯ããå¯ãããã ãããããšãããããŸããè²¢ç®ãããå Žåã¯ãç¥ãããã ããã
ããã«ãªã³ã¯ããã ãã§ãããã©ãŒãã³ã¹ã«å€§ããªåé¡/ãã°ã2ã€èª¬æãããŠããŸãã
æåã®ãã®ã«ã€ããŠã¯ãå°ãªããšãæåŸã«éããŠãããšãã£ã¿ãŒãéããªãããã«ããåé¿çããããŸããã2çªç®ã®ãã®ã«ã€ããŠã¯ããã©ã°ã€ã³ãç¡å¹ã«ããã ãã§ãã ãã©ã°ã€ã³ã䜿ã£ãéäžçãªãã¹ãããããã®2ã€ãä¿®æ£ãããã°ããã©ã°ã€ã³ã¯ã»ãŒå®ç§ã§ãããšèšããŸãã
Angularæ¡åŒµæ©èœã®æ°ããããŒãžã§ã³ãåæãã¬ãã¥ãŒãšããŠGitHubã§å ¬éãããŠããŸããhttpsïŒ//github.com/angular/vscode-ng-language-service/releases/tag/v0.900.0-next.0ãåç §ããŠ
è©ŠããŠã¿ãå Žåã¯ãåé¡/ãã°ããç¥ãããã ããã ããããšãããããŸããïŒ
@kyliau ïŒEclipse Wild
@kyliau v0.900.0-next.0ãã€ã³ã¹ããŒã«ããããã®æ瀺ã«åŸããŸããããäœãïŒã³ã³ããŒãã³ãã»ã¬ã¯ã¿ãŒãããããã£ãã€ãã³ããªã©ïŒã®ãªãŒãã³ã³ããªãŒãã®ææ¡ã¯ãããŸããã
RCããŒãžã§ã³ããªãªãŒã¹ãããããšããç¥ããã§ããŠããããæããŸããæ°é±é以å
ã«ãæ°ããæ¡åŒµæ©èœãvscodeãŸãã
ãããŸã§ã®éãè©ŠããŠã¿ããå Žåã¯ããªãªãŒã¹ããŒãžãããã€ããªãããŠã³ããŒãããŠãã ããã
çŸåšãäœæ¥é
ç®ïŒ3ïŒã«çŠç¹ãåœãŠãŠãããé·å¹Žã®ãã°ãä¿®æ£ããŸãã
æ°ããæ¡åŒµæ©èœãå ¬éãããŸããã https://marketplace.visualstudio.com/items?itemName=Angular.ng-templateããããŠã³ããŒãããŠ
ãã€ã³ã4ãèšèªãµãŒãã¹ãIvyã³ã³ãã€ã©ã«åãæ¿ãã[é²è¡äž]ãã«ã€ããŠè³ªåããããŸãã
ç¬èªã®å éšã©ã€ãã©ãªããããç¬èªã«éçºããã¢ããªã±ãŒã·ã§ã³ã§ã®ã¿äœ¿çšãããŸãã ãã¹ãŠã®ã³ãŒãããŒã¹ãäžåºŠã«ç§»è¡ããããããIvyã«ç§»è¡ããŸããã ããããvscodeã¯ã©ã€ãã©ãªãããã£ã¬ã¯ãã£ããšã³ã³ããŒãã³ããèªèããªããªããŸããã
ã€ãŸããçŸæç¹ã§ã®æåã®æ¹æ³ã¯ãèšèªãµãŒãã¹ãIvyãå®å šã«ãµããŒããããŸã§ãViewEngineã䜿çšããŠã©ã€ãã©ãªãã³ã³ãã€ã«ããããšã§ãã ããã¯æ£ããã§ãïŒ ãããããªããèšèªãµãŒãã¹ã®ãµããŒãããã€çéžãããã«ã€ããŠã®ããŒããããã¯ãããŸããïŒ
ivyã³ã³ãã€ã©ã䜿çšããã¢ããªã±ãŒã·ã§ã³ã¯åé¡ãããŸããã ã¢ããªã±ãŒã·ã§ã³ã®ã³ã³ããŒãã³ãã¯æ£ãã解決ãããŸãã
@furtiãææã®ãšãããä»ã®ãšãããèšèªãµãŒãã¹ãä»æ¥ã®èšèªãµãŒãã¹ã®åºç€ã§ãã察å¿ããmetadata.json
ãååŸããã«ã¯ãã©ã€ãã©ãªãšã¢ããªã±ãŒã·ã§ã³ã
@xiaoxiangmoeã³ã³ãã€ã©ããŒã ãšååããŠãIvyãèšèªãµãŒãã¹ã«å®å
šã«çµ±åããŠããŸãã çŸåšãããŒãžã§ã³10ã®ããŒã¿ãªãªãŒã¹ãç®æããŠããŸããããã¯ã6ææ«ãã7æåæ¬ã«ãããŠè¡ãããäºå®ã§ãããäºæãã¬äºæ
ã¯çºçããŸããã WFHã®ç¶æ³ãç¶ããŠãããããèšç»ã¯å€å°æ··ä¹±ããŠããŸãããå
ã®ããŒããããã«åºå·ããããã«æåãå°œãããŸãã
Angularãv10ããªãªãŒã¹ããã®ãèŠãŠããããã§ãð
ãèšèªãµãŒãã¹ãIvyã³ã³ãã€ã©ã«åãæ¿ãããã®ã¢ããããŒãã¯ãããŸããïŒ
@xiaoxiangmoeå
éšã®åç·šæã«ãããIvyèšèªãµãŒãã¹ã®ã¿ã€ã ã©ã€ã³ãé
ããŸããã
äœæ¥ã¯ãã§ã«éå§ãããŠããããã®ãããžã§ã¯ãã®å¢ããå¢ãããã«æ°äººã®ã¡ã³ããŒãåå ãããŸããã
ããã§ãããžã§ã¯ãå
šäœã®é²è¡ç¶æ³ã远跡ã§ã
Ivy LSã¯ãæ¢åã®LSãšäžç·ã«ãªãªãŒã¹ããäºå®ã§ããããã«ããããæ©æãã¬ãã¥ãŒããè©ŠããŠã¿ãããŠãŒã¶ãŒã¯ããšãã£ã¿ãŒã®èšå®ããè©ŠããŠã¿ãããšãã§ããŸãã ã©ããã楜ãã¿ã«ïŒ
ããã©ãŒãã³ã¹ã¯ãŸã çµãã£ãŠããªããšæããŸãã ãã®æ¡åŒµæ©èœã¯ãç§ãç§ãé·ãéç¥ã£ãŠããä»ã®å€ãã®äººã ã«ãšã£ãŠãCPUã®é«ã¹ãã€ã¯ã®æ倧ã®åå ã§ãããæè¿ãmacOSã®ãã¡ã³ã倢äžã«ãããŠããŸãã
ã¯ãã@ DenysVuikaã«åæããŸãã ãã®ãã©ã°ã€ã³ã§äœã¶æãåé¡ããããŸããã ç§ã¯æšæ¥æŸæ£ããŠãããç¡å¹ã«ããŸããã vscodeãšngWebãµãŒããŒãèµ·åããåŸãCPUã¯ããæç¹ã§æ¥äžæããvscodeãåèµ·åãããŸã§ããã«ãšã©ãŸããŸãã Intellisenseã¯ã1æ¥ã«è€æ°ååäœãåæ¢ããŸãã ç§ã¯æ¯æ¥ãæ°åãvscodeãåèµ·åããããšãäœåãªããããŠããŸãã ç¡å¹ã«ããã®ã§ããã¹ãŠæ£åžžã«æ»ããŸããã ç§ãmacOSã䜿ã£ãŠããŸãã ããã«ããã€ãã®ã³ã³ããã¹ãæ å ±ããããŸãïŒ
Angular CLIïŒ10.0.1
ããŒãïŒ12.13.0
OSïŒdarwin x64
è§åºŠïŒ10.0.2
...ã¢ãã¡ãŒã·ã§ã³ãå
±éãã³ã³ãã€ã©ãã³ã³ãã€ã©-cliãã³ã¢ããã©ãŒã
...ãã©ãããã©ãŒã ãã©ãŠã¶ããã©ãããã©ãŒã ãã©ãŠã¶ãã€ãããã¯ãã«ãŒã¿ãŒ
ã¢ã€ããŒã¯ãŒã¯ã¹ããŒã¹ïŒã¯ã
@ angular-devkit / architect 0.1000.1
@ angular-devkit / build-angular 0.1000.1
@ angular-devkit / build-optimizer 0.1000.1
@ angular-devkit / build-webpack 0.1000.1
@ angular-devkit / core 10.0.1
@ angular-devkit / schematics 10.0.1
@ angular / cdk 10.0.1
@ angular / cli 10.0.1
@ angular / material 10.0.1
@ ngtools / webpack 10.0.1
@ schematics / angular 10.0.1
@ schematics / update 0.1000.1
rxjs 6.6.0
typescript 3.9.6
webpack 4.43.0
çŸåšã®Angular10ãããžã§ã¯ãã§ã¯ãããŒãžã§ã³ïŒ1.48.0ã䜿çšããŠããŸã-ã€ã³ãµã€ããŒã§ã¯ãHTMLãã³ãã¬ãŒãã«Angular Intellisenseããªãããšã©ãŒãã§ãã¯ããããŸããïŒååšããªãå€æ°ã«ãã€ã³ãããå Žåãªã©ïŒã
ææ°ã®æŽæ°ïŒIvyèšèªãµãŒãã¹ã¯ããŒãžã§ã³11ã§ããŒã¿ãã¹ãã«å©çšã§ããããã«ãªããŸãããªãªãŒã¹ã¯çŸåš2020幎11æ11æ¥ã«äºå®ãããŠããŸããèšèªãµãŒãã¹ã®ãã®ãŸã£ããæ°ããã€ãã¬ãŒã·ã§ã³ã§ããã©ãŒãã³ã¹ãåäžãããããå¹ åºãæ©èœã»ãããæäŸããããšãç®æããŠããŸãã æ°æ©èœã«ã¯æ¬¡ã®ãã®ããããŸãã
angularCompilerOptions
ä¹ ãã¶ãã§ãããå¿æŽãããããé¡ãããŸãïŒ
@kyliauããã¯Angularv11.0.0-rc.2ãŸãã¯v11.0.0-rc.3ã§ãªãªãŒã¹ãããŸããïŒ
@kyliauããã¯Angularv11.0.0-rc.2ãŸãã¯v11.0.0-rc.3ã§ãªãªãŒã¹ãããŸããïŒ
@xiaoxiangmoe IvyèšèªãµãŒãã¹ã¯ãv11.0ã§ãå®éšçã§ãªããã€ã³ããããŸãŸã§ããããã¯ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã磚ããããã€ãã®ãã°ãä¿®æ£ããããã«ãŸã ããã¹ãããšãããã€ãããããã§ãã ãšã«ããè©ŠããŠã¿ããå Žåã¯ã httpsïŒ//github.com/angular/vscode-ng-language-service/releases/tag/v0.1100.0-rc.0ããRCããŒãžã§ã³ãããŠã³ããŒãããŠã€ã³ã¹ããŒã«ã§ããŸãã .vsix
ãã¡ã€ã«ãæåã§ã
ããã¯ãããžã§ã¯ãã«ãšã£ãŠå€§ããªãã€ã«ã¹ããŒã³ã§ãããããå®å®çãšããŠãªãªãŒã¹ãããåã«ãæ¡åŒµæ©èœãååã«ãã¹ããããæ©èœãå®å šã§ããããšã確èªããããšæããŸãã ç§ãã¡ã¯ç®èŠãŸããé²æ©ãéããã³ãã¥ããã£ãšä»äºãåãã¡åãããšã«è奮ããŠããŸãããç§ãã¡ãã«ãŒãºãšã³ããçµã¶éãããå°ãå¿èãæè¬ããŸãã
@kyliau Ivy LanguageãµãŒãã¹ã§éããããã°ã®èª¿æ»ã¯ãã€æåŸ
ã§ããŸããïŒ
https://github.com/angular/vscode-ng-language-service/issues/936ãéããŸãã
@kyliauããã¯Angularv11.0.0-rc.2ãŸãã¯v11.0.0-rc.3ã§ãªãªãŒã¹ãããŸããïŒ
@xiaoxiangmoe IvyèšèªãµãŒãã¹ã¯ãv11.0ã§ãå®éšçã§ãªããã€ã³ããããŸãŸã§ããããã¯ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã磚ããããã€ãã®ãã°ãä¿®æ£ããããã«ãŸã ããã¹ãããšãããã€ãããããã§ãã ãšã«ããè©ŠããŠã¿ããå Žåã¯ã httpsïŒ//github.com/angular/vscode-ng-language-service/releases/tag/v0.1100.0-rc.0ããRCããŒãžã§ã³ãããŠã³ããŒãããŠã€ã³ã¹ããŒã«ã§ããŸãã
.vsix
ãã¡ã€ã«ãæåã§ãããã¯ãããžã§ã¯ãã«ãšã£ãŠå€§ããªãã€ã«ã¹ããŒã³ã§ãããããå®å®çãšããŠãªãªãŒã¹ãããåã«ãæ¡åŒµæ©èœãååã«ãã¹ããããæ©èœãå®å šã§ããããšã確èªããããšæããŸãã ç§ãã¡ã¯ç®èŠãŸããé²æ©ãéããã³ãã¥ããã£ãšä»äºãåãã¡åãããšã«è奮ããŠããŸãããç§ãã¡ãã«ãŒãºãšã³ããçµã¶éãããå°ãå¿èãæè¬ããŸãã
Ivy Language Serviceãã¢ã¯ãã£ãåããæ£ããæ¹æ³ã¯äœã§ããïŒ ãã®å®éšçãªèšå®ã¯ãã§ã«trueã«èšå®ããŠããŸãããngccãå®è¡ã§ããŸããã çŽåã«æåã§å®è¡ããããšããŸããããæ©èœããŸããã ç§ãåã£ãŠããªãæãããªã¹ãããã¯ãããŸããïŒ
ä»ã®ãŠãŒã¶ãŒãµããŒããªã¯ãšã¹ããšåãããã«ããã®ã³ã¡ã³ããåŽäžããªãã§ãã ããã ç§ã¯ããªãããã®æºåãã§ããŠããªãããšãç¥ã£ãŠããŸãã ããããã¹ãããæ£ããæ¹æ³ãç¥ãããã ãã§ãã
@Arkthurããã¯ç§ã®angularCompilerOptionsã§ãïŒ
{
"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true,
"strictInputAccessModifiers": true,
"strictTemplates": true
}
}
ãŸããvscode-ng-language-service v0.1100.1ãŸãã¯v0.1100.3ã䜿çšããŠããå Žåã¯ãv0.1100.0ãåã€ã³ã¹ããŒã«ããŠãã ããã vscode-ng-language-service v0.1100.1ã«ã¯é倧ãªãã°ãããããã¿èšèªãµãŒãã¹ãæ©èœããªãããã§ãã
äœæã«ã¯é·ãæéãããããŸããããä»æ¥ãã¢ã€ããŒæ¯åœèªãµãŒãã¹ãã€ãã«v11.1.0ã§è©Šãããšãã§ããããã«ãªããŸããïŒ
Ivy-native LSã¯ãViewEngineã§ã¯ä¿®æ£ã§ããªãã£ãå€ãã®åºæ¬çãªåé¡ãä¿®æ£ããŸãã
ãŸãããã³ãã¬ãŒãå ã®å€æ°ã®åç §ãæ€çŽ¢ãããªã©ãããã€ãã®æ°æ©èœãå°å ¥ãããŠããŸãã
vscodeããŒã±ãããã¬ã€ã¹ããããŠã³ããŒãããŠããã£ãŒãããã¯ãããã°ãç¥ãããã ããã
Ivy-native LSãæå¹ã«ããæé ã¯ããªãªãŒã¹ããŒãã«èšèŒãããŠã
æãåèã«ãªãã³ã¡ã³ã
ææ°ã®æŽæ°ïŒIvyèšèªãµãŒãã¹ã¯ããŒãžã§ã³11ã§ããŒã¿ãã¹ãã«å©çšã§ããããã«ãªããŸãããªãªãŒã¹ã¯çŸåš2020幎11æ11æ¥ã«äºå®ãããŠããŸããèšèªãµãŒãã¹ã®ãã®ãŸã£ããæ°ããã€ãã¬ãŒã·ã§ã³ã§ããã©ãŒãã³ã¹ãåäžãããããå¹ åºãæ©èœã»ãããæäŸããããšãç®æããŠããŸãã æ°æ©èœã«ã¯æ¬¡ã®ãã®ããããŸãã
angularCompilerOptions
ä¹ ãã¶ãã§ãããå¿æŽãããããé¡ãããŸãïŒ