pi@raspberrypi:~ $ sudo apt-get -y update pi@raspberrypi:~ $ sudo apt-get -y fill-upgrade pi@raspberrypi:~ $ sudo apt-get -y autoremove pi@raspberrypi:~ $ sudo apt-get -y autoclean
$ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - $ sudo apt install nodejs
Raspberry Pi OS 2020.12.02 relase for 32bit イメージ
pi@raspberrypi:~ $ uname -a Linux raspberrypi 5.4.83-v7+ #1379 SMP Mon Dec 14 13:08:57 GMT 2020 armv7l GNU/Linux pi@raspberrypi:~ $
pi@raspberrypi:~ $ sudo apt-get -y update pi@raspberrypi:~ $ sudo apt-get -y upgrade pi@raspberrypi:~ $ sudo apt-get -y autoremove pi@raspberrypi:~ $ sudo apt-get -y autoclean
pi@raspberrypi:~ $ sudo apt-get -y install ttf-kochi-gothic fonts-noto uim uim-mozc nodejs npm apache2 vim emacs libnss3-tools
pi@raspberrypi:~$ service dphys-swapfile stop pi@raspberrypi:~ $ sudo nano /etc/dphys-swapfile pi@raspberrypi:~ $ sudo vi /etc/dphys-swapfile
CONF_SWAPSIZE=1024 => 16384
$ sudo service dphys-swapfile start
pi@raspberrypi:~ $ curl -L git.io/nodebrew | perl - setup
pi@raspberrypi:~ $ echo "export PATH=$HOME/.nodebrew/current/bin:$PATH" >> ~/.profile
pi@raspberrypi:~ $ source ~/.profile
pi@raspberrypi:~ $ nodebrew --version
pi@raspberrypi:~ $ nodebrew ls-remote
pi@raspberrypi:~ $ nodebrew install-binary v12.20.1
pi@raspberrypi:~ $ nodebrew use v12.20.1
pi@raspberrypi:~ $ npm cache verify pi@raspberrypi:~ $ npm cache clean --force
pi@raspberrypi:~ $ sudo npm install -g npm
pi@raspberrypi:~ $ npm install -g @vue/cli@latest
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
/home/pi/.nodebrew/node/v12.20.1/bin/vue -> /home/pi/.nodebrew/node/v12.20.1/lib/node_modules/@vue/cli/bin/vue.js
> nodemon@1.19.4 postinstall /home/pi/.nodebrew/node/v12.20.1/lib/node_modules/@vue/cli/node_modules/nodemon
> node bin/postinstall || exit 0
> ejs@2.7.4 postinstall /home/pi/.nodebrew/node/v12.20.1/lib/node_modules/@vue/cli/node_modules/ejs
> node ./postinstall.js
Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/@vue/cli/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"arm"})
npm WARN @vue/compiler-sfc@3.0.5 requires a peer of vue@3.0.5 but none is installed. You must install peer dependencies yourself.
+ @vue/cli@4.5.10
added 205 packages from 92 contributors, removed 349 packages, updated 128 packages and moved 15 packages in 163.82s
pi@raspberrypi:~ $ npm init vite-app vue-fist-sample npx: installed 8 in 7.065s Scaffolding project in /home/pi/vue-fist-sample... Done. Now run: cd vue-fist-sample npm install (or `yarn`) npm run dev (or `yarn dev`)
pi@raspberrypi:~ $ cd vue-fist-sample/
pi@raspberrypi:~/vue-fist-sample $ npm i
npm WARN deprecated fsevents@2.1.3: "Please update to latest v2.3 or v2.2"
> esbuild@0.8.32 postinstall /home/pi/vue-fist-sample/node_modules/esbuild
> node install.js
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"arm"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules/rollup/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"arm"})
npm WARN vue-fist-sample@0.0.0 No description
npm WARN vue-fist-sample@0.0.0 No repository field.
npm WARN vue-fist-sample@0.0.0 No license field.
added 329 packages from 302 contributors and audited 332 packages in 56.846s
26 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
pi@raspberrypi:~/vue-fist-sample $ npm run dev
自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.
The AOP-Routing library for Angular | by Eric Sarpong | Analytics Vidhya | Jan, 2021 | Medium https://t.co/lY4n3FAIpf
— ng-gunma (@ng_gunma) 2021年1月14日
How does an Angular application work? | by FAM | Jan, 2021 | Level Up Coding https://t.co/u3yiynEMb5
— ng-gunma (@ng_gunma) 2021年1月14日
Get Ready For ESM. JavaScript Modules will soon be a… | by Sindre Sorhus | Jan, 2021 | 🦄 Sindre Sorhus’ blog https://t.co/s6nZZHPTDa
— ng-gunma (@ng_gunma) 2021年1月14日
自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.
Angular Error Handling — Made Easy. | by Megan Rook | Dec, 2020 | Medium https://t.co/nUDRNWw9ks
— ng-gunma (@ng_gunma) 2021年1月13日
Task Based UI using Command Bus in Angular | by Greg Radzio | Medium https://t.co/ghLkAM1Czd
— ng-gunma (@ng_gunma) 2021年1月13日
What’s New in Node.js 15. Detailed explanations for Node.js 15… | by Jennifer Fu | Better Programming | Jan, 2021 | Medium https://t.co/e1T3AiLWaU
— ng-gunma (@ng_gunma) 2021年1月13日
自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.
[Angular In Brief]: Common/Shared components. | by Marina | Comida For Familias, Inc. | Dec, 2020 | Medium https://t.co/jv39poWae5
— ng-gunma (@ng_gunma) 2021年1月12日
Using CSS Subgrid for Pixel Perfection | by Jose Granja | Better Programming | Jan, 2021 | Medium https://t.co/hTIIkVPWs0
— ng-gunma (@ng_gunma) 2021年1月12日
7 Mistakes I Made (and Regret) as JavaScript Developer | by Ali Haider | JavaScript In Plain English | Jan, 2021 | Medium https://t.co/y3ITXPTaAF
— ng-gunma (@ng_gunma) 2021年1月12日
Introduction of Storybook using Angular part I | by Amita Kalhapure | Dec, 2020 | Medium https://t.co/YYHcDEoclI
— ng-gunma (@ng_gunma) 2021年1月12日
自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.
5 Ways to Prevent Multiple Service Calls on Button Click in Angular | by Atit | JavaScript In Plain English | Jan, 2021 | Medium https://t.co/wgwO70kX0L
— ng-gunma (@ng_gunma) 2021年1月11日
How to use Flex-Layout Angular. Covered the detail description about… | by Ajay Singh | Dec, 2020 | Medium https://t.co/nDAOkumsDg
— ng-gunma (@ng_gunma) 2021年1月11日
自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.
Clean Architecture in Angular Applications | by Denis Hasanenko | The Startup | Nov, 2020 | Medium https://t.co/OPicAsePHE
— ng-gunma (@ng_gunma) 2021年1月10日
How to reduce duplicated code by using dependency injection in Angular | by Pham Huu Hien | Dec, 2020 | Medium https://t.co/7yq7G6oBKn
— ng-gunma (@ng_gunma) 2021年1月10日
Angular ListToString Pipe, that is better than *ngFor | by Luka Onikadze | Medium https://t.co/eoFgVPVOiq
— ng-gunma (@ng_gunma) 2021年1月10日
Implementing layout in Angular. Implementing layout in Angular To reuse… | by Ali Badakhshan | Medium https://t.co/M6dDGYtENV
— ng-gunma (@ng_gunma) 2021年1月10日
Taiga UI is a new Angular UI Kit that you should try | by Roman Sedov | It’s Tinkoff | Dec, 2020 | Medium https://t.co/5ca9ETekkT
— ng-gunma (@ng_gunma) 2021年1月10日
CSS Flexbox Explained With Examples | by Mehdi Aoussiad | JavaScript In Plain English | Jan, 2021 | Medium https://t.co/zRIAZIVQGg
— ng-gunma (@ng_gunma) 2021年1月10日
Getting Started with Modern JavaScript — Spread vs Rest | by Michael Karén | Medium https://t.co/SiUgcD1AMs
— ng-gunma (@ng_gunma) 2021年1月10日
Angular 11 State Management With NgRx & Side Effects | by Usman N. | Dec, 2020 | Medium https://t.co/EFfWYngWFe
— ng-gunma (@ng_gunma) 2021年1月10日
The easiest way to keep NgRx state after refresh (rehydrate it from localStorage) | by Zsolt Deak | Betsson Group | Dec, 2020 | Medium https://t.co/3IarwttFoC
— ng-gunma (@ng_gunma) 2021年1月10日
Best practices for Typescript coding | by Esha Garg | Medium | Medium https://t.co/mDNdQ2o2PL
— ng-gunma (@ng_gunma) 2021年1月10日