navi

「Webデザインを楽しく学ぼう」をモットーに、Webデザイン初学者の方に、日々ブログを更新しています。 ぜひ、一緒に「楽しく」学びましょう!

xd02_コンポーネント

【Adobe XD】コンポーネントの使い方を初心者向けに徹底解説!

2022/8/13  

  コンポーネントとは? デザインカンプの作成の過程で「繰り返し使用する部品」のことです。   ボタンやヘッダーなど何度も登場する共通の「部品」を、コンポーネントとして登録して使用 ...

【photoshop】画像の切り抜きに必須!色々な選択範囲の作成方法を初心者向けに徹底解説!

2022/5/5  

  「選択範囲の作成」は、写真の一部を加工する時や色の補正等を行うときに、必ずと言っていいほど行う重要な作業です。 そしてその「選択範囲の作成」は、以下のようなステップで行います。 まずは被 ...

変数と定数

【php】変数や定数の作り方・表示方法を初心者向けに徹底解説!

2022/4/9    

  変数とは、値を入れておく箱のようなもの で、主に「数値」や「文字列」等を使い回すときに使用します。   例えば、100円のアイスクリームの税込み価格を計算する場合、 と計算しま ...

変数と定数

【javascript】変数とは?宣言や代入、初期化について初心者向けに徹底解説!

2022/7/12    

  変数とは? 値を入れておく箱のようなもの で、主に「数値」や「文字列」等を使い回すときに使用します。 例えば、100円のアイスクリームの税込み価格を計算する場合、 と計算しますが、他の商 ...

【javascript】クリックで色や画像を切替える方法を初心者向けに徹底解説!

2022/7/24  

  この記事では クリックで「色」や「画像」を変化させる方法を解説します。   クリックして対象物を変化させるにはクリックイベントを利用しますが、その「設定方法」には大きく分けて次 ...

ローカル環境

【windows&mac対応】WordPressのローカル環境の構築方法を徹底解説!

2022/4/14  

  今回は、アプリケーション「Local」を使ったローカル環境の構築について解説していきたいと思います。   「ローカル環境」とは、インターネットのWebサーバーと同じ環境を、自分 ...

【まとめ】Adobe XDとは?使い方は? XDでできることを初心者向けに徹底解説!

2022/7/8    

  この記事では Adobe XDとは、「Webサイトやアプリの設計図を作成する」ツールです。   同じAdobe製品である「photoshop」や「illustrator」にはな ...

photoshopでできることまとめ

【まとめ】Photoshopとは?何ができる?各機能を初心者向けに徹底解説!

2022/5/6    

  Photoshopとは、「写真や画像の加工・合成」などを行う画像編集ツールです。   写真や画像に関係する様々なことができる万能ツールで、テキストや図形を配置してポスター・チ ...