（2026年11月更新：リンク先と Homebrew のコマンドを現在のものに直しました）
Ghostty より設定がしやすいのでおすすめです
こちらからダウンロードします
https://wezterm.org/install/macos.html
cd
vi .wezterm.lua.wezterm.lua を以下の内容で保存します
local wezterm = require 'wezterm'
local config = wezterm.config_builder()
------------------------------------------------------------
-- Window
------------------------------------------------------------
config.initial_cols = 150
config.initial_rows = 50
config.window_padding = {
left = 6,
right = 6,
top = 4,
bottom = 4,
}
config.window_close_confirmation = 'NeverPrompt'
------------------------------------------------------------
-- Font
------------------------------------------------------------
config.font = wezterm.font_with_fallback({
"Menlo",
"Hiragino Sans",
})
config.font_size = 14
------------------------------------------------------------
-- Colors
------------------------------------------------------------
config.color_scheme = 'Dissonance (Gogh)'
config.colors = {
background = "#1e1e1e", -- 余白部分の色
}
------------------------------------------------------------
-- Other
------------------------------------------------------------
-- タブがひとつの時はタブバー表示しない
config.hide_tab_bar_if_only_one_tab = true
-- Command + - のフォント変更時にウインドウサイズを変更しない
config.adjust_window_size_when_changing_font_size = false
-- padding
config.window_padding = {
top = "8px",
bottom = "8px",
right = "16px",
left = "16px",
}
------------------------------------------------------------
-- Key Binding
------------------------------------------------------------
config.keys = {
{
key = "LeftArrow",
mods = "CMD|OPT",
action = wezterm.action.ActivateTabRelative(-1),
},
{
key = "RightArrow",
mods = "CMD|OPT",
action = wezterm.action.ActivateTabRelative(1),
},
}
------------------------------------------------------------
-- Return configuration
------------------------------------------------------------
return confighttps://wezterm.org/colorschemes/index.html
brew install --cask ghostty設定方法 https://ghostty.zerebos.com/
こちらにアクセスして「Ghostty Config」から export します。
設定ファイルに貼り付けます 例
window-width = 200
window-height = 50
keybind = super+alt+left=previous_tab
keybind = super+alt+right=next_tab
keybind = shift+enter=text:\nhttps://www.waveterm.dev/download
brew でもインストールできます
brew install --cask wavebrew install --cask hyperアクティブなタブの横に ▲ をつけて現在アクティブであることをわかりやすくします。
よく使うコマンドを設定ファイルに登録しておいて 「Command + O」 から呼び出して実行することができます
https://github.com/edhuardotierrez/hyper-quickssh
コマンドは ~/.hyper_plugins/hyper-quickssh-config.json に記述します。
https://github.com/jaanauati/hyper-search
ターミナル内を文字列検索できるようにします。
https://github.com/henrikdahl/hyper-statusline
.hyper.js に次のように記述します
plugins: [
'hyper-active-tab' ,
'hyper-quickssh' ,
'hyper-search' ,
'hyper-statusline' ,
],（2026年11月更新：リンク切れを外し、現在の Mac での注意を追加しました）
今の Mac での Vagrant の使い方はこちらの記事を見てください。 Macで仮想マシンを作る Vagrant と Docker・OrbStack・Lima
Vagrant では次のフォルダが初期状態で共有されます。
ホストマシン : 起動フォルダ（Vagrantfile があるフォルダ）
ゲストマシン : /vagrant/共有フォルダのパーミッションはゲストマシンでは変更できません。ホストマシンの Vagrantfile に次のように設定します（ディレクトリ 777、ファイル 666 の例です）。
config.vm.synced_folder ".", "/vagrant", mount_options: ['dmode=777','fmode=666']共有フォルダを Web サーバーのドキュメントルートにしていると、ゲストマシンの起動時には共有フォルダがまだ使えず、Web サーバーが起動しないことがあります。
Vagrantfile に次のように書くと、毎回の起動のあとに実行できます。
config.vm.provision :shell, run: "always", :inline => <<-EOT
sudo systemctl start apache2
EOTサービス名はゲストの OS に合わせて変えてください。
config.vm.synced_folder ".", "/vagrant", disabled: true（2026年11月更新：アプリを追加しました）
brew install --cask db-browser-for-sqliteSQLite のファイルを開いて、テーブルの中身の確認や編集、SQL の実行ができます。
brew install --cask tableplusSQLite のほか MySQL や PostgreSQL も扱えます。
brew install --cask dbeaver-communitymacOS には sqlite3 コマンドが最初から入っています。
sqlite3 test.db
.tables
.schema テーブル名
select * from テーブル名;
.quit（2026年11月更新：CentOS 5・PHP 5 向けの手順を外し、Apple シリコンの Mac に合わせて書き直しました）
開発用のサーバー環境を Mac の中に作る方法です。
Web 開発の環境なら、今は仮想マシンより Docker を使うことが多くなっています。
brew install --cask docker-desktopbrew install --cask orbstackbrew install limahttps://developer.hashicorp.com/vagrant/downloads
brew install --cask vagrantVagrant は、仮想マシンの作成を Vagrantfile という設定ファイルで自動化するツールです。実際に仮想マシンを動かすソフト（プロバイダー）は別に必要です。
box は次のサイトで探します。 https://portal.cloud.hashicorp.com/vagrant/discover
以前紹介していた CentOS は開発が終わっています。今から作る場合は Ubuntu などを選んでください。
mkdir ~/Vagrant/ubuntu
cd ~/Vagrant/ubuntu
vagrant init bento/ubuntu-24.04
vagrant up| 操作 | コマンド |
|---|---|
| 起動 | vagrant up |
| 停止 | vagrant halt |
| 再起動 | vagrant reload |
| 状態の確認 | vagrant status |
| SSH で接続 | vagrant ssh |
| box の一覧 | vagrant box list |
| box の削除 | vagrant box remove box名 |
| 仮想マシンの削除 | vagrant destroy |
vagrant ssh-config表示された HostName、Port、IdentityFile を使って接続します。
ssh [email protected] -p 2222 -i 表示された秘密鍵のパスbox のデータは初期状態で ~/.vagrant.d に保存されます。外付けディスクなどに変える場合は次のように設定します。
export VAGRANT_HOME=/path/to/hdd/vagrant.d共有フォルダの設定はこちらの記事を見てください。 Vagrant の共有フォルダの設定とパーミッション
（2026年11月更新：公式サイトのリンクを直し、コマンドとほかのアプリを追加しました）
https://peacockmedia.software/mac/integrity/
brew install --cask integrityWeb サイトの URL を入れると、ページを巡回してリンク切れを一覧にします。
https://github.com/lycheeverse/lychee
brew install lychee制作中のファイルや Web ページのリンクをまとめて確認できます。
lychee "./**/*.html"
lychee https://example.com/リンク切れのほか、タイトルなども確認したい場合はこちらです。 WebサイトをクロールしてエラーやタイトルをチェックするMacアプリ Screaming Frog SEO Spider
（2026年11月更新：リンクとインストール方法を直し、TablePlus を追加しました）
brew install --cask sequel-ace開発が止まった Sequel Pro の後継です。Mac 専用で動作が軽いのでおすすめです。
brew install --cask dbeaver-communityいろいろなデータベースを扱えます。
DBeaver の設定を Dropbox で共有する例です。
cd ~/Library
ln -s ~/Dropbox/DBeaverData DBeaverDatabrew install --cask tableplushttps://www.mysql.com/jp/products/workbench/
brew install --cask mysqlworkbenchMySQL の公式のアプリです。
brew install --cask navicat-premium（2026年11月更新：Hammer の開発が終わったため書き直しました）
brew install --cask codekit画面で操作できる Mac のアプリです。
変数を使う
<!-- $title = サイトのタイトル -->
<title><!-- $title --></title>ファイルを読み込む（拡張子は .kit にします）
<!-- @include "include/header.kit" -->Node.js が入っていれば、npm で入れられます。
npm install -g sasssass --watch scss/style.scss css/style.css保存するたびに CSS が作られます。
今の Web 制作でよく使われるビルドツールです。npm install -D vite sass で入れると、Sass のコンパイルとブラウザの自動更新ができます。
以前紹介していた Hammer は開発が終わっています。
（2026年11月更新：ブラウザの標準機能を中心に書き直しました）
Web サイトがスマートフォンやタブレットでどう見えるかを、Mac で確認する方法です。アプリを入れなくても確認できます。
複数の画面サイズを並べて確認できるブラウザです。