あさんてが Web制作について試行錯誤しながら学んできたノウハウをこちらに掲載していきます。基本は自分用に構築しているため偏りがありますが、一部の方には役立つのではないかと思います。
有用な情報に素早くアクセス、活用できることを重視して、頻繁に使う情報は上位にしたり、コピペでそのまま使えるような内容を目指します。
目次
オススメ投稿をこちらに掲載します。時々入れ替えしたいと思います。
あさんての開発環境をご紹介します。
可能な限り固定費をかけないことを目指しており、今のところ Adobe系のサブスク & 高額ツールは使用せずに開発をしています。
環境 | ツール | 補足 |
ベース システム |
WordPress | 全てのWeb制作に適用しています。 |
サーバー | ConoHa Wing | GMO社提供のレンタルサーバーであり、 性能とコストのバランスが良いです。 |
開発 環境 |
XAMPP | Windows上で PHP / MySQL / Apache 環境を 手軽に構築できます。 |
開発 エディタ |
Visual Studio Code | Microsoft社提供の無料コードエディタです。 |
デザイン ツール |
Figma | Webデザインのための無料でも十分使える神ツールです。 |
Canva | まだ使いこなしできていませんが、 もっと活用したいと考えています。 |
|
IrfanView | 軽量なので画像ファイルで簡単な加工に適しています。 | |
GIMP | ピクセル単位での画像加工に適したフリーツールです。 | |
ブラウザ | Chrome | ブラウザ付属の開発ツールも便利です。 |
バージョン 管理 |
Git / GitHub | バージョン管理およびバックアップ先として 活用しています。 |
開発環境のインストール自体は難しくないのですが、作業をメモっていなかったことから各種設定やプラグイン導入の際にはPC入れ替えの際に苦労しました。こちらは備忘録になります。
フリーで提供されているデザイン素材が多くあり、それを活用することによってオリジナルで作るよりもデザインに優れたWebを効率的に制作できます。
WordPress / HTML / CSS / Javascript とは異なる知見が必要であり、私も苦手な部分です。一方で Web制作のためにはこちらの知見の方がより重要であると感じています。
カッコいいデザインができることに本当に憧れます。
Web制作には、HTML / CSS / Javascript の知識はある程度は必要になります。問題発生時にはハマったまま何時間も悩むこともありましたので、同じ過ちを犯さないための備忘録になります。
WordPress はとても便利な一方で慣れるまでは理解しにくいところがあると思います。一度やったことは基本は同じ設定や手順で実現できますのでノウハウも再利用可能です。
品質や効率を上げるための開発ツールが多く提供されており、フリーで使えるものでも十分な機能を有しています。
Web制作で差異化していくためのノウハウ集です。少し高度な技術も用いる場合があるのでネット上での情報も少なめです。