当サイトはアフィリエイト広告(Amazonアソシエイト含む)を利用しています

Webデザインツール

Webデザインツール

無料の画像編集ツールおすすめ比較|Webデザインで使える定番を用途別に解説

「Photoshopの契約はまだ重い」「バナーを1枚直すだけなのに毎回困る」という方に向けて、無料で使える画像編集ツールのおすすめを用途別に整理しました。無料の画像編集ツールは種類が多いものの、得意分野がはっきり分かれているため、目的に合わ...
Webデザインツール

Webデザインのセキュリティ対策まとめ|制作者が押さえる基本と実践手順

「デザインは自信があるけれど、セキュリティのことを聞かれると答えられない」「納品したサイトが改ざんされたらどうしよう」と不安を感じている方に向けて、Webデザインの現場で必要になるセキュリティ対策を、実践できる手順に落とし込んで解説します。...
Webデザインツール

Gitの使い方を初心者向けに解説!Webデザイナーが最低限覚えたい操作と手順

Web制作の求人票や案件募集を眺めていると、「Gitが使えること」という条件をやたらと見かけないでしょうか。デザインはある程度描けるようになったのに、Gitという言葉が出てきた瞬間に手が止まってしまう、という声は初心者から本当によく聞かれま...
Webデザインツール

Sassの使い方を初心者向けに解説|書き方の基本と@useへの移行まで

CSSファイルが1000行を超えたあたりから、「この色コード、何箇所に書いたんだっけ」という状態になります。修正のたびに全体を検索して置換する。この不毛な作業から解放してくれるのがSassです。ただし、いま学び始める方には気をつけてほしい点...
Webデザインツール

Tailwind CSSの使い方を解説|導入からクラスの書き方・v4の変更点まで

Tailwind CSSを触ってみたものの、HTMLがクラス名だらけになって面食らった。あるいは、ネットの解説どおりに設定ファイルを作ろうとしたら、そもそもそのファイルが生成されなかった。この2つでつまずく方が急増しています。後者の原因はは...
Webデザインツール

Bootstrapの使い方を初心者向けに解説|導入からグリッド・部品の組み方まで

CSSを一から書くのがつらくなってきた頃に、多くの人がたどり着くのがBootstrapです。ただ、公式ドキュメントを開くと英語のクラス名がずらりと並んでいて、どこから読めばいいのか分からずに閉じてしまう。そんな経験はないでしょうか。実は、B...
Webデザインツール

CSSフレームワークのおすすめ比較|特徴と選び方をわかりやすく解説

CSSを一から書いていると、ボタンひとつ、フォームひとつを整えるだけで時間が溶けていきます。そこで登場するのがCSSフレームワークです。ただ、種類が多くて「結局どれを使えばいいのか」で止まってしまう方が非常に多いのも事実です。先に方向性をお...
Webデザインツール

Webデザインのギャラリーサイトおすすめまとめ|参考サイト探しがラクになる使い方

デザインの作業に取りかかろうとして、真っ白なアートボードの前で手が止まってしまう。Webデザインを学び始めた方から、この悩みを聞くことが本当に多いです。そんなときに頼りになるのが、優れたWebサイトを集めた「ギャラリーサイト」です。ギャラリ...
Webデザインツール

ノーコードでのWeb制作の始め方|最初の1サイトを公開するまでの手順

「ノーコードでWeb制作を始めたいが、何から手をつければいいか分からない」「ツールを開いてはみたものの、白い画面の前で固まってしまう」という方に向けて、最初の1サイトを公開するまでの手順を順を追って整理しました。ノーコードでのWeb制作でつ...
Webデザインツール

ノーコードツールのおすすめ比較|Web制作で使える定番と失敗しない選び方

「コードが書けなくてもWebサイトが作れるノーコードツールを使いたい」「種類が多すぎて、どれを選べばいいのか分からない」という方に向けて、Web制作で使われている主要なノーコードツールの特徴と選び方を整理しました。ノーコードツール選びで失敗...
Webデザインツール

