Ionic Anglar의 속도를 M1 MacBook Pro에서 측정합니다.

이 글은 Ionic Framework / Capacitor / Stencil Advent Calendar 2021 Advent Calendar 2021의 글이다.

M1 맥북 프로를 샀어요.

빨리 화제가 되는 M1 MacBook Pro를 샀어요.여러 가지 조건을 검토한 후 구입한 것은 이것이다.
https://www.yodobashi.com/product-detail/100000001006677803/
또는 M1 맥북 프로를 구매하기로 했다면 선택의 여지가 거의 없었다.그나저나 마일리지가 5% 줄어들기 때문에 전교 카메라로 구매하면 14990점을 받을 수 있다.수지가 맞다.
기존에 사용하던 맥북 프로(Intel)는 15인치에서 CPU와 메모리를 가득 싣고 45704엔에 구입했다.

중소기업은 중소기업 등의 소액 감가상각 자산의 원가의 손실금액을 산정하는 특례가 있지만 그것도 30만엔 이내이기 때문에 당연히 감가상각을 진행했다.4년이야, 감가상각 기간.너무 길어요.그리고 고정자산을 가지고 있으면 매년 다양한 서류 수속이 늘어나겠죠.
그래서 이번에는 한꺼번에 상각하려고 30만엔 이내로 결정했다.그때는 구매 후보가 다음 두 개로 한정됐다.

14형 10코어 CPU/16코어 GPU/16GB 단일 모드 스토리지/1TBSSD 어플라이언스 299.800엔

16형 10코어 CPU/16코어 GPU/16GB 단일 모드 스토리지/512GB SSD 어플라이언스 299800엔

그 외에 30만 엔이 넘으니 포함되지 않는다.이 금액 이하의 개발 체험을 낮추고 싶지 않아 제외했다.
또한 저장 사이즈이기 때문에 600GB 정도를 사용하기 때문에 저장 용량을 개의하는 일로 1TB를 원하지 않기 때문에 14인치의 선택이다.

구축 시간 등 측정

아마도 나와 마찬가지로 Ionic Anglar를 개발할 때 MacBook Pro를 구매한 사람들은 기본적으로 같은 선택일 것이다. 그래서 나는 Ionic Anglar의 건설 시간을 남기고 싶다.지금의 PC에서 구매할 재료를 논의할 수 있다면 다행입니다.
우선 ionic start로 프로젝트를 제작한다.이번에 angular의blank템플릿을 선택했습니다.그럼 우선 ionic serve시간을 측정해 봅시다.이 기사를 쓰는 브라우저(Chrome)만 시작했고 esm 2015에 대한 컴파일이 끝난 상태부터 시작합니다.또한ionic info의 환경은 다음과 같다.

Ionic:

   Ionic CLI                     : 6.18.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.9.1
   @angular-devkit/build-angular : 12.1.4
   @angular-devkit/schematics    : 12.2.13
   @angular/cli                  : 12.1.4
   @ionic/angular-toolkit        : 4.0.0

Capacitor:

   Capacitor CLI      : 3.3.2
   @capacitor/android : not installed
   @capacitor/core    : 3.3.2
   @capacitor/ios     : not installed

Utility:

   cordova-res : not installed globally
   native-run  : 1.5.0

System:

   NodeJS : v16.13.1 (/usr/local/bin/node)
   npm    : 8.1.2
   OS     : macOS Monterey

이것은 반드시 수동으로 초시계로 만들어야 한다.Fast Mening Painto가 완료될 때까지 브라우저가 시작됩니다.
처음
두번째
세번째
10초
9초
10초 96
느낌상으로는 브라우저 시작(CLI)보다 브라우저에서 렌더링된 것처럼 느껴진다.뭐, 수동으로 하는 거라서 오차가 있으면 10초 정도면 돼요.
이어서 집행npm run build.이것에 관해서는 CLI가 시간을 표시하기 때문에 그것을 사용합니다.
처음
두번째
세번째
3,718ms
3,617ms
3,582ms
겸사겸사 제품 건설에 대해서 말씀해 주세요.실행npm run build -- --prod.
처음
두번째
세번째
8,267ms
8,188ms
8,252ms
이런 느낌의 속도야.메모리 16GB에 분투하고 있잖아.

총결산

감가상각을 고려하지 않고 전 규격의 적립을 하는 것도 방법이지만, 감가상각 이내에 맥북 프로를 교체하는 방안을 검토 중인 Ionic/Anglar 이용자가 있다면 손 옆에서 이 같은 측정을 해 교체 후 고속화 여부를 확인할 수 있다.
그럼 안녕히 계세요.