このブログについて

Posted by muchag | 未分類 | 2007-03-01 (木) 2:33:38

このブログは、爺による「備忘録」です。
言葉の使い方をはじめ、間違っていることも多々あるかもしれません。
あくまでも「備忘録」ですので、これのブログを見て「怒っちゃやーよ!」

自己責任にて閲覧してくださいね
未分類 | 2007-03-01 (木) 2:33:38 |

Classic Editor

Posted by muchag | WordPress | 2018-12-07 (金) 13:54:52

【環境】
Classic Editor: 1.1
WordPress: 5.0.0
Gutenberg

本日、WordPress に記事を書いていたら
WordPress 更新のアラートが出ていた。

早速更新してみると、エディタがえらいことに!

なにこれ?!
と思って、Google 先生へ質問してみると
5.0.0 から、Gutenberg という新しいエディタになったそうな。

AddQuicktag を利用して設定してきたカスタムタグを含めて
リッチテキストエディタがゴッソリなくなっていた。 😥

Gutenberg プラグインの説明を見ると、

ブロックは、今まで異なる方法でカバーされていた
「ショートコード」「埋め込み」「ウィジェット」「投稿フォーマット」
「カスタム投稿タイプ」「テーマオプション」「メタボックス」
その他のフォーマット要素などを統一的に進化させたものです。
ユーザーは、WordPress でできる幅広い機能を、明快で一貫した方法で利用できます。

とあるので、こちらでもカスタムタグを、しかもプラグインなしで利用できそうだけど
今は学習時間を確保できないので、以前のスタイルへ戻したい!

Classic Editor

それを実現できるのが、Classic Editor プラグインだそうな。

早速検索して入れてみると
見慣れた編集画面へ戻った。

ふぅ。。。

