Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
244
Help us understand the problem. What is going on with this article?
@hush_in

Mac使いがWindows開発環境構築してみたログ

あらすじ

普段はMacBook Airを使っています。ただ、MBAでなにかを開発しようとするとスペック不足を感じていました。

最近はWindowsもWSL2やWindows Terminalなどが使えて、Visual Studio Code Remote Development を使えば開発もしやすいという話も聞くようになりました。

ゲーム用にWindows デスクトップPCを持っていたので、イチから開発環境構築しました。

2020-08-16.png
↑ WSL2(Ubuntu 20.04) で create-react-appを動かしてVSCode, Chrome を開いている様子

2020/08/31 追記 セットアップをdotfiles化

概要

  • 各種アプリのインストール・設定
    • PowerShellスクリプト, Chocolatey, Scoop でほぼ自動化
  • キーバインドをMac風に変更
    • Change Key, Keyhac, AutoHotKey でカスタマイズ
  • Linux環境, Docker
    • WSL2, Docker Desktop for Windows
    • VSCode Remote Development
  • その他
    • Terminal, Font
    • デスクトップ設定
      • 夜間モード、ダークモード
      • 仮想デスクトップ
    • PowerToys
      • ウィンドウ配置: FancyZones
      • ランチャー: PowerToys Run

スペック

  • 2017年ごろに買ったデスクトップ BTO PC
    • Windows 10 Home
  • キーボード: HHKB Professional HYBRID Type-S US配列
  • 4Kモニタ(Windows だとフォントの描画が微妙ですが、4Kモニタを使うことで解決)

作業ログ

クリーンインストール

イチから環境構築したかったのでクリーンインストールしました。

必要なファイルを別の場所に退避させてから、Windows 10 を再インストールする - Windows Helpインストール メディアを使って Windows 10 のクリーン インストールを実行する を参照

各種アプリのインストール・設定

  • https://github.com/hushin/dotfiles-windows
  • dotfiles 解説
    • PowerShellスクリプト で拡張子表示 など設定
    • Chocolatey, Scoop でアプリやフォントをインストール
      • なるべく Scoop を使いつつ、アプリ内に更新機能があるものはChocolateyを使用

手動でインストール

  • Google 日本語入力
  • QTTabBar
    • エクスプローラーにタブ表示を追加するソフト
    • エクスプローラーの表示→オプション で設定

キーバインドをMac風に変更

Mac に慣れてから Windows を使うと一番戸惑うのがキーバインドですね。Mac風になるように寄せていきます。

  • 左右のWinキー単押しで英字/日本語のIME切り替え
  • 左Win キーで Cmd のショートカット
  • 右Win キーで Windows の元のショートカット(Win-R など)
  • Winキー単体押しは Ctrl-Esc で代用
  • Emacs風のカーソル操作

Change Key, Keyhac, AutoHotKey でカスタマイズ

Linux環境, Docker

WSL2, Docker Desktop for Windows

[wsl2]
memory=4GB
processors=2
localhostForwarding=True

VSCode Remote Development

その他

  • Font
  • Terminal
  • デスクトップ設定
    • 夜間モード(ブルーライトカット)
      • デスクトップを右クリック→ディスプレイ設定→夜間モードをオン
    • ダークモード
      • デスクトップを右クリック→個人用設定→色 黒に設定
    • 仮想デスクトップ
      • Win-Tab から仮想デスクトップを追加
      • Ctrl-左右 で切り替えできるように Keyhac で設定
  • PowerToys
    • ウィンドウ配置: FancyZones
      • Shiftキーを押しながらウィンドウを動かすと決まった枠にウィンドウ配置できる
    • ランチャー: PowerToys Run
      • Alt-Space でSpotlight 風にアプリを起動できる
    • (余談) Keyboard Manager でもキーバインドを変えられるが、Keyhac に比べてできることが少なく、バグっぽい挙動もあったので見送った

感想

Terminalなど多少使いにくいところがあるものの、Mac よりも高スペックな開発環境が手に入ったので個人的には満足しています。

参考

244
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
hush_in
Web開発をしています。フロントエンド中心。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
244
Help us understand the problem. What is going on with this article?