ジンドゥーの口コミ・評判まとめ|AIビルダーとクリエイターの違いと選び方

「ジンドゥー(Jimdo)は無料でホームページが作れると聞いたけれど、実際どこまでできるのか」「AIビルダーとクリエイターの違いが分からない」という方に向けて、ジンドゥーの評判と2つのサービスの違いを整理しました。ジンドゥーでつまずく方の大...
Webデザインツール

ペライチの口コミ・評判まとめ|料金プランと向いている使い方を解説

「ペライチは初心者でも作れると聞くけれど、実際の使い勝手はどうなのか」「無料で公開できなくなったという話は本当か」といった疑問を持つ方に向けて、ペライチの評判を良い面と気になる面の両方から整理しました。ペライチは「1ページ完結の集客ページを...
Webデザインツール

Squarespaceの口コミ・評判まとめ|日本語対応と料金をふまえた選び方

「Squarespace(スクエアスペース)はデザインが良いと聞くけれど、日本語で使えるのか不安」「実際の口コミを見てから契約したい」という方に向けて、Squarespaceの評判を良い面・気になる面の両方から整理しました。Squaresp...
Webデザインツール

Shopifyの口コミ・評判を整理|メリットとデメリット、費用の考え方を解説

ネットショップを立ち上げようと調べると、決まって名前が挙がるのがShopifyです。ただ、「拡張性が高くて使いやすい」という声がある一方で、「アプリの費用がかさむ」「英語の情報が多い」という指摘も目立ちます。Shopifyの口コミが分かれる...
Webデザインツール

STUDIOの使い方を初心者向けに解説|サイト公開までの手順とつまずきどころ

ノーコードでWebサイトを作れると聞いてSTUDIOを開いてみたものの、真っ白な画面の前で何をすればいいのか分からず閉じてしまった。そんな経験を持つ方は少なくありません。STUDIOの使い方でつまずく原因は、操作方法ではなく「ボックス」とい...
Webデザインツール

STUDIOの口コミ・評判を整理|使ってわかるメリットと向き不向きを解説

ノーコードでWebサイトを作れるサービスとして、制作の現場でも名前を聞くようになったSTUDIO。ただ、実際に導入を検討し始めると「デザインの自由度が高い」という声と「思ったより難しい」という声が同時に出てきて、判断に迷う方も多いはずです。...
Webデザインツール

Wixの料金はどう決まる?プラン構成と無料版との違い、かかる費用の全体像を解説

Wixを使ってホームページを作ろうと考えたとき、最初に引っかかるのが料金です。「無料で作れる」と書かれている一方で、有料プランの案内も出てくるため、結局いくらかかるのか掴めないまま手が止まってしまう方は少なくありません。Wixの料金でつまず...
Webデザインツール

Wixの口コミ・評判を整理|メリットとデメリットを実務目線で解説

ホームページを自分で作ろうと調べていると、高い頻度で候補に挙がるのがWixです。ただ、検索すると「初心者でも作れた」という声と「おすすめしない」という声が同時に出てきて、どちらを信じればいいのか分からなくなります。Wixの口コミが割れる理由...
Webデザインツール

バナーデザインのコツを解説|見やすく伝わる1枚に仕上げる基本ルール

作り終えたバナーを眺めて「なんとなく素人っぽい」と感じるのに、どこを直せばいいのか分からない。バナーデザインで多くの人がぶつかるのが、この「言語化できない違和感」です。バナーデザインのコツは、センスではなく数値と原則で説明できます。文字の大...
Webデザインツール

バナーの作り方を初心者向けに解説|ツール選びから完成までの手順まとめ

「バナーを1枚作ってほしい」と頼まれたものの、何から手をつければいいのか分からず画面の前で固まってしまう。Webデザインを学び始めた方が最初にぶつかるのが、このバナー制作の壁です。バナーの作り方は、デザインの才能ではなく手順で決まります。目...