navi

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

    左手デバイス3選

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

    2024/7/23  

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

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

    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  

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