【デザインの種類と用途】求められるデザインスキルの違いとは
デザインの用途によって、求められるデザインスキルが異なることをご存知ですか？ デザインと言っても幅広く、それぞれの用途に応じたデザインスキルが求められます。そのため、各分野ごとに専門のデザイナーが存在しています。 今回は、デザインの種類を紹介します。 Webデザイン Webデザインは、Web上でディスプレイ表示するデザイン全般のことを指します。 主なWebデザインは、 ・Webサイト（ホームページ […]
【jQuery】Formを使用時のデータ送信はserialize()関数とserializeArray()関数がおススメ！！
- 2024.11.06
- 62 View
はじめに jQueryのserialize()とserializeArray()関数は、フォームデータを操作する際に非常に便利です。それぞれの関数について、詳細な説明と実際の使用例を解説します。 jQuery serialize() serialize()メソッドは、フォーム要素のデータをURLエンコードされた文字列として取得します。これにより、フォームデータをサーバーに送信するためのクエリ文字列 […]
【色の3属性】「HSV(HSB)」とは
皆さんは、「色の3属性」をご存知ですか？ 以前こちらの記事でご紹介した「RGB」「CMYK」と合わせて覚えておくととても役立つ知識なので、今回は色の3属性「HSV(HSB)」についてご紹介します。 色の3属性とは すべての色は3つの属性によって表現されます。 色の三属性は「色相」「明度」「彩度」です。 色相:色み 明度:色の明るさ 彩度:色の鮮やかさ これら3つの属性を組み合わせることで、あらゆる […]
【Javascript】Choices.jsのひらがな・カタカタ・漢字でのフィルタリング機能をカスタマイズしてみた
- 2024.09.30
- 127 View
はじめに selectに検索機能を追加する際に使用される『choices.js』ですが、 使用しているさなかフィルタリングにて期待通りの結果にならなかった事があり、 そのカスタマイズした内容を自分自身の覚書として記事にしました。 開発環境 choices 11.0.2 jQuery 3.4.1 期待値と現状 ひらがな・カタカナ・漢字で選択候補をフィルタリングした際、 2文字以上の検索ワードを入力し […]
【レイアウトのポイント】成功の鍵となる5つのポイント
- 2024.09.25
- レイアウト
- 100 View
デザインにおいて情報の伝わりやすさや見た目に大きく影響する重要な要素、レイアウト。 以前こちらの記事でデザインの4原則をご紹介しましたが、今回はレイアウトを整える際に成功の鍵となる5つのポイントをご紹介します。 目線の動きに沿う 人が自然と目を動かす方向を理解することは、効果的なレイアウト設計のために不可欠です。 一般的に、人は縦書きの場合は「N型」、横書きの場合は「Z型」の動きに沿って情報を取り […]
【色の表現方法】「RGB」「CMYK」の違いとは
モニターで見ている画面や作成したデザインが思うようなカラーで印刷できないことや、同じデザインなのにモニターと印刷物で色が違うと感じることはありませんか？ それは、色の表現の仕組みが異なるからです。 今回は、色の表現方法「RGB」「CMYK」についてご紹介します。 RGB RGBは、光の三原色と呼ばれる「赤（Red）」「緑(Green)」「青(Blue)」の3色で色を表現します。 この3つの光を重ね […]
【PHP】in_array()を使用するべきか？isset()を使用するべきか？
- 2024.08.30
- 135 View
はじめに 配列や変数の値をチェックするための便利な関数がいくつも用意されています。 その中でもよく使われるのがin_array()とisset()です。 この2つの関数を比較し、どのような場面でどちらを使うべきかを解説します。 in_array()とは？ in_array()は、指定した値が配列の中に存在するかどうかをチェックするための関数です。 構文 in_array(mixed $needle […]
2024年7月の学習内容
- 2024.08.07
- 187 View
7月中の業務で学習した内容です。 HRで費用対効果ページを更新していましたが、過去分の投稿を確認して存在したら出力に含めないという処理がありました。 post_parentという項目に事前に存在していたらそのIDを付与するようにして、そこを確認する事でクエリを使用せずに済み、処理高速化する事が出来ました。
【PHP】for文でのcount()関数の記載位置で変わること
- 2024.08.05
- 134 View
はじめに for文を使用する際、配列に格納されている要素数分だけ処理を実行したい場合、 下記の書き方をよく見かけるかと思いますが、実はこの書き方にはデメリットがあります。 今回は、下記の書き方が産むデメリットと解決策について解説していきます。 コード $fruits = ['apple','orange','banana','lemon']; for ($i=0; $i < count($f […]
【効果的な図形の使い方】図形が与える心理的効果とは
- 2024.07.29
- 図形
- 197 View
以前、色の持つイメージが人の心理に与える効果についてご紹介しました。 今回は、デザインの基本となる図形が与える印象をご紹介します。 デザインを制作する際に、参考にしてください。 図形の持つイメージと心理的効果 みなさんは、丸・三角・四角それぞれの形にどのようなイメージをお持ちですか？ デザインの基本となるこれらの形が与える印象を理解することは、効果的なデザイン作成に役立ちます。 今回は、代表的な「 […]