navi

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

左手デバイス3選

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

2022/5/16  

  左手デバイスとは、ショートカットキーを複数登録した「片手で操作するデバイス」のことです。     イラストを描いたりデザインをする場合「右手」にマウスを持って作業をしますが、「 ...

photoshopの画像と合成

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

2022/5/7  

  「画像の合成」とは、複数の画像やその一部を組み合わせて一つの画像を作ることです。   画像の合成方法には様々なものがありますが、今回は切り抜いた画像を別の画像に合成する方法につ ...

プロトタイプの作り方

【Adobe XD】ボタンにリンクを設定!プロトタイプの使い方を初心者向けに徹底解説!

2022/5/5  

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

gifアニメ_アイキャッチ

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

2022/5/5  

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

foreach文

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

2022/4/16    

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

if文

【javascript】条件分岐のif文について初心者向けに徹底解説!

2022/5/5    

  今回は、javascriptの制御構文の一つである「if文」について初心者向けにやさしく解説します。   if文を使用することで、通常であれば上から下に処理をするプログラムを ...

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

2022/4/9    

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

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

2022/5/5  

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

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

2022/5/5  

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

選択とマスク

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

2022/5/5  

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