「ユーザーにとって使いやすく満足度の高いサービス」として提供するためのデザイン、UI/UXデザインをご存知ですか。今回は、UI/UXデザインを作成する際に利用するデザインツール、Figmaをご紹介します。 Figmaとは？ Figmaとは、ブラウザ上で簡単にデザインを作成できるツールです。ブラウザさえ起動できれば、場所を選ばずにデザイン作成ができるため、利便性が高くチーム体制での作業にも向いていま […]
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 […]
PHPでデバックログを出力する際によく使用されるのが、下記の3つの関数です。 print_r関数 var_dump関数 var_export関数 上記の関数でも問題なく表示できますが、ページ上に表示されるため状況によっては見にくい場合があります。 そこで1つの解決策として、JavaScriptで使用できるブラウザのディベロッパーツールのコンソールに表示できる[console.log]をPHPで使用 […]
デザインの仕事をする上で欠かせない、Adobe PhotoshopとAdobe Illustrator。 よく比較される2つですが、「名前は聞いたことがあるけど何が違うの？」と疑問に 思う方も多いのではないでしょうか。 今回は、この2つの違いと使い分けについてご紹介していきます。 PhotoshopとIllustratorの違い PhotoshopとIllustratorの大きな違いは、データ形式 […]
PHPのforeachを使用したとき、最初だけこの処理をしたい！！最後だけこの処理がしたい！！という場面に遭遇することがあると思います。 その際に、本記事で解決に繋がれば幸いです。 PHPのバージョンにより実装方法が異なりますので2パターンとあまり推奨できませんが2パターンの計4パターンの方法を記載します。 PHP 7.3以降 PHPのバージョンが7.3以降の実装はこちらになります。 array_ […]
１月中の業務で学習した内容です。 datatablesをGraphQL結果から制御 PythonでPDF出力ライブラリを使用 PHPからPDF出力を行う PHPからExcel操作を行う ①datatablesをGraphQL結果から制御 去年からdatatables一覧ページを作成しており、GraphQLでdatatablesの設定項目を持つデータを取得しその設定項目によって、datatables […]
色が心理的効果を与えていることを、ご存知でしょうか。 色の持つイメージが人の心理に与える効果は、色彩心理学の一つです。 数々の研究によって報告されている色の持つイメージと心理的効果は、 様々なシーンで活用されています。 ここでは、代表的な5色のイメージと心理的効果についてご紹介します。 デザインを制作する際に、参考にしてみてください。 色の持つイメージ 色には特有のイメージや心理的効果があると言わ […]
