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