✨

Macでの開発環境整備

2021/06/19に公開

Mac で 開発環境を整えます。

 Macの基本的な使い方公式サイト

Macユーザガイド
システム設定
キーボード
日本語/直接入力切替
CapsLockキーをCtrlキーに変更

(システム設定 > キーボード > 修飾キー)

音声入力
マウス右クリック

WiFi
マルチデスクトップ
ファインダー （ファイル一覧、検索、コピー＆ペーストなど）
ドック
メール
サファリ
リーディングリスト

パスワードアプリ
写真アプリ
スクリーンショットのとり方
プレビュー ＆ 簡易編集
QuickTime で 画面収録やクリッピング
アプリのダウンロードやインストール、削除
印刷
ページレイアウト
ブックレット(小冊子風）

iPhone / iPad との連携
Air Drop

Spotlight （アプリ検索や起動）

 作業効率化
 Typing Club
タイピング習得サイト

 Better Snap Tool
ウィンドウサイズを瞬時に変更。300円。

 Flycut
クリップボードマネージャ。複数の履歴を簡単に貼り付け可能。

 TotalFinder
Finderの機能拡張。

 開発環境
 AIエディタ Cursor
VS Code から派生した AIエディタ。日本語で指示することによりコードを生成可能。
Japanese Language Pack for VS Code

cursor を日本語化
Live Server

静的・動的ページのライブリロード機能を備えた開発用ローカルサーバーを起動

 SafariAdGuard 広告ブロック

 Firefox / FloorpTranslate Web Pages 翻訳
AdGuard 広告ブロック

 Warp
高機能なmacOS向けターミナルエミュレータ

 HomeBrew
macOS用パッケージマネージャ

 Ruby
Ruby: オープンソースの動的なプログラミング言語で、 シンプルさと高い生産性を備えている。 エレガントな文法を持ち、自然に読み書きができる。
brew install rbenv
rbenv install 3.4.1
rbenv global 3.4.1

 Gitバージョン管理システム

Gitの基本操作逆引き辞典
$ brew install git

 SourceTree
GUIで分かりやすいGit管理アプリ

 Postgresql / SQLite3オープンソースのリレーショナルデータベース

使い分けの目安：
本格的に用いるなら Postgresql
学習用に用いるなら SQLite3
brew install postgresql@17
brew install sqlite

 ツール
 Splashtop
画面共有ソフト。遠隔支援に最適。

 Whereby
ビデオ通話ソフト。

iOS版アプリ

 Slack
チャットによるビジネスコミュニケーションツール

 wrtn(リートン)
生成AI。コード例や文章や画像生成等を手軽に行えるサービス。

 HTML / Markdown / Slim
 モダンCSSCSS 入れ子の使用
カスタムプロパティ :root { --main-color: brown; } 
レンジクエリ @media (width < 768px) {}
:is(), :where(), :has()
新時代のCSSリセット acab/reset.css

 お薦めアプリAffinity Designer / Photo / Publisher 買い切り制のお絵描きソフト
AppCleaner アプリを削除
BetterSnapTool 画面配置
Brave Browser 広告ブロック内蔵ブラウザ
canva 洗練されたデザイン
CheatSheet 各アプリのショートカットを表示
CrystalFetch Win10/11イメージをダウンロード
DaisyDisk ディスクの使用状況をグラフィカルに表示
Deeper macOSの隠しモードを編集
DeepL 高性能翻訳アプリ
Duplicate File Finder 重複ファイルを検出削除
Felo 高性能AI検索アプリ
Flycut コピー＆ペーストを40履歴保持
Frank DeLoupe 画面上からカラーピッカー
GarageBand 音楽を作って遊べる
Google Chrome ブラウザ
HandBrake 動画変換
IINA 動画再生
LibreOffice オフィスアプリ
Multi Page Print ポスター印刷アプリ
Obsidian 高性能メモアプリ
Parallels Desktop 仮想マシン内でWindowsを起動
Realistic お絵描きソフト
Seashore 簡易お絵描きソフト
Simple Comic スキャンイメージを見開きで参照できる
SiteSucker ウェブサイトを手元にダウンロード
The Unarchiver 圧縮解凍アプリ
Unite ウェブサイトをアプリ化
Vrew AI動画編集・字幕付け
waifu2x 低画質画像を高画質化
Xcode iPhoneアプリ用IDE
ノートン ウィルス対策ソフト

Macの基本的な使い方

作業効率化

開発環境

Safari

Firefox / Floorp

Git

Postgresql / SQLite3

ツール

HTML / Markdown / Slim

モダンCSS

お薦めアプリ

Discussion