2019.11.11こんにちは。Web制作を始めようと思い立ったわけですが、まずは何が必要かというところを確認しましょう。Code・AtomUIデザインツールとグラフィックツールUIデザインツールまずは何はなくともコーディングスキル!ぶっちゃけて言えば、特にツールはなくともコーディングの知識があればサイトは作れます。メモ帳にHTMLを打ち込めばOKです。いってもやはりツールがあれば便利でコーディングが楽になります。便利なツールをそろえた上でコーディングの勉強をしていきましょう。HTMLとCSSです。これが出来ればとりあえずそこそこのサイトは作れます。さんのHTML&CSSとWebデザイン入門講座という書籍で絶賛勉中です。この本では、Webデザインの初心者が基本を身に着けられるように基礎から優しく説明してくれます。「Webデザインとは」から始まり、「Webサイトの仕組み」「制作のながれ」など実際のWebサイト作成の基本を学んだ後に「HTML」「CSS」を勉強して、最後はWebサイトを作成してみるというところまで学べます。fukulog.work2019.11.03あとは、javascript・PHPなどデザイン等も含めるとillustratorやPhotoshopも勉強しておきたいところです。テキストエディタのおすすめ3選!勉強するにあたってまず欲しくなるのがテキストエディタです。先ほどメモ帳でもできると言いましたが、テキストツールと比べると天と地の差があります。いうで、何種類か試した中で使いやすかったものをご紹介します。・SublimeText3一番の魅力は軽い!とにかく軽くて動きが軽快です。後でどんどん追加していけます。自動保存にも対応しているため安心してコーディングできます。ユーザー数も多いので使用方法についてもネットですぐに調べられます。Codeこちらも無料ソフトです。Microsoft製ということもありWindowsと使い方が似ているのでWindowsユーザーには親しみやすいインターフェースです。こちらもプラグインが豊富で拡張機能は充実しています。ソフトは軽量な部類なので動きは良いほうかと思います。編集、デバッグ、デプロイを行います。ならんで人気のテキストエディタですね。Github社が開発しているため将来性には期待ができます。使ってみた感じだと動作が重いです。比べると雲泥の差です。使うツールなだけにこれはストレスになります。将来性は抜群なだけに動作性の部分が改善されれば素晴らしいエディタになりそうなんですが。c...atom.ioその他、AdobeのDreamweaverは有料ですがすごく高機能で使いやすいようです。Webサイト制作で収入が得られるようになってきたら使ってみたいですね。UIデザインツールとグラフィックツール実際にサイトを作るとなるとサイトのデザインを考えなければいけません。その際に必要になってくるのがUIデザインツールです。WebサイトのUI(ユーザーインターフェース=サイトの見た目や使い易さ)のデザイン作成に特化したツールとなります。Mac専用になりますがSketchが非常に人気ですね。あとはロゴ画像や画像編集に特化したデザインツール(グラフィックツール)もあります。有名なのはAdobeのPhotoshopやillustratorですね。無料ソフトで運用したいので無料で探してみました。ある程度コーディングの勉強が進んできたら、試してみたいと思います。XDAdobeのソフトですが無料で使えます。ソフトが軽量でサクサク動くと評判です。シンプルな画面で操作方法もわかりやすく初心者におすすめとのこと。XDスタータープランを無料でダウンロードできます。XDは、webサイトやモバイルアプリのデザインに適した、UI/UXデザインのソリューションです。webデザインからプロトタイプ、共有まで無料でおこなえます。www.adobe.comFigmaブラウザ上で動作するデザインツールです。デスクトップ版もあるようですが、ブラウザソフトがあれば使えます。外出先等で編集が必要になった利する場合には便利ですね。様々な機能が使える多機能画像過酷ソフトです。プラグイン等の機能拡張が豊富でPhotoshopの代わりとしても充分な機能があるようです。Editorwww.gimp.orgInkscapeillustratorの機能に似たソフトで、レイヤー機能から図形の操作編集までできる高機能ソフトです。画像・ロゴの作成に向いているようです。computers.inkscape.orgもう少しコーディングの勉強が進んだらポートフォリオの作成も考えていきたいので、デザインツールも勉強していきたいです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。スポンサードリンクプロフィールブロガー歴:3カ月うりのすけうりのすけです。新卒⇒派遣社員として就職⇒正社員に転職⇒再度転職と人生で2度の転職しています。機械系エンジニアをやっていて、副業したいとブログを始めて色々模索中です。ブログ始めたての方向けの記事やおススメしたいモノなど色々発信しています。仕事や副業おススメサイトマップホーム検索トップサイドバースポンサードリンクプロフィールブロガー歴:3カ月うりのすけうりのすけです。新卒⇒派遣社員として就職⇒正社員に転職⇒再度転職と人生で2度の転職しています。機械系エンジニアをやっていて、副業したいとブログを始めて色々模索中です。ブログ始めたての方向けの記事やおススメしたいモノなど色々発信しています。エンジニアに強い転職エージェント3選【2020年版】ブログで稼ぐために登録必須のアフィリエイト(ASP)のまとめ17選【ブログ初心者向け】(ASPごとの得意ジャンルも紹介します)将来に不安を感じる会社員は副業を始めるべき【理由を解説】カラフルボックスが格安と評判なので、MixHost、エックスサーバーと比べてみる【月額480円】ブログを始めたら入れておきたいあると便利な無料・有料ツールまとめ14選!【初心者必見】スポンサードリンクタイトルとURLをコピーしました。