🌱

ウェブエンジニアのためのWindows11セットアップ

2022/10/26に公開約2,800字

Windows11の端末をセットアップするためのリンク集を用意しました. 私が仕事で使っているWindows10の環境を再現するためのリンク集です. Windows11では少しだけUIが変わった程度で, 基本的な操作はWindows10と変わらないようです. エンジニア向けなので, 一度インストールしたことがあったり, 雰囲気でインストールできる人も多いと思いますので, 手順の詳細は省きます. まずは下記の手順に従って, 隠しファイルや拡張子を表示するなどの設定を済ませましょう.

https://zenn.dev/ohno/books/356315a0e6437c/viewer/5412fb

一般向けソフトウェア

ソフト ダウンロードURL or コマンド
Office https://www.microsoft.com/ja-jp/microsoft-365
Adobe Acrobat Reader DC https://apps.microsoft.com/store/detail/XPDP273C0XHQH2
Zoom https://apps.microsoft.com/store/detail/XP99J3KP4XZ4VV
LINE https://www.microsoft.com/store/productId/9WZDNCRFJ2G6
Slack https://www.microsoft.com/store/productId/9WZDNCRDK3WP
Discord https://discord.com/download

ブラウザ

ウェブエンジニアはデバッグのためにブラウザ一式が必要です.

ソフト ダウンロードURL or コマンド
Chrome https://www.google.com/chrome/
Firefox https://www.microsoft.com/store/productId/9NZVDKPMR9RD
Microsoft Edge 標準搭載
IE サポートが終了したので, 不要な案件が増えてきました.

デバッグ用にMac端末も用意してSafari, Chrome, Firefoxでテストしましょう. iPhoneとAndroid端末も1つずつあると好ましいです. iPhoneはSafariとChromeの両方をテストしましょう.

デザインツール

Figmaをブックマークに追加するだけでいいと思いますが, たまにイラレやXDが必要になることがあるので, 必要になったときに入れましょう. 案件が終わったら解約でよいと思います.

ソフト ダウンロードURL or コマンド
Adobe系 https://www.adobe.com/jp/creativecloud.html
GIMP2 https://www.gimp.org/downloads/
Figma https://www.figma.com/
インストールは不要. アカウントを作っておきましょう.

開発環境など

このあたりは必須だと思います. もし使っていたものがあればVSCodeに拡張機能を入れておきましょう. FTPはコマンドラインだと骨が折れるのでFFFTPなどの使用をおすすめします.

ソフト ダウンロードURL or コマンド
Visual Studio Code https://apps.microsoft.com/store/detail/XP9KHM4BK9FZ7Q
git https://git-scm.com/download/win
WSL PowerShellを管理者権限で起動してwsl --install
FFFTP https://github.com/ffftp/ffftp/releases
の最新版の~x64.msiでインストールできます.

言語など

これまでXAMPPを使った記憶は無かったのですが, PHPの公式サイトでXAMPPが推奨されていたので, 今後はXAMPPを使用しようと思っています. WordPressの案件はLocalでローカル環境を作り, All-in-One WP Migrationで同期するのがおすすめです.

ソフト ダウンロードURL or コマンド
C/C++/Fortran WSL上でsudo apt update sudo apt install build-essential sudo apt install gfortran
Windows上で動かしたい場合は https://gcc.gnu.org/install/download.html
Python https://www.microsoft.com/store/productId/9P7QFQMJRFP7
XAMPP(PHP, Perl, MySQL) https://www.apachefriends.org/index.html
Local(WordPress) https://localwp.com/
Node.js https://nodejs.org/ja/
React https://learn.microsoft.com/ja-jp/windows/dev-environment/javascript/react-on-wsl
Vue https://jp.vuejs.org/v2/guide/installation.html#NPM
Zenn CLI https://zenn.dev/zenn/articles/install-zenn-cli
Ruby https://www.ruby-lang.org/ja/downloads/
Sass https://book.scss.jp/code/c2/01.html
ruby -v で Rubyがインストールされていることを確認してから gem install sass gem update --system gem update sass
Rails gem install rails

Discussion

ログインするとコメントできます