navi

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

xd プロトタイプ

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

2022/7/16  

  プロトタイプとは デザインの段階で実際の操作感を確認することができる機能です。   プロトタイプでできることは主に、Webページのボタンに「どんな動きで」「どのページに」遷移さ ...

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

2022/7/12  

  gifアニメとは? web上で表示される5秒程度の短い動画のことです。   使用できる色数に制限があったり音声を扱うことはできませんが、ユーザーの「目を引く」効果や、サイトに「 ...

foreach文

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

2022/4/16    

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

if文

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

2022/7/1    

  if文とは? 通常のプログラムを、「もし〜なら…する」という条件によって処理を分岐させる制御構文です。     また、if文には次のような使用例があります。 入力フォ ...

【php】配列・連想配列・多次元配列の基本を初心者向けに徹底解説!

2022/4/9    

  今回は、phpの基本である「配列」について初心者向けにやさしく解説します。   配列とは、複数の値を格納した変数です。 大量のデータを扱いたい場合に使用し、配列の値に番号や名前 ...

【javascript】DOMの基礎知識について初心者向けに徹底解説!

2022/5/5  

  DOMとは、ウェブページの内容をツリー状に構造化して操作可能にしたものです。   HTMLなどの階層構造を持つ文書が、ブラウザに読み込まれると、内部では、このDOMという「ツリ ...

xd05_リピートグリッド

【Adobe XD】リピートグリッドの使い方を初心者向けに徹底解説!

2022/8/6  

  リピートグリッドとは? デザインの過程で「繰り返す要素」を自動的に生成する機能です。   例えば、「画像」と「テキスト」で構成された、次のようなオブジェクトを横並びにしたい場合 ...

選択とマスク

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

2022/5/5  

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

値の表示方法

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

2022/6/11  

  phpには色々な値の表示方法があり、その用途は様々ですが、今回は以下の5つの値の表示方法について解説します。 echo print print_r var_dump var_export ...

変数のスコープ

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

2022/5/5  

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