navi

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

phpのif文

【php】if文の基本的な使い方を初心者向けに徹底解説!

2026/9/11    

      また、if文には次のような使用例があります。 入力フォームで必要文字数に満たない場合にメッセージを表示させる エラーが起きた場合のみ特別なメッセージを表示させ ...

adobe XD 共有

【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説!

2023/2/24  

    作成したページの「デザイン」や「遷移」について、クライアントやディレクター、コーダーなどと行う完成イメージの共有がプロトタイプの共有です。   それに対し、作成し ...

while文とdo...while文

【javascript】while文とdo~while文の使い方を初心者向けに徹底解説!

2023/2/24    

    指定された回数だけ処理を実行するfor文とは異なり、while / do~while は、条件がtrue(真)の間 処理を繰り返し実行(ループ)します。 使用例として挙げら ...

while文とdo...while文

【php】while文とdo~while文の使い方を初心者向けに徹底解説!

2023/2/24    

    指定された回数だけ処理を実行するfor文とは異なり、while / do~while は、条件がtrue(真)の間 処理を繰り返し実行(ループ)します。 使用例として挙げら ...

jsの関数

【javascript】関数の定義・呼び出し・戻り値の基本を初心者向けに徹底解説!

2023/2/24    

  プログラムの途中で何度も出てくる命令を「関数」として一箇所にまとめて定義しておくことで、必要な時にその都度呼び出して利用することができます。 ただ呼び出すだけではなく、関数に値を渡して、 ...

左手デバイス3選

【超便利】イラストやデザインにおすすめの左手デバイス3選!

2025/2/5  

※ 本ページはプロモーションが含まれています。       イラストを描いたりデザインをする場合「右手」にマウスやペンを持って作業をしますが、「左手」はたまにショートカットキーを打 ...

photoshopの画像と合成

【photoshop】別の画像を貼り付ける!画像の合成方法を初心者向けに徹底解説!

2023/2/23  

    画像の合成方法には様々なものがありますが、今回は切り抜いた画像を別の画像に合成する方法について解説します。   この記事では 対象物の形状に合わせた画像の合成方法 ...

xd プロトタイプ

【Adobe XD】プロトタイプのできることや使い方を初心者向けに徹底解説!

2024/4/2  

    プロトタイプでできることは主に、Webページのボタンに「どんな動きで」「どのページに」遷移させるかを設定し、「プレビュー画面」を通してチームやクライアントの方との完成イメー ...

【photoshop】ビデオタイムラインを使ったgifアニメの作り方を初心者向けに徹底解説!

2023/2/23  

    使用できる色数に制限があったり音声を扱うことはできませんが、ユーザーの「目を引く」効果や、サイトに「動き」をつけることができます。 簡単なアニメーションであれば javas ...

foreach文

【php】foreach文の基礎やbreakとcontinueの使い方を初心者向けに徹底解説!

2023/2/24    

  今回は、phpの制御構文の一つである「foreach文」ついて初心者向けにやさしく解説します。   foreach文は、while文やfor文などの繰り返し文とは違い 処理の内 ...