Web制作を始めて、エディタとしてVisual Studio Code（VSCode）を利用している方は多いと思います。 VSCodeのメリットの一つは「便利な拡張機能が豊富」であることですが、あなたはどの拡張機能・プラグインを利用していますか。VSCodeをインストールして初期設定のまま利用している方もいるかもしれません。 このページでは、私が数多くのWeb制作案件を手がけてきた経験から、VSCodeのおすすめの拡張機能・プラグインを紹介します。 どれを追加すべきか迷っている方は、まず私のおすすめの拡張機能・プラグインを試してみてください。ぜひ、この情報を参考にしてください。

「HTML・CSSを早く書けるようになりたい」 「効率的に正確にコーディングできるようになりたい」 このように思うコーディング初心者・Web制作者の方は多いでしょう。 では、「コーディングが早い人」と「コーディングが遅い人」、両者の違いはなんでしょうか？ 「タイピングが早い人」「コーディング慣れしている人」...など思いつくのではないでしょうか。 しかし、大きくスピードに影響が出るのは「効率化を徹底しているか」という違いにあります。 このページでは、「早く、そして正確な」コーディングの実現をサポートしてくれる効率化の方法やコツを紹介をします。 紹介するツールを使いこなしたり効率化のための実践を行うことで、スピーディーなコーディングが可能となり、短い工数でのWeb制作が可能となるでしょう。

Webコーダーにとって、デザインのギャラリーサイトを頻繁に見ることは大変有益です。 ギャラリーサイトに掲載されているWebサイトのデザインを参考にすることで、コーダーは自分の制作物にアイデアを取り入れることができます。 また、デザインのトレンドも常に変化しているため、ギャラリーサイトを定期的に見ることは最新トレンドの把握にも一役買うでしょう。 さらに、ギャラリーサイトによっては、そのWebサイトを制作した制作会社が記載されています。優秀な制作会社を探すこともできます。 このページでは、私が実際によく見るWebサイトギャラリーを紹介しています。数は多くありませんが、気に入ったギャラリーサイトはブックマークして、たびたび眺め見ると良いでしょう。

早くて正確なコーディングをするために「ジェネレーター 」の利用は不可欠です。 便利なジェネレーターを知っているか知らないかは、Web制作の工数に大きく関わってきます。 もちろん、自分の力でコーディングできる力も必要ですが、頼れるポイントではジェネレーターのような便利ツールに頼るのが大切です。 この記事は、工数時短でコーディングができるようになりたいという方に向けての記事です。無料でWeb上で使用できる便利なジェネレーターを、用途別に紹介しています。 どれも私がよく利用するためブックマークしています。 「便利だな」と思うジェネレーターがあれば、そのサイトをブックマークしてすぐ使えるようにしておくと良いでしょう。

HTMLのheadタグの中に書くべきコードをまとめました。headタグの役割や中身のコードの意味についても解説しています。 SEO対策上、headタグは重要な役割を担っていますので、このページに記載されているものはWeb制作に関わる人にとって必須となる知識です。 ぜひこの最後まで読んで理解を深めてください。

本記事では、今まで100を超えるLP（ランディングページ）をコーディングしてきた私が実際に行っている、綺麗に、そして素早く完成させるためのLPコーディング手順を紹介します。 駆け出しの初心者コーダーの方や、今までいくつかLPをコーディングした経験があるけどより効率的に完成させられるようになりたいという方にとって、有益な記事になっているかと思います。 10の手順にまとめたので最後まで読んでみてください。

LP（ランディングページ）やWebサイトをコーディングし終え、そのまま納品していませんでしょうか。納品する前にちょっと待ってください、必ず忘れてはならない確認事項がいくつもあります。 このページでは、納品直前に「必ず」確認すべきことを21個挙げました。 読むことで、納品前に確認すべきことがすべてわかります。このチェックリストに沿って確認をすれば、自信を持って、クライアント様に納品できるでしょう。