はじめに jQueryのserialize()とserializeArray()関数は、フォームデータを操作する際に非常に便利です。それぞれの関数について、詳細な説明と実際の使用例を解説します。 jQuery serialize() serialize()メソッドは、フォーム要素のデータをURLエンコードされた文字列として取得します。これにより、フォームデータをサーバーに送信するためのクエリ文字列 […]
皆さんは、「色の3属性」をご存知ですか？ 以前こちらの記事でご紹介した「RGB」「CMYK」と合わせて覚えておくととても役立つ知識なので、今回は色の3属性「HSV(HSB)」についてご紹介します。 色の3属性とは すべての色は3つの属性によって表現されます。 色の三属性は「色相」「明度」「彩度」です。 色相:色み 明度:色の明るさ 彩度:色の鮮やかさ これら3つの属性を組み合わせることで、あらゆる […]
はじめに selectに検索機能を追加する際に使用される『choices.js』ですが、 使用しているさなかフィルタリングにて期待通りの結果にならなかった事があり、 そのカスタマイズした内容を自分自身の覚書として記事にしました。 開発環境 choices 11.0.2 jQuery 3.4.1 期待値と現状 ひらがな・カタカナ・漢字で選択候補をフィルタリングした際、 2文字以上の検索ワードを入力し […]
デザインにおいて情報の伝わりやすさや見た目に大きく影響する重要な要素、レイアウト。 以前こちらの記事でデザインの4原則をご紹介しましたが、今回はレイアウトを整える際に成功の鍵となる5つのポイントをご紹介します。 目線の動きに沿う 人が自然と目を動かす方向を理解することは、効果的なレイアウト設計のために不可欠です。 一般的に、人は縦書きの場合は「N型」、横書きの場合は「Z型」の動きに沿って情報を取り […]
モニターで見ている画面や作成したデザインが思うようなカラーで印刷できないことや、同じデザインなのにモニターと印刷物で色が違うと感じることはありませんか？ それは、色の表現の仕組みが異なるからです。 今回は、色の表現方法「RGB」「CMYK」についてご紹介します。 RGB RGBは、光の三原色と呼ばれる「赤（Red）」「緑(Green)」「青(Blue)」の3色で色を表現します。 この3つの光を重ね […]
はじめに 配列や変数の値をチェックするための便利な関数がいくつも用意されています。 その中でもよく使われるのがin_array()とisset()です。 この2つの関数を比較し、どのような場面でどちらを使うべきかを解説します。 in_array()とは？ in_array()は、指定した値が配列の中に存在するかどうかをチェックするための関数です。 構文 in_array(mixed $needle […]
はじめに for文を使用する際、配列に格納されている要素数分だけ処理を実行したい場合、 下記の書き方をよく見かけるかと思いますが、実はこの書き方にはデメリットがあります。 今回は、下記の書き方が産むデメリットと解決策について解説していきます。 コード $fruits = ['apple','orange','banana','lemon']; for ($i=0; $i < count($f […]
以前、色の持つイメージが人の心理に与える効果についてご紹介しました。 今回は、デザインの基本となる図形が与える印象をご紹介します。 デザインを制作する際に、参考にしてください。 図形の持つイメージと心理的効果 みなさんは、丸・三角・四角それぞれの形にどのようなイメージをお持ちですか？ デザインの基本となるこれらの形が与える印象を理解することは、効果的なデザイン作成に役立ちます。 今回は、代表的な「 […]
以前こちらの記事で、色の持つイメージが人の心理に与える効果についてご紹介しました。代表的な5色のイメージと心理的効果をご紹介しましたが、今回は他の色のイメージと心理的効果をご紹介します。デザインする際に、参考にしてみてください。 色の持つイメージと心理的効果 色には特有のイメージや心理的効果があるといわれており、これらをコーポレートカラーや商品のイメージ戦略、webサイトなどに活用することで、人の […]
条件分岐処理について プログラミングを行っていく上で避けては通れないのが条件分岐処理になります。 条件分岐処理とは、○○が正しいときは□□を行う、△△が異なるときは××を行うとういような条件に一致・不一致で処理を分岐させることを指します。 その条件分岐処理の代表的なのがif(イフ)文とswitch(スイッチ)文になります。 if(イフ)文について 上から順番に条件判定を行っていき、条件が一致した場 […]
