Macの最近のブログ記事

~/Dropbox/timetron % npm start  

npm notice run timetron@1.0.0 start

npm notice run electron .

App threw an error during load

Error: Cannot find module 'pg'

＜以下略＞

~/Dropbox/timetron % npm install pg

npm error code EEXIST

npm error syscall mkdir

npm error path /Users/shinoda/.npm/_cacache/content-v2/sha512/f9/ba

npm error errno -13

npm error EACCES: permission denied, mkdir '/Users/shinoda/.npm/_cacache/content-v2/sha512/f9/ba'

npm error File exists: /Users/shinoda/.npm/_cacache/content-v2/sha512/f9/ba

~/Dropbox/timetron % sudo chown -R 501:20 "/Users/shinoda/.npm"

Password:＜shinoda のパスワード＞

~/Dropbox/timetron % npm install pg

~/Dropbox/timetron % npm start     

npm notice run timetron@1.0.0 start

npm notice run electron .

Downloading Electron binary...

~ % brew list | grep postgresql

postgresql@14

~ % ls -ld /Library/PostgreSQL/18

drwxr-xr-x@ 21 postgres  daemon  672  5月 28 06:49 /Library/PostgreSQL/18

~ % ps aux | grep PostgreSQL 

postgres           534   0.0  0.0 435512752   1120   ??  Ss   11 7月26   6:33.81 /Library/PostgreSQL/18/bin/postgres -D /Library/PostgreSQL/18/data

shinoda          78278   0.0  0.0 435300560   1360 s000  S+    4:24午後   0:00.01 grep PostgreSQL

~ % which psql

/opt/homebrew/bin/psql

~ % brew uninstall postgresql@14

Uninstalling /opt/homebrew/Cellar/postgresql@14/14.22... (3,337 files, 48.3MB)

==> Autoremoving 6 unneeded formulae:

＜略＞

~ % echo 'export PATH="/Library/PostgreSQL/18/bin:$PATH"' >> ~/.zshrc

~ % source ~/.zshrc

~ % which psql

/Library/PostgreSQL/18/bin/psql

~ % psql -V

psql (PostgreSQL) 18.3

~ % psql -U postgres

Password for user postgres: ＜パスワード入力：表示されない＞

psql (18.3)

Type "help" for help.

postgres=# \db

       List of tablespaces

    Name    |  Owner   | Location 

------------+----------+----------

 pg_default | postgres | 

 pg_global  | postgres | 

(2 rows)

~ % cd ~/Desktop

~/Desktop % mkdir electron-test

~/Desktop % cd electron-test

~/Desktop/electron-test % code .

zsh: command not found: code

 ~/Desktop/electron-test % ls -la /usr/local/bin/code

lrwxr-xr-x  1 root  wheel  68 10月 24 20:43 /usr/local/bin/code -> /Applications/Visual Studio Code.app/Contents/Resources/app/bin/code

~/Desktop/electron-test % npm init -y

  },

  "keywords": [],

  "type": "commonjs"

}

~/Desktop/electron-test % npm install electron --save-dev

added 13 packages, and audited 14 packages in 1s

1 package is looking for funding

  run `npm fund` for details

found 0 vulnerabilities

【main.js】

const { app, BrowserWindow } = require('electron')

function createWindow () {

  const win = new BrowserWindow({

    width: 800,

    height: 600

  })

  win.loadFile('index.html')

}

app.whenReady().then(() => {

  createWindow()

  app.on('activate', () => {

    if (BrowserWindow.getAllWindows().length === 0) createWindow()

  })

})

// ウィンドウがすべて閉じられたときの挙動

// Windows や UNIX系の Window システムならアプリも終了

// Mac（darwin）なら窓を全て閉じてもアプリは生かしておく（Mac的な動き）

app.on('window-all-closed', () => {

  if (process.platform !== 'darwin') app.quit()

})

【index.html】

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Electronアプリ</title>

</head>

<body>

    <h1 style="text-align: center; margin-top: 50px;">

        ★見事に起動成功！（笑）

    </h1>

</body>

</html>

【package.json】

{

  "name": "electron-test",

  "version": "1.0.0",

  "description": "",

  "main": "main.js",

  "scripts": {

    "start": "electron ."

  },

  "keywords": [],

  "type": "commonjs",

  "devDependencies": {

    "electron": "^45.0.0"

  }

}

~/Desktop/electron-test % npm start

Debugger attached.

npm notice run electron-test@1.0.0 start

npm notice run electron .

Debugger attached.

Downloading Electron binary...

Debugger attached.

Waiting for the debugger to disconnect...

Debugger attached.

 