設定
  • 「すべてのユーザーのデフォルトエディター」
  • 「ユーザーにエディターの切り替えを許可します」
  • 項目が追加されている。

    手動切替

    上記の設定をしてあっても
    Gutenberg になっているときがあるので
    その際は、投稿画面の右サイドバーに「エディター」というカテゴリが追加されているので
    [クラシックエディターに切り替え] をクリックすると
    Classic Editor 画面になる。

    反対に、Gutenberg を試したくなったら
    [ブロックエディターに切り替え] で、Gutenberg 画面になる。

    WordPress | 2018-12-07 (金) 13:54:52 |

    Laravel Mix -> Hackers Galore 様編

    Posted by muchag | CakePHP 3.x,Library & PlugIn & AddIn,困ったTT | 2018-12-07 (金) 13:31:02

    【環境】
    CakePHP: 3.6.5
    php: 7.3.0 rc6
    手順
    シンボリックリンク問題対応

    シンボリックリンク権限問題 解決のために
    シンボリックリンクを作成。

    
    mkdir /media/sf_CakeTest/node_modules
    mkdir /var/CakeTest
    mkdir /var/CakeTest/node_modules
    mount --bind /var/CakeTest/node_modules /media/sf_CakeTest/node_modules
    
    package.json 配置

    https://github.com/laravel/laravel/blob/master/package.json
    を CakePHP3 のルートディレクトリへ配置。

    webroot 内に配置しないように。

    私は、直接 Laravel 5.7.15 からコピペした。

    インストール
    
    cd /media/sf_CakeTest
    yarn install
    
    imagemin

    imagemin についての警告が出るので、インストール。

    
    warning "laravel-mix > img-loader@3.0.1" has unmet peer dependency "imagemin@^5.0.0 || ^6.0.0".
    

    こちらを解決するために、imagemin をインストール。

    
    yarn add -D imagemin
    yarn add v1.12.3
    [1/4] Resolving packages...
    [2/4] Fetching packages...
    info fsevents@1.2.4: The platform "linux" is incompatible with this module.
    info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.
    [3/4] Linking dependencies...
    [4/4] Building fresh packages...
    success Saved lockfile.
    success Saved 14 new dependencies.
    info Direct dependencies
    └─ imagemin@6.0.0
    info All dependencies
    ├─ @mrmlnc/readdir-enhanced@2.2.1
    ├─ @nodelib/fs.stat@1.1.3
    ├─ arrify@1.0.1
    ├─ call-me-maybe@1.0.1
    ├─ dir-glob@2.0.0
    ├─ fast-glob@2.2.4
    ├─ file-type@8.1.0
    ├─ glob-to-regexp@0.3.0
    ├─ globby@8.0.1
    ├─ ignore@3.3.10
    ├─ imagemin@6.0.0
    ├─ merge2@1.2.3
    ├─ p-pipe@1.2.0
    └─ replace-ext@1.0.0
    Done in 9.96s.
    
    webpack.mix.js 配置

    https://github.com/laravel/laravel/blob/master/webpack.mix.js
    を CakePHP3 のルートディレクトリへ配置。

    私は、直接 Laravel 5.7.15 からコピペした。

    assets ディレクトリ配置
    /assets/js/app.js
    /assets/sass/app.sass

    を配置。

    私は、直接 Laravel 5.7.15 からコピペした。

    webpack.mix.js 修正

    参考サイトのものを基に、自分の環境に合わせて改変。

    /webpack.mix.js
    
    mix.js('resources/js/app.js', 'public/js')
       .sass('resources/sass/app.scss', 'public/css');
    

    
    mix.setPublicPath('webroot'); // since not in Laravel, need to help Mix along here
    mix.js('assets/js/app.js', 'webroot/js')
    .sass('assets/sass/app.scss', '../assets/build/css')
    .sass('assets/sass/self.scss', '../assets/build/css')
    .styles([
        'assets/build/css/app.css',
        'assets/build/css/self.css'
        ], 'webroot/css/app.css');
    
    テストコード

    参考サイトにはテストコードを記述する件があるけど
    Laravel からコピペしてきた、ExampleComponent.vue があるので
    テストコードはスキップ。

    組み込み
    /src/Template/Pages/home.ctp

    header 閉じタグ直後に3行追加。

    
    

    body 閉じタグ直前に2行追加。

    
    
    webpack 始動
    
    npm run watch
    
     DONE  Compiled successfully in 8082ms                                                                                                                                                                                                                                                                               15:57:56
                                                                                                                                                                                                                                                                                                                           Asset     Size  Chunks                    Chunk Names
      /js/app.js  1.38 MB       0  [emitted]  [big]  /js/app
    /css/app.css   198 kB       0  [emitted]         /js/app
    
    表示確認

    CakePHP3 のロゴ黒帯下に

    Example Component
    I’m an example component.

    と、ExampleComponent.vue の内容が表示された。

    やた~!!

    ところが・・・

    その後の使い方で 困ったこと が・・・。

    webpack.mix.js において
    ファイル統合をしようとすると
    表示時にデベロッパーツールのコンソールへ謎のエラー、
    というか、
    コンパイル後の app.js へ、謎の追記がされる。

    stack overflow:Uncaught SyntaxError: Invalid or unexpected token in file compiled by Browserify(2016-06-10)
    こちらと同じ症状っぽいんだけど、
    上記は Elixir 時代のものだし、提示されている方法が Nginx のもので
    私の環境は Apache なので、どうしてよいかわからずじまい。

    webpack.mix.js
    
    mix.setPublicPath('webroot'); // since not in Laravel, need to help Mix along here
    mix.js('resources/assets/js/app.js', 'webroot/js')
    .sass('resources/assets/sass/app.scss', 'webroot/css');
    

    これだと問題ないけど

    
    mix.setPublicPath('webroot'); // since not in Laravel, need to help Mix along here
    mix.js('assets/js/app.js', 'webroot/js')
    .sass('assets/sass/app.scss', '../assets/build/css')
    .sass('assets/sass/self.scss', '../assets/build/css')
    .styles([
        'assets/build/css/app.css',
        'assets/build/css/self.css'
        ], 'webroot/css/app.css');
    

    これだと
    コンパイルは無事に通り、ファイルも生成されるけど
    Uncaught SyntaxError: Invalid or unexpected token となり
    デベロッパーツール上では、app.js に ******************************************** な感じのが表示される。
    コンパイル後の app.js ファイルを直接見てもそんな記述はないけど。。。

    わかる方がいらしたら、ぜひ情報をください。

    試行錯誤
    yarn install
    
    yarn install --no-bin-links
    yarn install v1.12.3
    info No lockfile found.
    [1/4] Resolving packages...
    warning laravel-mix > autoprefixer > browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    warning laravel-mix > css-loader > cssnano > autoprefixer > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    warning laravel-mix > css-loader > cssnano > postcss-merge-rules > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    warning laravel-mix > css-loader > cssnano > postcss-merge-rules > caniuse-api > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    [2/4] Fetching packages...
    info fsevents@1.2.4: The platform "linux" is incompatible with this module.
    info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.
    [3/4] Linking dependencies...
    warning "laravel-mix > img-loader@3.0.1" has unmet peer dependency "imagemin@^5.0.0 || ^6.0.0".
    [4/4] Building fresh packages...
    success Saved lockfile.
    Done in 120.15s.
    
    解決1
    
    warning laravel-mix > autoprefixer > browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    warning laravel-mix > css-loader > cssnano > autoprefixer > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    warning laravel-mix > css-loader > cssnano > postcss-merge-rules > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    warning laravel-mix > css-loader > cssnano > postcss-merge-rules > caniuse-api > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
    

    こちらの4行を解決するために

    /package.json

    へ、下記3行を追記。

    
    "browserslist": [
        "> 1%",
        "last 2 versions"
    ],
    

    と思ったけど、これでは解決しない。

    解決2

    こちらは、yarn install 前にはできないので
    下記警告が出てから対処。

    
    warning "laravel-mix > img-loader@3.0.1" has unmet peer dependency "imagemin@^5.0.0 || ^6.0.0".
    

    こちらを解決するために、imagemin をインストール。

    
    yarn add -D imagemin
    
    npm run watch1

    起動してみると

    
    npm run watch
    
    __ snip __
    
    sh: cross-env: コマンドが見つかりません
    

    と怒られた。

    解決

    teratail:npm run watch時に「sh: 1: cross-env: not found」のエラー発生(2018-04-05)
    を参考にして、package.json を、下記の通り編集。

    /package.json
    
    {
        "private": true,
        "scripts": {
            "dev": "npm run development",
            "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
            "watch": "npm run development -- --watch",
            "watch-poll": "npm run watch -- --watch-poll",
            "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
            "prod": "npm run production",
            "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
        },
    }
    

    
    {
        "private": true,
        "scripts": {
            "dev": "npm run development",
            "development": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
            "watch": "npm run development -- --watch",
            "watch-poll": "npm run watch -- --watch-poll",
            "hot": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
            "prod": "npm run production",
            "production": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
        },
    }
    
    npm run watch2

    再び、webpack を起動してみると

    
    npm run watch
    
    __ snip __
    
    These dependencies were not found:
    
    * /media/sf_CakeTest/resources/assets/js/app.js in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    * /media/sf_CakeTest/resources/assets/sass/app.scss in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    解決

    これは、resources ディレクトリを Laravel からコピペしたため
    assets ディレクトリを配置し忘れていた。

    npm run watch3

    再び、webpack を起動してみると

    
    npm run watch
    
    __ snip __
    
     error  in ./resources/assets/sass/app.scss
    
    Module build failed: Error: ENOENT: no such file or directory, scandir '/media/sf_CakeTest/node_modules/node-sass/vendor'
    
    npm rebuild node-sass

    Qiita:EC2環境でLaravelのセットアップ中にnode-sassのvenderディレクトリが見つからないと言われたときの対処法(2016-07-21)
    を参考に npm rebuild node-sass してみた。

    
    npm rebuild node-sass
    npm ERR! path ../node-sass/bin/node-sass
    npm ERR! code EROFS
    npm ERR! errno -30
    npm ERR! syscall symlink
    npm ERR! rofs EROFS: read-only file system, symlink '../node-sass/bin/node-sass' -> '/media/sf_CakeTest/node_modules/.bin/node-sass'
    npm ERR! rofs Often virtualized file systems, or other file systems
    npm ERR! rofs that don't support symlinks, give this error.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /root/.npm/_logs/2018-12-07T05_28_07_044Z-debug.log
    
    シンボリックリンク権限問題

    件の シンボリックリンク権限問題 が出たので

    
    mkdir /var/CakeTest
    mkdir /var/CakeTest/node_modules
    mount --bind /var/CakeTest/node_modules /media/sf_CakeTest/node_modules
    
    npm rebuild node-sass再

    で、もっかい

    
    npm rebuild node-sass
    
    > node-sass@4.10.0 install /media/sf_CakeTest/node_modules/node-sass
    > node scripts/install.js
    
    node-sass build Binary found at /media/sf_CakeTest/node_modules/node-sass/vendor/linux-x64-57/binding.node
    
    > node-sass@4.10.0 postinstall /media/sf_CakeTest/node_modules/node-sass
    > node scripts/build.js
    
    Binary found at /media/sf_CakeTest/node_modules/node-sass/vendor/linux-x64-57/binding.node
    Testing binary
    Binary is fine
    node-sass@4.10.0 /media/sf_CakeTest/node_modules/node-sass
    

    それでも vendor ディレクトリは生成されなかった。

    npm install node-sass@3.7.0

    そこで、
    stack overflow:Error: ENOENT: no such file or directory, scandir
    に載っていた

    
    npm install node-sass@3.7.0
    

    を実行してみると
    大量のログが出たけど
    vendor ディレクトリは生成されなかった。

    解決?

    ここで試しに webpack を起動。

    
    npm run dev
    

    すると、コンパイル完了。

    どの時点で、不具合が解消されたか不明。
    次回試行まだお預け。

    予想
    
    npm rebuild node-sass
    

    こちらで入ってきた node-sass は 4.10.0

    そして、3.7.0 を入れたらうまくいったので
    4.10.0 の不具合?

    参考サイト

    Hackers Galore:Using Laravel Mix with CakePHP 3(2018-04-29)

    ログ
    sh: cross-env: コマンドが見つかりません
    
    npm run watch
    
    > @ watch /media/sf_CakeTest
    > npm run development -- --watch
    
    
    > @ development /media/sf_CakeTest
    > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"
    
    sh: cross-env: コマンドが見つかりません
    npm ERR! file sh
    npm ERR! code ELIFECYCLE
    npm ERR! errno ENOENT
    npm ERR! syscall spawn
    npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin
    npm ERR! spawn ENOENT
    npm ERR!
    npm ERR! Failed at the @ development script.
    npm ERR! This is probably not a problem with npm. There is likely additional log
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /root/.npm/_logs/2018-12-07T04_27_40_334Z-debug.log
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! @ watch: `npm run development -- --watch`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the @ watch script.
    npm ERR! This is probably not a problem with npm. There is likely additional log
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /root/.npm/_logs/2018-12-07T04_27_40_345Z-debug.log
    
    ERROR in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    npm run watch
    
    ERROR  Failed to compile with 2 errors                                                                                                                                                                                                                                                                              14:16:59
    
    These dependencies were not found:
    
    * /media/sf_CakeTest/resources/assets/js/app.js in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    * /media/sf_CakeTest/resources/assets/sass/app.scss in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    To install them, you can run: npm install --save /media/sf_CakeTest/resources/assets/js/app.js /media/sf_CakeTest/resources/assets/sass/app.scss                                                                                                                                                                     Asset     Size  Chunks             Chunk Names
    /js/app.js  2.76 kB       0  [emitted]  /js/app
    
    ERROR in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    Module not found: Error: Can't resolve '/media/sf_CakeTest/resources/assets/js/app.js' in '/media/sf_CakeTest'
     @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    ERROR in multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    Module not found: Error: Can't resolve '/media/sf_CakeTest/resources/assets/sass/app.scss' in '/media/sf_CakeTest'
     @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    Module build failed: Error: ENOENT: no such file or directory, scandir ‘/media/sf_CakeTest/node_modules/node-sass/vendor’
    
    npm run watch
    
    > @ watch /media/sf_CakeTest
    > npm run development -- --watch
    
    
    > @ development /media/sf_CakeTest
    > node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"
    
     10% building modules 1/1 modules 0 active
    Webpack is watching the files…
                                                                                                                                                                                                                                                                                        95% emitting                             
     ERROR  Failed to compile with 2 errors                                                                                                                                                                                                                                                                              14:25:46
    
     error  in ./resources/assets/sass/app.scss
    
    Module build failed: Error: ENOENT: no such file or directory, scandir '/media/sf_CakeTest/node_modules/node-sass/vendor'
        at Object.fs.readdirSync (fs.js:904:18)
        at Object.getInstalledBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/extensions.js:130:13)
        at foundBinariesList (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:20:15)
        at foundBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:15:5)
        at Object.module.exports.missingBinary (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:45:5)
        at module.exports (/media/sf_CakeTest/node_modules/node-sass/lib/binding.js:15:30)
        at Object. (/media/sf_CakeTest/node_modules/node-sass/lib/index.js:14:35)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at Object. (/media/sf_CakeTest/node_modules/sass-loader/lib/loader.js:3:14)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:13:17)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
    
     @ ./resources/assets/sass/app.scss 4:14-266
     @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
     error  in ./resources/assets/sass/app.scss
    
    Module build failed: ModuleBuildError: Module build failed: Error: ENOENT: no such file or directory, scandir '/media/sf_CakeTest/node_modules/node-sass/vendor'
        at Object.fs.readdirSync (fs.js:904:18)
        at Object.getInstalledBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/extensions.js:130:13)
        at foundBinariesList (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:20:15)
        at foundBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:15:5)
        at Object.module.exports.missingBinary (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:45:5)
        at module.exports (/media/sf_CakeTest/node_modules/node-sass/lib/binding.js:15:30)
        at Object. (/media/sf_CakeTest/node_modules/node-sass/lib/index.js:14:35)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at Object. (/media/sf_CakeTest/node_modules/sass-loader/lib/loader.js:3:14)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:13:17)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at runLoaders (/media/sf_CakeTest/node_modules/webpack/lib/NormalModule.js:195:19)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:364:11
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:170:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:27:11)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at runLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:362:2)
        at NormalModule.doBuild (/media/sf_CakeTest/node_modules/webpack/lib/NormalModule.js:182:3)
        at NormalModule.build (/media/sf_CakeTest/node_modules/webpack/lib/NormalModule.js:275:15)
        at Compilation.buildModule (/media/sf_CakeTest/node_modules/webpack/lib/Compilation.js:157:10)
        at moduleFactory.create (/media/sf_CakeTest/node_modules/webpack/lib/Compilation.js:460:10)
        at factory (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:243:5)
        at applyPluginsAsyncWaterfall (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:94:13)
        at /media/sf_CakeTest/node_modules/tapable/lib/Tapable.js:268:11
        at NormalModuleFactory.params.normalModuleFactory.plugin (/media/sf_CakeTest/node_modules/webpack/lib/CompatibilityPlugin.js:52:5)
        at NormalModuleFactory.applyPluginsAsyncWaterfall (/media/sf_CakeTest/node_modules/tapable/lib/Tapable.js:272:13)
        at resolver (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:69:10)
        at process.nextTick (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:196:7)
        at _combinedTickCallback (internal/process/next_tick.js:132:7)
                                                                                                                                                                                                                                                                                                                         Asset     Size  Chunks                    Chunk Names
    /js/app.js  1.39 MB       0  [emitted]  [big]  /js/app
    
    ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/assets/sass/app.scss
    Module build failed: Error: ENOENT: no such file or directory, scandir '/media/sf_CakeTest/node_modules/node-sass/vendor'
        at Object.fs.readdirSync (fs.js:904:18)
        at Object.getInstalledBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/extensions.js:130:13)
        at foundBinariesList (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:20:15)
        at foundBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:15:5)
        at Object.module.exports.missingBinary (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:45:5)
        at module.exports (/media/sf_CakeTest/node_modules/node-sass/lib/binding.js:15:30)
        at Object. (/media/sf_CakeTest/node_modules/node-sass/lib/index.js:14:35)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at Object. (/media/sf_CakeTest/node_modules/sass-loader/lib/loader.js:3:14)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:13:17)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
     @ ./resources/assets/sass/app.scss 4:14-266
     @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    ERROR in ./resources/assets/sass/app.scss
    Module build failed: ModuleBuildError: Module build failed: Error: ENOENT: no such file or directory, scandir '/media/sf_CakeTest/node_modules/node-sass/vendor'
        at Object.fs.readdirSync (fs.js:904:18)
        at Object.getInstalledBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/extensions.js:130:13)
        at foundBinariesList (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:20:15)
        at foundBinaries (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:15:5)
        at Object.module.exports.missingBinary (/media/sf_CakeTest/node_modules/node-sass/lib/errors.js:45:5)
        at module.exports (/media/sf_CakeTest/node_modules/node-sass/lib/binding.js:15:30)
        at Object. (/media/sf_CakeTest/node_modules/node-sass/lib/index.js:14:35)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at Object. (/media/sf_CakeTest/node_modules/sass-loader/lib/loader.js:3:14)
        at Module._compile (module.js:653:30)
        at Object.Module._extensions..js (module.js:664:10)
        at Module.load (module.js:566:32)
        at tryModuleLoad (module.js:506:12)
        at Function.Module._load (module.js:498:3)
        at Module.require (module.js:597:17)
        at require (internal/module.js:11:18)
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:13:17)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at runLoaders (/media/sf_CakeTest/node_modules/webpack/lib/NormalModule.js:195:19)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:364:11
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:170:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:27:11)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
        at /media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:173:18
        at loadLoader (/media/sf_CakeTest/node_modules/loader-runner/lib/loadLoader.js:36:3)
        at iteratePitchingLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at runLoaders (/media/sf_CakeTest/node_modules/loader-runner/lib/LoaderRunner.js:362:2)
        at NormalModule.doBuild (/media/sf_CakeTest/node_modules/webpack/lib/NormalModule.js:182:3)
        at NormalModule.build (/media/sf_CakeTest/node_modules/webpack/lib/NormalModule.js:275:15)
        at Compilation.buildModule (/media/sf_CakeTest/node_modules/webpack/lib/Compilation.js:157:10)
        at moduleFactory.create (/media/sf_CakeTest/node_modules/webpack/lib/Compilation.js:460:10)
        at factory (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:243:5)
        at applyPluginsAsyncWaterfall (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:94:13)
        at /media/sf_CakeTest/node_modules/tapable/lib/Tapable.js:268:11
        at NormalModuleFactory.params.normalModuleFactory.plugin (/media/sf_CakeTest/node_modules/webpack/lib/CompatibilityPlugin.js:52:5)
        at NormalModuleFactory.applyPluginsAsyncWaterfall (/media/sf_CakeTest/node_modules/tapable/lib/Tapable.js:272:13)
        at resolver (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:69:10)
        at process.nextTick (/media/sf_CakeTest/node_modules/webpack/lib/NormalModuleFactory.js:196:7)
        at _combinedTickCallback (internal/process/next_tick.js:132:7)
     @ ./resources/assets/sass/app.scss
     @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
    
    CakePHP 3.x,Library & PlugIn & AddIn,困ったTT | 2018-12-07 (金) 13:31:02 |

    依存注入とコントローラ

    Posted by muchag | Laravel 5.x | 2018-12-05 (水) 23:21:46


    公式:コントローラ 依存注入とコントローラ

    【環境】
    Laravel: 5.7.15
    コンストラクターインジェクション

    コンストラクタにおいて依存注入を果たす。

    コントローラ全体で利用する、できる。

    
    namespace App\Http\Controllers;
    
    use App\Repositories\UserRepository;
    
    class UserController extends Controller
    {
        /**
         * ユーザーリポジトリインスタンス
         */
        protected $users;
    
        /**
         * 新しいコントローラインスタンスの生成
         *
         * @param  UserRepository  $users
         * @return void
         */
        public function __construct(UserRepository $users)
        {
            $this->users = $users;
        }
    }
    
    メソッドインジェクション

    アクションにおいて依存注入を果たす。

    アクション(メソッド)ローカルで利用する、できる。

    
    namespace App\Http\Controllers;
    
    use Illuminate\Http\Request;
    
    class UserController extends Controller
    {
        /**
         * 新ユーザーの保存
         *
         * @param  Request  $request
         * @return Response
         */
        public function store(Request $request)
        {
            $name = $request->name;
    
            //
        }
    }
    
    暗黙の結合

    delete アクションにおいて、すごい暗黙ルールがあった。

    下記のようにルーティングすると

    
    Route::delete('/task/{task}', function (Task $task) {
      $task->delete();
    
      return redirect('/');
    });
    

    パラメータ task.id から、該当する Task モデル(エンティティ)を
    自動で取得してくるらしい。

    {task}と$taskの名前が一致している場合には「暗黙の結合」という機能によって、
    自動的に{task}のidを持つタスクが読み込まれ $taskに代入されます。
    もし一致するidが見つからない場合は、404ページが生成されます。

    beizのノート:Laravel 5.5 入門として「基本のタスクリスト」を作成する [その3](2018-11-01)
    タスクのデータベースからの削除

    すごいけど、ねぇ。。。

    delete でなくても、反応しそう。

    あ、これはコントローラの話じゃないか。

    ルーティングの勉強をするときに移動。

    Laravel 5.x | 2018-12-05 (水) 23:21:46 |

    Cordova Index

    Posted by muchag | Cordova | 2018-11-23 (金) 17:38:44

    丸っきりの書きかけ項目は Not found になる。

    基本
    1. インストール
    プラグイン
    1. カメラ操作
    Tips
    がい~ん!(はまったこと)
    1. 解決済み(たぶん)
    2. 未解決
    参考

    公式:CORDOVA 
    Documentation:英語 日本語
    日本語ドキュメントは、残念ながら翻訳が追いついていない。

    Cordova | 2018-11-23 (金) 17:38:44 |

    Vue Carousel

    Posted by muchag | 未分類 | 2018-11-22 (木) 20:53:28


    公式:Vue Carousel Guide API Examples

    【環境】
    Vue Carousel: 0.16.0-rc2
    Vue.js: 2.9.6
    monaca CLI: 3.0.3
    OS: Windows10 Pro 64bit
    インストール
    
    npm install -S vue-carousel
    
    書式
    グローバル

    グローバルの場合、ではなくて
    グローバルで下記のように記述。

    main.js
    
    import Vue from 'vue';
    import VueCarousel from 'vue-carousel';
    
    Vue.use(VueCarousel);
    
    ローカル

    ローカルの場合、ではなくて
    利用する .vue ファイルに記述。

    Hoge.vue
    
    import { Carousel, Slide } from 'vue-carousel';
    export default {
      ...
      components: {
        Carousel,
        Slide
      }
      ...
    };
    
    テンプレート
    
    
    設定

    carousel タグの属性として記述。
    公式:API

    
    

    ;(セミコロン)を付けないと、「文字列だぞ!」と怒られる。

    スタイル
    
    /* ナビゲーションも含めたカルーセル全体 */
    section.VueCarousel {
    }
    
    /* スライド全体 */
    div.VueCarousel-wrapper {
    }
    div.VueCarousel-inner {
    }
    
    /* スライド個体 */
    div.VueCarousel-slide {
    }
    

    現在のところ、div.VueCarousel-wrapper と div.VueCarousel-inner が
    なぜ親子になっているのか不明。

    未分類 | 2018-11-22 (木) 20:53:28 |

    CentOS Index

    Posted by muchag | CentOS | 2018-08-24 (金) 0:06:38

    【環境】
    CentOS: 7.4.1708
    -> 7.5.1804

    丸っきりの書きかけ項目は Not found になる。

    基本
    1. インストール
      1. 7.5
    2. 初期処理
    コマンド
    1. コマンド
      1. 検索
    yum
    1. yum コマンド
    Web Server
    1. Apache
      1. 2.4.6
        1. VirtualBox 編
        2. さくら VPS 編
        3. httpd.conf
    Database
    1. MySQL
      1. 5.7.x
        1. my.cnf
      2. 8.0.13
        1. my.cnf
    php
    1. remi リポジトリ
    2. php アップデート
    3. composer
      1. VirtualBox 編
      2. さくら VPS 編
    4. CakePHP3
      1. インストール
    Node.js
    1. インストール
      1. 3回目
      2. 2回目(nvm。今のところこれがよさそう)
      3. 1回目
    2. パッケージ管理
      1. npm
      2. yarn
    3. webpack
      1. 2回目(+ TypeScript + Vue.js)
      2. 1回目
    Tools
    1. EPEL
    2. remi
    3. vim
    Tips
    1. crontab
    2. crontab(古い記事。CentOSですらない)
    参考

    その他各参考サイトについては、各エントリーにて。

    CentOS | 2018-08-24 (金) 0:06:38 |

    ファイル表示

    Posted by muchag | Eclipse | 2018-08-01 (水) 20:42:18

    【環境】
    Eclipse: Oxygen (4.7) PHP
    OS:Windows10 Pro 64bit
    手順
    1. プロジェクト・エクスプローラー右上の ▼ をクリック
    2. [フィルターおよびカスタマイズ]
    3. 「フィルターおよびカスタマイズ」
      1. 「フィルター」タブを選択

    ここのチェックを付け外しすれば OK。
    チェックが付いているものは、表示されない。

    .htaccess

    .htaccess や .gitignore などは
    「.*リソース」のチェックを外すと表示される。

    Eclipse | 2018-08-01 (水) 20:42:18 |

    yum コマンド

    Posted by muchag | CentOS | 2018-06-20 (水) 21:37:21

    【環境】
    CentOS: 7.4.1708
    本体のアップデート
    
    yum update
    
    インストール、アップデート、削除
    
    yum install mysql
    yum update mysql
    yum remove mysql
    
    -y オプションを付けると、確認をスキップする
    yum install -y mysql
    
    スペース区切りで、一括インストール、アップデート可能
    yum install mysql mysql-devel mysql-server mysql-utilities
    yum update mysql mysql-devel mysql-server mysql-utilities
    yum remove mysql mysql-devel mysql-server mysql-utilities
    
    ワイルドカードも使える
    yum install mysql*
    yum update mysql*
    yum remove mysql*
    

    remove と erase は同機能。

    確認
    
    yum list mysql*
    
    読み込んだプラグイン:・・・
    ・・・
    
    インストール済みパッケージ
    ・・・
    
    利用可能なパッケージ
    ・・・
    
    フィルタリング
    yum list | grep mysql*
    
    インストール済みパッケージだけ表示
    yum list installed mysql*
    
    
    利用可能なパッケージだけ表示
    yum list available mysql*
    
    検索、詳細
    
    検索
    yum search mysql
    
    詳細
    yum info mysql
    
    ログ閲覧
    
    make 2>&1 | tee make.log
    

    QA@IT:make installが失敗する(2004-11-03)
    こちらで見つけたのでメモ。
    今のところよくわかっていない。

    参考サイト

    Qiita:yumコマンド一覧(2018-05-13)

    CentOS | 2018-06-20 (水) 21:37:21 |

    nvm

    Posted by muchag | Node.js | 2018-05-20 (日) 13:09:41

    【環境】
    nvm: 0.33.11
    VirtualBox グラフィカルユーザーインターフェース: 5.1.24 r117012 (Qt5.6.2)
    CentOS: 7.3.1611
    インストール

    GitHub:creationix/nvm:README.md Installation

    
    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
      % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                     Dload  Upload   Total   Spent    Left  Speed
    100 12819  100 12819    0     0  14898      0 --:--:-- --:--:-- --:--:-- 14905
    => Downloading nvm from git to '/root/.nvm'
    => Cloning into '/root/.nvm'...
    remote: Counting objects: 267, done.
    remote: Compressing objects: 100% (242/242), done.
    remote: Total 267 (delta 31), reused 86 (delta 15), pack-reused 0
    Receiving objects: 100% (267/267), 119.46 KiB | 153.00 KiB/s, done.
    Resolving deltas: 100% (31/31), done.
    => Compressing and cleaning up git repository
    
    => Appending nvm source string to /root/.bashrc
    => Appending bash_completion source string to /root/.bashrc
    => Close and reopen your terminal to start using nvm or run the following to use it now:
    
    export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
    [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
    

    バージョンアップがあるので、毎回ここを見ること。

    環境変数に登録
    
    source ~/.bash_profile
    
    手動登録

    HORNET:CentOS6にnode.jsの最新バージョン(v8.4.0)をインストール nvmでインストール(2017-08-22)

    情報確認
    
    nvm -v
    
    Node Version Manager
    
    Note:  refers to any version-like string nvm understands. This includes:
      - full or partial version numbers, starting with an optional "v" (0.10, v0.1.2, v1)
      - default (built-in) aliases: node, stable, unstable, iojs, system
      - custom aliases you define with `nvm alias foo`
    
     Any options that produce colorized output should respect the `--no-colors` option.
    
    Usage:
      nvm --help                                Show this message
      nvm --version                             Print out the installed version of nvm
      nvm install [-s]                 Download and install a , [-s] from source. Uses .nvmrc if available
        --reinstall-packages-from=     When installing, reinstall packages installed in 
        --lts                                   When installing, only select from LTS (long-term support) versions
        --lts=                        When installing, only select from versions for a specific LTS line
        --skip-default-packages                 When installing, skip the default-packages file if it exists
        --latest-npm                            After installing, attempt to upgrade to the latest working npm on the given node version
      nvm uninstall                    Uninstall a version
      nvm uninstall --lts                       Uninstall using automatic LTS (long-term support) alias `lts/*`, if available.
      nvm uninstall --lts=            Uninstall using automatic alias for provided LTS line, if available.
      nvm use [--silent]               Modify PATH to use . Uses .nvmrc if available
        --lts                                   Uses automatic LTS (long-term support) alias `lts/*`, if available.
        --lts=                        Uses automatic alias for provided LTS line, if available.
      nvm exec [--silent]  [] Run  on . Uses .nvmrc if available
        --lts                                   Uses automatic LTS (long-term support) alias `lts/*`, if available.
        --lts=                        Uses automatic alias for provided LTS line, if available.
      nvm run [--silent]  []     Run `node` on  with  as arguments. Uses .nvmrc if available
        --lts                                   Uses automatic LTS (long-term support) alias `lts/*`, if available.
        --lts=                        Uses automatic alias for provided LTS line, if available.
      nvm current                               Display currently activated version
      nvm ls                                    List installed versions
      nvm ls                           List versions matching a given 
      nvm ls-remote                             List remote versions available for install
        --lts                                   When listing, only show LTS (long-term support) versions
      nvm ls-remote                    List remote versions available for install, matching a given 
        --lts                                   When listing, only show LTS (long-term support) versions
        --lts=                        When listing, only show versions for a specific LTS line
      nvm version                      Resolve the given description to a single local version
      nvm version-remote               Resolve the given description to a single remote version
        --lts                                   When listing, only select from LTS (long-term support) versions
        --lts=                        When listing, only select from versions for a specific LTS line
      nvm deactivate                            Undo effects of `nvm` on current shell
      nvm alias []                     Show all aliases beginning with 
      nvm alias                  Set an alias named  pointing to 
      nvm unalias                         Deletes the alias named 
      nvm install-latest-npm                    Attempt to upgrade to the latest working `npm` on the current node version
      nvm reinstall-packages           Reinstall global `npm` packages contained in  to current version
      nvm unload                                Unload `nvm` from shell
      nvm which [current | ]           Display path to installed node version. Uses .nvmrc if available
      nvm cache dir                             Display path to the cache directory for nvm
      nvm cache clear                           Empty cache directory for nvm
    
    Example:
      nvm install 8.0.0                     Install a specific version number
      nvm use 8.0                           Use the latest available 8.0.x release
      nvm run 6.10.3 app.js                 Run app.js using node 6.10.3
      nvm exec 4.8.3 node app.js            Run `node app.js` with the PATH pointing to node 4.8.3
      nvm alias default 8.1.0               Set default node version on a shell
      nvm alias default node                Always default to the latest available node version on a shell
    
    Note:
      to remove, delete, or uninstall nvm - just remove the `$NVM_DIR` folder (usually `~/.nvm`)
    
    利用
    バージョン確認
    
    nvm --version
    
    インストール可能な node.js のバージョン取得
    
    nvm ls-remote
    
    node.js インストール
    
    // 安定版
    nvm install stable
    Downloading and installing node v10.1.0...
    Downloading https://nodejs.org/dist/v10.1.0/node-v10.1.0-linux-x64.tar.xz...
    ######################################################################## 100.0%
    Computing checksum with sha256sum
    Checksums matched!
    Now using node v10.1.0 (npm v5.6.0)
    Creating default alias: default -> stable (-> v10.1.0)
    
    // バージョン指定
    nvm install 8.0.0
    
    npm
    アップデート
    
    npm update -g
    /root/.nvm/versions/node/v10.1.0/bin/npm -> /root/.nvm/versions/node/v10.1.0/lib/node_modules/npm/bin/npm-cli.js
    /root/.nvm/versions/node/v10.1.0/bin/npx -> /root/.nvm/versions/node/v10.1.0/lib/node_modules/npm/bin/npx-cli.js
    + npm@5.10.0
    added 129 packages, removed 42 packages and updated 112 packages in 6.968s
    [root@localhost hoge]# npm -v
    5.10.0
    
    バージョン指定
    
    npm install -g npm@1.4.25
    
    バージョン確認
    
    npm list --depth=0
    
    参考サイト

    dackdive’s blog:npm installしたパッケージの更新確認とアップデート(npm-check-updates)(2016-10-10)

    CUBE SUGAR STORAGE:Node.js のパッケージマネージャ npm でバージョンを指定したインストール(2014-08-29)

    参考サイト

    Qiita:【俺用メモ】 CentOS6にNode.jsをインストールする nvmでインストールする場合(2018-02-10)
    →インストール以外の使い方も載っている

    ProgramMemo:CentOSにNode.jsをインストールする(2017-10-12)
    →環境変数に登録する方法を参考にさせていただいた

    Node.js | 2018-05-20 (日) 13:09:41 |

    インストール -> 1回目

    Posted by muchag | VirtualBox | 2018-05-20 (日) 10:51:05


    公式:nodejs.org

    【環境】
    node.js: 10.1.0
    VirtualBox グラフィカルユーザーインターフェース: 5.1.24 r117012 (Qt5.6.2)
    CentOS: 7.3.1611
    インストール

    方法は色々あるみたい。

    標準コマンド

    公式:Installing Node.js via package manager Enterprise Linux and Fedora

    
    curl -sL https://rpm.nodesource.com/setup_8.x | bash -
    
    
    curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
    
    
    yum -y install nodejs
    
    // ビルドツールのインストール(オプション)
    yum install gcc-c++ make
    

    CentOS は、こちらのタイプになるみたい。
    Supported CentOS versions:

    • CentOS 5 (32-bit and 64-bit)
    • CentOS 6 (32-bit and 64-bit)
    • CentOS 7 (64-bit)
    失敗する?

    Qiita:CentOS 7.3でyum install nodejsが失敗するので回避する(2017-08-29)
    こんな記事も見かけた。

    バージョン管理ツール
    nvm

    Node Version Manager。
    ということで、こちらにしてみる。
    nvm

    nodebrew

    Qiita:node.jsのインストール方法(2017-09-25)

    その他

    nodeenv, nodist というのもあるらしい。
    みかづきブログ その3:フロントエンドエンジニアがさくらVPS で Ubuntu + Nginx + Node.jsの環境を整えるまでの道のり – その2 – nodebrew、Node.js、npmの導入 😎(2017-04-12)

    VirtualBox | 2018-05-20 (日) 10:51:05 |
    次ページへ »