開発環境構築

Windowsを初期インストールしたため、開発環境構築メモ

エディタ

1. サクラエディタ
   V2(Unicode版) 最新版
2. VScode
3. VSCode 拡張
   Japanese Language Pack for VS Code Bookmarks Bracket Pair Colorizer Indenticator Log File Highlighter Output Colorizer Partial Diff Path Autocomplete Prettier Trailing Spaces vscode-icons YAML Local History Marp for VS Code Paste Image Diff Folders Auto Rename Tag Auto Close Tag Beautify JavaScript(ES6() Snippets Vue Peek

参考

• VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)

Git

1. Git for Windwos
2. VSCode 拡張 Git History GitLens

参考

• VSCodeでのGitの基本操作まとめ

PrantUML

1. Java SDK(OPEN JDK)
   http://jdk.java.net/archive/ から11.0.2のzipをダウンロード展開し、環境変数にJAVA_HOME設定
2. Graphviz
3. VSCode 拡張 PlantUML *jebbs版

参考

• Windows 版 OpenJDK インストール手順
• [Visual Studio Code][Windows] PlantUMLの環境を設定する（シンタックスハイライト+リアルタイムプレビュー）

パッケージ管理

1. Chocolatey 　　powerShell（管理者権限）で以下を実行

　　 Chocolateyパッケージリポジトリ

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

chocolatey -vでインストール確認
choco install chocolateygui

参考

• 【Chocolatey入門】導入から注意点、今後の可能性まで

Node.js

1. Node.js

choco install nodejs
2. yarn

choco install yarn

参考

• Nuxt.js (Vue.js) + Express + Socket.IO でリアルタイムWeb (チャット) を体験する

Nuxt.js

1. Nuxt.js

yarn global add nuxt
yarn global add vue-cli
yarn create nuxt-app <project-name> プロジェクト作成

1. VSCode 拡張 Vetur

参考

• windows10にNode.jsをインストールする

DBクライアント

1. TablePlus

参考

• Sequel proの代わりを探すためにTeamSQL、TablePlus、DBeaverを使ってみた結果
• SequelProよりも使いやすい！？ TablePlusの使い方

図形描画

1. drawio
   choco install drawio

PDF作成

1. cubepdf

アイコン無料

1. icooon-mono

favicon作成サイト

Favicon Generator
各デバイス用のfaviconが一気に作成できて超便利！

PWABuilder

PWABuilder
PWA用のfaviconやmanifestファイルを作成してくれる。

FTPツール

WinSCP
ちょうどいいFTPツール

・・・随時更新