~ % npm install electron --save-dev

added 13 packages in 2s

1 package is looking for funding

  run `npm fund` for details

npm notice

npm notice New major version of npm available! 11.19.1 -> 12.2.1

npm notice Changelog: https://github.com/npm/cli/releases/tag/v12.2.1

npm notice To update run: npm install -g npm@12.2.1

npm notice

~ % sudo npm install -g npm@12.2.1

Password:XXXXXXXX＜実際には表示されない＞

removed 8 packages, and changed 77 packages in 3s

15 packages are looking for funding

  run `npm fund` for details

~ % npm -v                         

12.2.1

~ % node -v

v22.11.0

~ % npm -v

10.9.0

~ % which node

/usr/local/bin/node

~ % brew list node

✔︎ JSON API cask_tap_migrations.jws.json                                       Downloaded    2.2KB/  2.2KB

✔︎ JSON API formula_tap_migrations.jws.json                                    Downloaded    2.2KB/  2.2KB

✔︎ JSON API formula.jws.json                                                   Downloaded   34.9MB/ 34.9MB

✔︎ JSON API cask.jws.json                                                      Downloaded   20.9MB/ 20.9MB

Error: No such keg: /opt/homebrew/Cellar/node

~ % node -v       

v24.22.1

~ % npm -v        

11.19.1

「Cyberduck であればトンネリング SSH 接続の設定ができるみたいなんで、そっちにするか・・・(^^;;;」

Dec  8 16:07:01 hogehogeserv sshd[13662]: Did not receive identification string from 106.XXX.XXX.XXX port 51585

トンネリング時の入り口（SFTP接続時に指定する自分自身（localhost）)のポート番号）：14649

最終的に接続したいサーバの IP アドレス：210.XXX.XXX.XXX

最終的に接続したいサーバのポート番号：22（SSH 接続）

（例）14649:210.XXX.XXX.XXX:22

接続を許可されているサーバ（踏み台）のユーザ：shinoda

接続を許可されているサーバ（踏み台）のホスト名：chinko.exsample.com

接続を許可されているサーバ（踏み台）の接続先ポート番号：22（SSH接続）

（例）shinoda@chinko.exsample.com -p 22

~ % ssh -L 14649:210.XXX.XXX.XXX:22 shinoda@chinko.exsample.com -p 22

shinoda@chinko.exsample.com's password: ＜chinko.exsample.com にログインするときのパスワード＞

Last login: Sun Dec  8 09:34:15 2024 from kd1061550.manman.exsample.com

ログインしたら、そのターミナルは閉じずにそのまま置いておく（exit すると、掘られた「トンネル」も閉じる）

~ % netstat -na | grep 14649

tcp4       0      0  127.0.0.1.14649        *.*                    LISTEN

tcp6       0      0  ::1.14649              *.*                    LISTEN

port 14649 が LISTEN（接続待ち）になっている

サイトマネージャを開き、トンネリング接続のための設定を行う

プロトコル：SFTP

ホスト：localhost

ポート：14649

ログオンタイプ：通常

ユーザー：最終的に接続したいサーバのログインユーザ

パスワード：最終的に接続したいサーバのログインユーザのパスワード

上記設定で接続を行えば、localhost（自分自身 macOS）→接続を許可されているサーバ（踏み台）→最終的に接続したいサーバ という経路で接続される。
「最終的に接続したいサーバ」から見たら、「接続を許可されているサーバ（踏み台）」から接続してきていると思っているが、実はこっそり掘ったトンネルを通って localhost が接続しているという形。

~ % ssh -l root localhost -p 14649

The authenticity of host '[localhost]:14649 ([::1]:14649)' can't be established.

ED25519 key fingerprint is SHA256:4hlxCQFIfF＜略＞+0Cf0.

This key is not known by any other names.

Are you sure you want to continue connecting (yes/no/[fingerprint])? yes

Warning: Permanently added '[localhost]:14649' (ED25519) to the list of known hosts.

最終的に接続したいサーバのログインユーザ@localhost's password: ＜最終的に接続したいサーバのログインユーザのパスワード＞

Last login: Sun Dec  8 09:28:46 2024 from 159.XXX.XXX.XXX

shinoda@shinodamarasukenoMacBook-Air ~ %

shinoda@shinodamarasukenoMacBook-Air ~ % cat > .zshrc

PROMPT="%d %# "

^D

shinoda@shinodamarasukenoMacBook-Air ~ % source ~/.zshrc

/Users/shinoda %

/Users/shinoda % cat > .zshrc

PROMPT="%~ %# "

^D

/Users/shinoda % source ~/.zshrc

~ %