フリーランスを目指す!vol.2 環境構築

web製作者が最初にぶち当たる壁が環境構築です。

そもそもhtmlって何で作るの?

と疑問が湧きますよね。

そこで今回はWEB制作で使えるツールを紹介します。

web作成で使うツール一覧

vscode

Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and availa...

vscodeはhtml/cssはもちろんjavascriptやphpなど多数の言語を簡単に書くことができるエディターソフトです。今一番人気ですね。

atom

Sunsetting Atom
We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022.

上記のvscodeと同等の性能を持つエディターです。

最初はatomかvscodeのどちらかのエディターを使用すればいいと思います。

figma

Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platfor...

webデザインを作成するツールです。

パワーポイントやスライド代わりに使用もできる万能ツールです。

プラグインを追加する事で機能がより強化されます。

notion

高機能なクラウド型のメモ帳です。

ただのメモ帳ではなく、テーブルを挿入したりする事もできるので非常に使いやすく、幅広く使えます。
どのデバイスからでもアクセス出来るのが強みです。

コメント

タイトルとURLをコピーしました