欲しかった情報をいち早くキャッチ♪情報発信サイト「アドバンティアJ」
はじめに 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 […]
7月中の業務で学習した内容です。 HRで費用対効果ページを更新していましたが、過去分の投稿を確認して存在したら出力に含めないという処理がありました。 post_parentという項目に事前に存在していたらそのIDを付与するようにして、そこを確認する事でクエリを使用せずに済み、処理高速化する事が出来ました。
はじめに for文を使用する際、配列に格納されている要素数分だけ処理を実行したい場合、 下記の書き方をよく見かけるかと思いますが、実はこの書き方にはデメリットがあります。 今回は、下記の書き方が産むデメリットと解決策について解説していきます。 コード $fruits = ['apple','orange','banana','lemon']; for ($i=0; $i < count($f […]
以前、色の持つイメージが人の心理に与える効果についてご紹介しました。 今回は、デザインの基本となる図形が与える印象をご紹介します。 デザインを制作する際に、参考にしてください。 図形の持つイメージと心理的効果 みなさんは、丸・三角・四角それぞれの形にどのようなイメージをお持ちですか？ デザインの基本となるこれらの形が与える印象を理解することは、効果的なデザイン作成に役立ちます。 今回は、代表的な「 […]
以前こちらの記事で、色の持つイメージが人の心理に与える効果についてご紹介しました。代表的な5色のイメージと心理的効果をご紹介しましたが、今回は他の色のイメージと心理的効果をご紹介します。デザインする際に、参考にしてみてください。 色の持つイメージと心理的効果 色には特有のイメージや心理的効果があるといわれており、これらをコーポレートカラーや商品のイメージ戦略、webサイトなどに活用することで、人の […]
条件分岐処理について プログラミングを行っていく上で避けては通れないのが条件分岐処理になります。 条件分岐処理とは、○○が正しいときは□□を行う、△△が異なるときは××を行うとういような条件に一致・不一致で処理を分岐させることを指します。 その条件分岐処理の代表的なのがif(イフ)文とswitch(スイッチ)文になります。 if(イフ)文について 上から順番に条件判定を行っていき、条件が一致した場 […]
「ユーザーにとって使いやすく満足度の高いサービス」として提供するためのデザイン、UI/UXデザインをご存知ですか。今回は、UI/UXデザインを作成する際に利用するデザインツール、Figmaをご紹介します。 Figmaとは？ Figmaとは、ブラウザ上で簡単にデザインを作成できるツールです。ブラウザさえ起動できれば、場所を選ばずにデザイン作成ができるため、利便性が高くチーム体制での作業にも向いていま […]
