navi

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

選択とマスク

【photoshop】髪の毛の切抜きはコレ!選択とマスクの使い方を初心者向けに徹底解説!

2023/2/24  

  選択とマスクとは、髪の毛などの細かい切り抜き作業を行うために使用するツールです。   画像を切り抜くためには、最初に切り抜きたい部分を選択する必要がありますが、 特に髪の毛など ...

値の表示方法

【php】echoやprint、var_dumpなど値や文字列の表示方法を初心者向けに徹底解説!

2023/2/24  

  phpには色々な値の表示方法があり、その用途は様々ですが、今回は以下の5つの値の表示方法について解説します。 これら5つの表示方法について簡単に説明すると、 echo と print は ...

変数のスコープ

【javascript】変数と定数のスコープについて初心者向けに徹底解説!

2023/2/24  

    この有効範囲とは、let や const を使って宣言された変数や定数にアクセスできる範囲のことです。 基本的には有効範囲内の変数や定数にアクセスできても、有効範囲外のもの ...

xd02_コンポーネント

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

2023/2/24  

    ボタンやヘッダーなど何度も登場する共通の「部品」を、コンポーネントとして登録して使用することで、次のようなメリットがあります。   このようにコンポーネントを使用 ...

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

2023/2/24  

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

変数と定数

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

2023/2/23    

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

変数と定数

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

2023/2/24    

  例えば、100円のアイスクリームの税込み価格を計算する場合、 と計算しますが、他の商品の計算でも使い回しができる「1.1」を変数に入れて使用することにより、 複数の商品の税込み価格を計算 ...

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

2023/11/17  

javascriptで「要素」をクリックすることで、色や画像を切り替える方法を、イラストを交えて初心者向けに解説しています。

ローカル環境

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

2023/2/24  

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

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

2023/2/24    

    同じAdobe製品である「photoshop」や「illustrator」にはない特徴として、web特有のレイアウトの作成や、ボタンを押したときの動きを設定や確認ができるこ ...