navi

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

    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文などの繰り返し文とは違い 処理の内 ...

    if文

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

    2023/2/24    

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

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

    2023/2/24    

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

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

    2023/2/24  

        HTMLなどの階層構造を持つ文書が、ブラウザに読み込まれると、内部では、このDOMという「ツリー構造」に変換されて、画面に表示されます。 javascriptではこのDOM ...

    xd05_リピートグリッド

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

    2023/2/24  

        例えば、「画像」と「テキスト」で構成された、次のようなオブジェクトを横並びにしたい場合、通常であれば1つずつコピー&ペーストをすることが多いと思います。 しかし、リピートグ ...

    選択とマスク

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

    2023/2/24  

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

    値の表示方法

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

    2023/2/24  

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

    変数のスコープ

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

    2023/2/24  

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