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

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

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

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

フロントエンドを学ぼうと調べ始めると、React、TypeScript、Vite、Next.js といった単語が一気に押し寄せてきます。全部やらないといけないのかと不安になり、最初の1歩を踏み出せないまま数ヶ月が過ぎてしまう。よくあるパター...

「コーディングを勉強しよう」と決めたものの、最初の1歩でつまずいてしまう。教材が多すぎてどれを選べばいいか分からない、環境構築の段階で心が折れた、写経はできるけど自分では何も書けない。この3つが、初心者がぶつかる代表的な壁です。結論を先に言...

「Webデザインを学びたい」と調べ始めると、すぐにコーディングという言葉が出てきます。そして「デザイナーなのにコードを書くの？」と混乱してしまう。この入口でつまずく方は非常に多いです。結論から言うと、Webデザインは「どんなサイトにするかを...

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

「フォントを変えてみたけれど、なんとなくしっくりこない」「タイポグラフィという言葉は聞くが、具体的に何を決めればいいのか分からない」という方に向けて、Webデザインにおける文字の扱い方の基本を整理しました。タイポグラフィとは、おしゃれなフォ...

「自分が作ったページが、なんとなく詰まって見える」「プロが作ったサイトと比べると、垢抜けない気がする」という悩みの原因は、色でもフォントでもなく、余白の取り方にあることがほとんどです。余白は「何もない場所」ではなく、要素どうしの関係を伝える...

「Webデザインのレイアウトを、なんとなくの感覚で決めてしまっている」「参考サイトを真似ても、なぜか野暮ったくなる」という方に向けて、レイアウトの基本となる型と、その使い分けの判断基準を整理しました。レイアウトは感性で決めるものではなく、載...

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

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

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

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

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

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

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

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

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