条件分岐処理について プログラミングを行っていく上で避けては通れないのが条件分岐処理になります。 条件分岐処理とは、○○が正しいときは□□を行う、△△が異なるときは××を行うとういような条件に一致・不一致で処理を分岐させることを指します。 その条件分岐処理の代表的なのがif(イフ)文とswitch(スイッチ)文になります。 if(イフ)文について 上から順番に条件判定を行っていき、条件が一致した場 […]
「ユーザーにとって使いやすく満足度の高いサービス」として提供するためのデザイン、UI/UXデザインをご存知ですか。今回は、UI/UXデザインを作成する際に利用するデザインツール、Figmaをご紹介します。 Figmaとは？ Figmaとは、ブラウザ上で簡単にデザインを作成できるツールです。ブラウザさえ起動できれば、場所を選ばずにデザイン作成ができるため、利便性が高くチーム体制での作業にも向いていま […]
3月中の業務で学習した内容です。 jQueryでPDF出力を行う際に、機種依存文字がうまく表示されない件 カスタムテーブルについて ①PDF出力したスタッフ名の内、機種依存文字が含まれる方 例 : 「髙」が「・」として表示されていました。 GenshinGoshicというフォントでは対応しておらず、ipagという別のフォントに変更し試したところ、正常に表示される事を確認しました。 フォントによって […]
in_array関数について 配列の中に特定の値が含まれているか調査するための関数です。この関数は指定した値が配列内に含まれている場合は真(true)を、含まれていない場合は偽(false)を返します。 基本的な使い方 下記のように、in_array関数はPHPで配列に関係する実装をする際に非常に便利な関数です。 コード $prefecture = ['北海道', '東京', '愛知', '大阪' […]
4つの基本を守るだけで、見た目も読みやすさも向上するデザイン基本原則をご存知ですか。今回は、デザインをするうえで知っていると、とても役に立つデザインの4原則をご紹介します。 デザインの4原則とは？ 「デザインの4原則」は、デザインの要素を整理し、わかりやすく伝えるための4つの基本、「近接」「整列」「反復」「対比」からなります。 近接 近接は、関連する要素同士を近づけてグループ化することです。 例え […]
Webデザイナーの仕事で、切っても切り離せないスキルの1つ「コーディング」。 Webデザイナーを目指すうえで多くの人が、コーディングスキルは必要なのかという疑問を抱くと思います。 今回は、「コーディングとはどのようなものか」「Webデザイナーがコーディングスキルを身につけるメリット」をご紹介します。 コーディングとは？ コンピュータの世界では、コーディングは設計書をもとに、コンピュータが理解できる […]
静的要素にイベントを登録する場合 静的要素の場合、下記のようにHTMLとjQueryを記載しイベント(クリックイベント)を登録します。 HTML <body> <div id="elem_1">CLICK</div> </body> jQuery &nbs […]
２月中の業務で学習した内容です。 クエリのJOINでクロスジョインが発生 クエリのJOINでLEFTJOIN高速化について ①クエリのJOINでクロスジョインが発生 クエリは以前より使用した事があり、LEFT OUTER JOINを使用し、紐づけていました。 今回のケースではLEFTJOINをしても、クロスジョインという現象がされてしまうという事を初めて知りました。（クロスジョイン自体が初です。） […]
PHPでデバックログを出力する際によく使用されるのが、下記の3つの関数です。 print_r関数 var_dump関数 var_export関数 上記の関数でも問題なく表示できますが、ページ上に表示されるため状況によっては見にくい場合があります。 そこで1つの解決策として、JavaScriptで使用できるブラウザのディベロッパーツールのコンソールに表示できる[console.log]をPHPで使用 […]
デザインの仕事をする上で欠かせない、Adobe PhotoshopとAdobe Illustrator。 よく比較される2つですが、「名前は聞いたことがあるけど何が違うの？」と疑問に 思う方も多いのではないでしょうか。 今回は、この2つの違いと使い分けについてご紹介していきます。 PhotoshopとIllustratorの違い PhotoshopとIllustratorの大きな違いは、データ形式 […]
