navi

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

if文

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

2022/7/1    

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

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

2022/4/9    

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

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

2022/5/5  

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

【Adobe XD】繰り返し要素の作成!リピートグリッドの使い方を初心者向けに徹底解説!

2022/5/5  

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

選択とマスク

【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 を使って宣言された変数や定数にアクセスできる範囲のことです。 基本的には有効範囲内 ...

コンポーネント

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

2022/5/5  

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

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

2022/5/5  

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

変数と定数

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

2022/4/9    

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