photo
photo

Webデザイン

photo
2023/12/27

【初心者向け】Figma(フィグマ)の使い方をわかりやすく解説!

Figma(フィグマ)を使ってWebデザインを制作してみたいものの、 ・Figmaの機能や活用方法が分からない…。・Figmaの導入方法や使い方が分からない…。 という方も多いのではないでしょうか。そこでこの記事では…

photo
2023/12/07

独学でWebデザイナーになりたい人必見!おすすめの勉強法

Webデザイナーは美大やデザインの専門学校を出た人の専門スキルだと思っていませんか?未経験から独学でWebデザインを学び、Webデザイナーとして活躍する人も少なくありません。本記事では、独学でWebデザインを学…

photo
2023/10/02

Vuetifyの使い方解説!分かりやすいUIデザインが誰でも実装できる

Webサイトのデザインを作成するために、Vuetifyについて詳しくなりたいけれど、 ・Vuetifyのインストール方法が分からない…。・テンプレートの使い方が分からない…。 こんな悩みはありませんか?そこでこの…

photo
2023/03/30

Next.js 13の新機能appディレクトリの基本操作を詳しく解説!

2022年10月26日に、新たなバージョンである「Next.js 13」がリリースされました。Next.jsをすでに利用していて、Next.js 13の新機能や使い方が知りたいという方も多いのではないでしょうか。この記事ではNext.js 1…

photo
2023/03/30

アトミックデザイン(Atomic Design)とは?メリット・注意点を解説!

アトミックデザイン(Atomic Design)とは、WebサイトなどのUIを効率的に設計できる手法です。この記事では、アトミックデザインの考え方やメリット、注意点などについて解説します。アトミックデザインを用いた開…

photo
2023/03/28

UIとUXの違いとは?Webデザイナー必見「UI/UXデザイン」をわかりやすく解説

「UI UX」「UI/UXデザイン」という言葉は聞いたことがあるものの、「その違いまではわからない」「意識すべき点は?」など、具体的な意味や違いまではわからないという方が多いのではないでしょうか。今回の記事で…

photo
2023/03/18

おすすめのWordPressプラグイン14選!インストール方法も解説

WordPress(ワードプレス)のプラグインをうまく活用することで、ホームページやブログにさまざまな機能を持たせることができます。これにより、管理負担の軽減やユーザービリティの向上など、獲得できるメリット…

photo
2022/04/13

CSSとは?初心者にもわかりやすくCSSの書き方を解説!

WEBプログラミングを学習し始めると、HTMLの次にCSSを学習するというのが一般的です。 今回の記事は、HTMLは大体理解できたけど、CSSはまだ全くわからないという人のために、「CSSとは?」「CSSって何なの?」…

photo
2022/04/13

HTMLとは?初心者向けにタグの種類と使い方の基本を解説!

WEBプログラミングを学習するにあたって、ほとんどの人がまず最初に学習するのがHTMLです。 しかし、プログラミング初心者の人は「HTMLとは?」「HTMLって何なの?」と感じているのではないでしょうか? こ…

photo
2021/11/19

Canva(キャンバ)の使い方を初心者にもわかりやすくご紹介!

SNSの利用が当たり前になってきている昨今。個人でも積極的に発信する方が多く、画像やデザインを活用して、「SNSの投稿やYouTubeのサムネイルを華やかにしたい」という需要も増えてきています。 しかし、Photo…

photo
2020/12/08

【入門編】Sassの意味は?SASS・SCSSとは?読み方から使い方まで解説

「Sass」とは、CSSを拡張して扱いやすくしたスタイルシートのことです。この記事では、Sassとは何か、基本的な知識やメリット、インストール方法、使い方などを解説します。Webデザイナーとしてスキルアップしたい…

photo
2020/08/17

デザインツールFigmaのメリットとは?インストール~使い方を解説

FigmaはWeb上で使用できるデザインツールです。簡単な操作でデザインを制作でき、デザイナー以外のメンバーとも簡単に共有できます。 この記事では、Figmaを使用するメリットやインストール方法、基本的な操作…

photo
2020/04/10

【初心者向け】Adobe XD基本の使い方を紹介!UI/UXデザインを簡単に

Adobe XDは、WebサイトやモバイルアプリのUI/UXデザインができるツールです。Adobe XDの使い方を学習すれば、ワイヤーフレームを手軽に作成し、デザインに関するプロジェクトを効率よく進めることができます。 …

photo
2017/06/26

図解で簡単!CSSの書き方4つが初心者でも5分で理解できる!

CSSの書き方について、HTML/CSS初心者向けに丁寧に解説します。 Web開発経験のある筆者が、わかりやすいコードを使いながらCSSの書き方に解説しているので、安心してご覧ください。 CSSの書き方は主に4つありま…

photo
2017/04/11

HTMLリンクタグの使い方が一目でわかる!3つの便利な知識も紹介

HTMLにおけるリンクの作り方について、HTML初心者向けに解説します。 ※HTMLとは何かがあまり理解できていない人は、HTMLについて初心者向けに解説した記事をご覧ください。 本記事を読めば、HTMLでのリンクの…

iconオススメ動画講座