絞り込み条件を変更する
検索条件を絞り込む

すべてのカテゴリ

41 件中 1 - 41 件表示
カバー画像

色のユニバーサルデザインについて学習しました!

色のユニバーサルデザインとは?「ユニバーサル(Universal)」には、「普遍的な」「すべての人に共通する」という意味があります。色のユニバーサルデザインとは、色覚の多様性を考慮し、できるだけ多くの人に正しく情報が伝わるように配色やデザインを行う考え方です。色覚特性とは?色の識別に関わる個性のことを色覚特性と呼びます。私たちは普段、「目立たせたいから赤色を使おう」と考えがちですが、すべての人にとって赤色が目立つとは限りません。見る人によって色の見え方には違いがあるため、色だけで情報を伝えない工夫が大切になります。遺伝による色覚特性遺伝によって特定の色を区別しづらい色覚特性を持つ人は少なくありません。日本国内では約300万人以上いるとされており、決して珍しいことではありません。また、人種によって割合は異なり、白人男性では約6〜8%とされています。なぜ色の区別が難しくなるの?私たちの目には、L錐体(赤系)M錐体(緑系)S錐体(青系)の3種類の錐体があります。遺伝による色覚特性では、このうち1つ以上の錐体が存在しない、または正常に機能しない場合があります。そのため、多くの人には異なる色として見える色同士が、似た色に見えて区別しづらくなるのです。学んだことホームページや資料を作成するときは、🔴「赤だから目立つ」🟢「緑だからわかりやすい」と決めつけるのではなく、文字を入れるアイコンを使うコントラストを確保するなど、色だけに頼らない工夫も大切だと感じました。より多くの人に伝わるデザインを目指したいですね✨本日はここまで!
0
カバー画像

色彩検定|色の対比現象とは?周りの色で見え方が変わる不思議な現象

こんにちは!今回は色彩検定でも重要な「色の対比現象」についてまとめます。同じ色でも、周りの色が違うだけで明るく見えたり暗く見えたりすることがあります。これは私たちの目が色を「単独」ではなく、「周囲との関係」で認識しているためです。色の対比現象とは?色の対比現象とは、周囲の色の影響によって、同じ色でも違って見える現象のことです。Webデザインやインテリア、ファッションなど、色を扱うあらゆる場面で活用されています。明度対比背景の明るさによって、同じ色でも明るく見えたり暗く見えたりする現象です。例えば、黒い背景では灰色が明るく見える白い背景では同じ灰色が暗く見えるという現象が起こります。色相対比周囲の色の影響で、本来の色とは少し違う色味に見える現象です。例えば、赤の隣では灰色が少し緑っぽく見える青の隣では灰色が少し黄色っぽく見える補色の影響を受けることで起こります。彩度対比周囲の色の鮮やかさによって、色の鮮やかさが変化して見える現象です。例えば、鮮やかな赤の隣では灰色がより地味に見える落ち着いた色の隣では同じ赤がより鮮やかに見えるという特徴があります。デザインでも大切ホームページ制作でも対比現象はとても重要です。例えば、ボタンを目立たせる文字を読みやすくする写真をきれいに見せる強調したい部分を目立たせるなど、配色を考える際に欠かせない知識です。まとめ色は単独で見えるものではなく、周囲の色との組み合わせによって印象が大きく変わります。色彩検定では、こうした対比現象の特徴を理解しておくことが大切です。デザイン制作でも活かせる知識なので、今後も少しずつ学んでいきたいと思います✨
0
カバー画像

色彩検定|目の構造と「見る」しくみを理解しよう

今日は色彩検定で学習した「目の構造とそれぞれの役割」についてまとめます👀✨昨日の続きです!■ 黄斑(おうはん)網膜の中心部分で、血液が多く集まっている場所です。瞳孔側から見ると、丸く少し濃く見えます。■ 中心窩(ちゅうしんか)黄斑のさらに中心にある小さなくぼみ部分。視細胞が非常に高密度に集まっており、網膜の中でも最も解像度が高く、色や形をはっきり見ることができます。■ 網膜(もうまく)目に入った光の像を結ぶ部分です。視細胞をはじめ、さまざまな神経細胞で構成されています。■ 視神経(ししんけい)網膜で受け取った情報を、脳へ伝える神経です。私たちは脳で情報を処理することで「見えている」と認識します。■ 視神経乳頭(ししんけいにゅうとう)視神経の束が眼球の外へ出ていく部分。ここには視細胞が存在しないため、像が映っても見ることができません。(盲点とも呼ばれます)■ 強膜(きょうまく)いわゆる「白目」の部分。眼球の一番外側にあり、硬い殻のように目を守っています。■ 脈絡膜(みゃくらくまく)眼球の真ん中の層。血管が多く通っており、眼球全体へ栄養を届けています。眼球は「強膜 → 脈絡膜 → 網膜」という三層構造になっています。■ 毛様体(もうようたい)水晶体の厚みを調整する役割があります。毛様体筋が毛様小帯の緊張を変化させることで、ピント調整ができるようになります。目の構造はかなり複雑ですが、それぞれが役割分担しながら「色」や「形」を認識できるようになっているんですね…!👀✨
0
カバー画像

【色彩検定】色は「面積」で印象が変わる?面積効果を知ろう!

今日は色彩検定で学ぶ「面積効果(面積の効果)」についてまとめます。同じ色でも、「どれくらいの面積で使うか」によって、見え方や印象は大きく変わります。例えば、鮮やかな赤。ワンポイントで使うとアクセントになってオシャレな印象ですが、画面いっぱいに赤を使うと、とても強く刺激的な印象になります。逆に、落ち着いたグレーでも、大きな面積で使うことで上品で洗練された雰囲気を演出できます。Webデザインでも、この考え方はとても重要です。例えばホームページでは、背景色(ベースカラー)メインカラーボタンや見出しのアクセントカラーというように、色の役割と面積を意識して配色することで、見やすくバランスの良いデザインになります。「好きな色をたくさん使う」のではなく、どの色を、どのくらいの面積で使うかを考えることが、伝わるデザインへの第一歩です。色彩検定では色そのものだけでなく、このような「色の使い方」まで学べるので、Web制作やバナー制作、チラシ作成などにもすぐ活かせる知識ばかりです。これからも、実際のデザイン制作と結び付けながら学習を続けていきたいと思います😊今日の学び💡✅ 同じ色でも面積が変わると印象が変わる✅ 大きな面積ほど色の印象は強くなる✅ 配色は「色」だけでなく「面積のバランス」も重要✅ Webデザインでも背景・メイン・アクセントの役割を意識すると見やすくなる
0
カバー画像

【色彩検定1級】照明が変わっても同じ色に見える?「色の恒常性」とは

こんにちは!今回は色彩検定1級の内容から**「色の恒常性(しきのこうじょうせい)」**についてご紹介します。普段、私たちは朝・昼・夜など照明の色が変わっても、リンゴは赤、バナナは黄色だと認識していますよね。実はこれには、人間の目と脳の働きが関係しています。色の恒常性とは?色の恒常性とは、光の色が変わっても、物体の色をほぼ一定に感じる現象のことです。例えば…朝の太陽光昼間の自然光オレンジ色の電球白色LEDこれらはそれぞれ光の色が異なります。本来ならリンゴの反射する光も変化していますが、私たちの脳は周囲の光を補正し、「リンゴは赤いもの」と判断しています。身近な例スーパーで見たお肉スーパーでは少し暖かみのある照明が使われていることがあります。照明の影響で実際よりも鮮やかで美味しそうに見えることがありますが、私たちの脳はある程度補正して色を認識しています。洋服選びお店では素敵に見えた服が、家に帰って自然光で見ると「あれ?思っていた色と違う…」と感じた経験はありませんか?これは照明環境が変わったことで、色の見え方が変化したためです。スマートフォンの写真スマホで撮影すると、室内では黄色っぽく、曇りの日は青っぽく写ることがあります。カメラは自動で補正していますが、人間の目ほど完璧ではありません。色の恒常性が崩れることもある色の恒常性は万能ではありません。例えば…周囲に強い色の光がある暗い場所特殊な照明色付きのLEDこのような環境では、本来の色と違って見えることがあります。色彩検定1級のポイント覚えておきたいポイントは、「照明が変わっても、物体の色をほぼ一定に知覚する人間の視覚の働き」これが色
0
カバー画像

【色彩検定】生活環境での景観色彩設計とは?戸建て住宅の色選びで大切なポイント

こんにちは!今回は、色彩検定の学習内容から**「生活環境での景観色彩設計」**についてまとめます。建物の色は「好きな色を選べば良い」というわけではありません。実は、街並み全体との調和を考えることがとても大切です。景観色彩設計とは?景観色彩設計とは、建物や街並みの色彩を計画し、周囲との調和や暮らしやすさを考えながら色を決めていくことです。住宅だけでなく、街全体の印象にも大きく影響するため、色彩設計は重要な役割を持っています。戸建て住宅の色彩設計で配慮すること住宅の色を考えるときは、建物単体だけを見るのではなく、周囲とのバランスを考えることが大切です。例えば、周辺の住宅との調和自然環境とのなじみ街並み全体の統一感季節や光による見え方など、さまざまな要素を考慮して色を決めます。色彩設計の対象になる場所色彩設計では、主に次の2つの領域を対象として考えます。公的領域道路や公園など、多くの人が利用する公共空間です。境界領域住宅の外壁や門、フェンス、植栽など、私有地と公共空間の境界部分です。この境界部分の色づかいが、街並みの印象を大きく左右します。「図」と「地」の考え方住宅は一般的に「図(主役)」として考えられます。しかし景観色彩設計では、住宅も街並みという「地(背景)」をつくる一部として考えることが基本です。周囲に自然となじむ色を選ぶことで、草花樹木交通標識案内サインなど、小さな「図」が見やすくなります。その結果、街全体が落ち着き、心地よい景観につながります。戸建て住宅の色彩設計プロセス色彩設計は、次の流れで進められます。① 条件の把握建物の用途や地域のルールなどを確認します。② 環境調査
0
カバー画像

色の心理効果とは?暮らしやデザインにも活かせる色彩の力

こんにちは!本日は**「色の心理効果」**について学びました。私たちは普段、何気なく色を見ていますが、実は色には人の気持ちや行動に影響を与える力があります。デザインやインテリアだけでなく、広告や店舗づくりなど様々な場面で活用されています。色が与える心理的な印象🔴 赤情熱・活力・興奮食欲を高める効果注意を引きたい場面によく使われる飲食店やセールの広告などでもよく見かけます。🔵 青信頼・誠実・冷静集中力を高める爽やかで清潔感を与える企業のロゴや病院・医療関係のデザインにも多く使われています。🟢 緑安心・自然・癒しリラックス効果疲れを和らげる印象医療・福祉・観葉植物・エコ関連などでよく使われます。🟡 黄色明るさ・希望・楽しさ注意を引く色子ども向けのデザインにも人気見やすさが高く、案内表示にもよく使われています。⚫ 黒高級感重厚感力強さブランドや高級商品のデザインでよく見かけます。⚪ 白清潔感シンプル純粋さ余白を活かしたデザインでは欠かせない色です。Webデザインにも活かせるホームページを制作するときも、ターゲットに合わせて色を選ぶことが大切です。例えば、医療 → 青・緑カフェ → 茶色・ベージュ不動産 → 緑・ネイビー子ども向け → 黄色・オレンジこのように色を選ぶだけでも、見る人の印象は大きく変わります。今日の学び色は「見た目をきれいにするもの」ではなく、人の感情や行動にも影響を与える大切な要素だということを改めて学びました。これからホームページを制作するときも、伝えたいイメージに合った色選びを意識していきたいと思います。
0
カバー画像

景観色彩の基礎知識

今日は昨日に続き、景観色彩の基礎知識について学びました。景観色彩とは、建物や道路などの人工的なものだけでなく、樹木や空、土などの自然が一体となってつくり出す街並み全体の色彩のことです。景観色彩には、次の5つの特徴があります。① 人工要素と自然要素の色彩が共存している建物や道路、橋などの人工要素と、樹木や草花、空や水辺などの自然要素は、お互いの色彩のバランスを取りながら景観をつくっています。② ライフサイクルの長い色彩である建物や橋などは一度造られると長い年月その場所に存在し続けます。そのため、流行だけで色を決めるのではなく、長期的な視点で景観との調和を考えることが大切です。③ 季節や時間帯によって見え方が変わる景観色彩は、朝・昼・夕方など時間帯による太陽光の違いや、春夏秋冬の季節によって印象が大きく変わります。例えば、同じ建物でも夕日に照らされると暖かみのある色に見えたり、曇りの日には落ち着いた印象になったりします。④ 人工要素は色彩の面積が大きい建物の外壁や道路、橋などは面積が大きいため、街全体の印象に大きな影響を与えます。そのため、一つひとつの色選びが景観全体の雰囲気を左右します。⑤ 自然要素には変化する色と変化しない色がある自然の色には、季節によって変化するものと、年間を通してあまり変わらないものがあります。例えば、常緑樹…一年中緑を保つ落葉樹…四季によって葉の色が変化する花や実…季節ごとに色鮮やかな景観をつくる土や石…年間を通して景観の基調色となるこのような自然の変化も景観色彩の大切な要素です。今日学んで感じたこと景観色彩は「色」だけを考えるのではなく、時間・季節・自然
0
カバー画像

景観色彩の考え方について

今日は**「景観色彩」**について学びました!景観とは、建物や道路、橋などの人工要素と、樹木・土・海・川などの自然要素が組み合わさってできる、屋外環境全体の眺めのことを指します。私たちが普段何気なく見ている街並みも、実はさまざまな要素が調和してできています✨さらに、景観を構成するのは建物や自然だけではありません。お祭りイベント人々の活動こうした「人の動き」も景観の一部として考えられています。景観法について日本では2004年に景観法が制定されました。実は、個人や企業が所有している住宅や建物でも、外観は街並みを構成する大切な要素です。そのため、景観色彩の対象となるのは建物だけではなく、屋外広告物街路灯ガードレール街路樹庭先に植えられた木など、街の「眺め」をつくるものすべてが含まれます。景観色彩で大切なこと景観色彩では、自分だけの個性を強く主張することよりも、✅ 周囲との色調を調和させること✅ 全体のバランスを考えることがとても重要です。街全体が調和することで、居心地の良い景観や、美しい街並みが生まれることを学びました😊デザインを考える際も、一つの建物だけを見るのではなく、周囲とのバランスを意識することが大切だと感じました!
0
カバー画像

本日の学習ブログ|住空間のカラーコーディネーションを学びました!

本日は**「住空間のカラーコーディネーション」**について学習しました。Webデザインだけでなく、インテリアデザインでも色はとても重要な役割を持っています。色の使い方ひとつで、居心地の良さや使いやすさ、空間の印象が大きく変わることを学びました。インテリアの色彩は4つの考え方が基本住まいの色彩計画は、次の4つの視点から考えることが基本になります。① 生活を包む色彩住む人が毎日過ごす空間だからこそ、落ち着きや安心感を与える色選びが大切です。② 目的や用途に応じた色彩部屋の役割によって適した色は異なります。例えば、集中したい部屋やリラックスしたい部屋など、用途に合わせて配色を考えます。③ 住むための色彩見た目の美しさだけではなく、生活しやすさや快適性も考慮した色彩計画が重要です。④ 利用者に応じた色彩子どもや高齢者など、利用する人に合わせて見やすさや安全性にも配慮した色選びが求められます。空間のゾーニングと配色のポイント住宅は用途ごとに大きく3つの空間に分けられます。1. パブリック空間家族や来客が利用する共有スペースです。玄関廊下・階段リビングルームダイニングルーム和室明るく清潔感があり、誰でも心地よく過ごせる配色が向いています。2. プライベート空間個人がゆっくり過ごすための空間です。ベッドルーム子ども部屋リラックスできる色や、利用する人の年齢・好みに合わせた色使いが大切になります。3. サービス空間生活を支える機能的な空間です。キッチンバスルーム洗面所トイレ清潔感や明るさを感じられる色を取り入れることで、快適で使いやすい空間になります。今日の学び色は「好きな色を選ぶ」だけではな
0
カバー画像

色はどうやって作られる?混色について学習しました🎨

本日の学習|混色について🎨本日は色彩検定の学習で「混色(こんしょく)」について学びました!2色以上の色を混ぜ合わせて、別の色を作ることを「混色」と呼びます。また、混色のもとになる色は「原色」と呼ばれています✨混色は大きく分けると、加法混色減法混色の2種類があります。それぞれ使用する原色が異なっているのも特徴です!加法混色(RGB)加法混色は、光を重ねて色を作る方法です💡原色はRed(赤)Green(緑)Blue(青)のRGB!Webデザインやモニター表示など、スマホ・PC画面で使われている色の仕組みになります✨減法混色(CMY)減法混色は、インクなどを混ぜて色を作る方法です!原色はCyan(シアン)Magenta(マゼンタ)Yellow(イエロー)のCMY!印刷物などで使用される混色方法になります🖨️同時加法混色2つのライトを重ね合わせると、重なった部分は元の色より明るい別の色になります。このような「色光による混色」を同時加法混色と呼ぶそうです✨今日は少しだけの学習でしたが、Webデザインにも関わる内容だったのでとても面白かったです☺️
0
カバー画像

地域の気候風土と景観色彩

今日は昨日に続き、**「地域の気候風土と景観色彩」**について学びました。海外旅行で見かけた美しい街並みを、日本の期間限定イベントなどで再現しているのを見て、「なんとなく違和感があるな」と感じたことはありませんか?実は、その理由には地域の気候風土が深く関係しています。街並みの色には、その土地で昔から使われてきた石や木材、土などの自然素材が多く使われています。それらの素材の色が、その地域の景観をつくる基調色となり、街全体の雰囲気を形づくっています。そのため、気候や自然環境が異なる場所で、色だけを真似しても同じ印象にはなりません。例えば、ヨーロッパの石造りの街並みの色彩をそのまま日本で再現しても、建物の素材や周囲の自然環境が違うため、どこか不自然に感じてしまうことがあります。つまり、**「地域には地域の色がある」**という考え方が、景観色彩を考えるうえでの基本原則です。景観色彩では、美しい色を取り入れることだけでなく、その地域の歴史や文化、自然環境との調和を考えることがとても大切だと学びました。Webデザインでも同じように、デザイン単体だけを見るのではなく、利用する人や周囲とのバランスを考えることが、より良いデザインにつながると感じました😊
0
カバー画像

【HTML/CSS】デザインカンプをもとに店舗紹介ページを制作しました!

本日は、現在制作を進めているWebサイトの「店舗紹介」セクションをHTML・CSSでコーディングしました。今回は、デザインカンプをもとに、レイアウトや装飾を細かく再現することを意識して制作を進めました。実務を想定したコーディングを行いながら、HTMLの構造やCSSのレイアウト、画像の配置方法など、多くのことを学ぶことができました。今回制作した内容今回作成したのは、店舗の魅力が伝わる「店舗紹介」セクションです。✔ HTMLで構造を設計まずはHTMLでレイアウトを組みました。セクションタイトル左側の店舗内観写真右側の店舗外観・相談スペース吹き出し特徴カードデザインだけを見るとシンプルに見えますが、実際は見やすく保守しやすいHTML構造を考えながら作成しています。✔ CSSでデザインを再現CSSではデザインカンプに合わせて細かく調整しました。例えば…CSS Gridを使ったレイアウトFlexboxでアイコンと文字を横並びborder-radiusで写真の角丸position:absoluteで吹き出しを配置object-fitで画像サイズを調整transitionを使った画像アニメーション見た目だけでは分からない細かな調整もたくさん行いました。✔ 吹き出しを画像として重ねる今回のデザインでは吹き出しの形が特殊だったため、HTMLでは画像を配置し、CSSのposition: absolute;を利用して写真の上に重ねています。吹き出しの位置も何度も微調整しながら、デザインカンプに近づけました。✔ カードデザインも調整店舗の特徴を伝えるカードも制作しました。アイコンサイズ文字位置行間背景
0
カバー画像

配色の基本ルールについて学習しました!

配色の基本ルールについて学習しました!こんにちは🌸本日は色彩検定の学習で「配色の基本ルール」について勉強しました。ホームページやバナーを制作する中で、「なんとなく色を選ぶ」のではなく、「なぜその配色が良いのか」を説明できることはとても大切です。配色とは?配色とは、2色以上の色を組み合わせて新たな効果を生み出すことです。配色のルールを知ることで、感覚だけではなく客観的に色を判断できるようになります。その結果、目的に応じて色を使い分けられるようになり、より効果的なデザインにつながります。---配色の基本ルール配色を調和させるためには、**「統一」または「変化」**のどちらかを意識することが基本になります。 統一感を重視した配色色相に共通性がある配色です。* 同一色相配色* 隣接色相配色* 類似色相配色これらは全体にまとまりが生まれやすく、落ち着いた印象になります。---統一でも対照でもない配色色相にやや違いがある配色です。* 中差色相配色統一感と変化のバランスを取りやすい配色といえます。---変化を重視した配色色相に対照性がある配色です。* 対照色相配色* 補色色相配色コントラストが強くなり、目を引きやすい配色になります。バナーや広告など、注目を集めたい場面でよく使われます。色相差について色相を基準に配色を考えるときは、使う色同士の「色相差」に注目します。PCCSの色相環では、色相番号24と色相番号1は隣同士として考えるため、最大の色相差は12となります。また、色相差は* 時計回り* 反時計回りどちらで数えても問題ありません。配色を考えるときのポイント色相を基準に配色を考える場合、
0
カバー画像

白熱電球でも白い紙は白く見える?色順応と色の恒常性について学習しました!

本日の色彩検定の学習では、「色順応」と「色の恒常性」について勉強しました。色順応とは?例えば、白熱電球で照らされた部屋に入ると、最初は部屋全体が黄色や赤色っぽく感じられることがあります。しかし、しばらくその部屋にいると違和感がなくなり、自然な色に見えるようになります。これを色順応といいます。また、ピンク色のレンズが入ったサングラスをかけたときも同じです。かけた瞬間は景色全体がピンク色に見えますが、しばらくすると違和感がなくなり、普通に見えるようになります。これは網膜にある錐体が自動的に感度を調整し、自然な見え方になるよう補正しているためです。色の恒常性とは?次に「色の恒常性」です。例えば、自然光の下で白く見える紙があるとします。その紙を白熱電球で照らされた部屋へ持っていくと、本来は黄色っぽい光が当たっているため、紙も黄色っぽく見えるはずです。それでも私たちの脳は、「これは白い紙だ」と認識することができます。このように、周囲の照明環境が変化しても、対象物を同じ色として認識できる性質を色の恒常性と呼びます。色順応と色の恒常性の違い色順応 → 目(錐体)が環境に慣れる働き色の恒常性 → 脳が物体の色を一定に認識する働き似ているようで役割が異なるんですね!普段は意識していませんが、人の目と脳は常に協力しながら色を認識していることが分かりました✨本日はここまで!
0
カバー画像

【色彩検定の学習】目の仕組みをやさしく解説!色を見るための大切な構造とは?👀✨

本日は、色彩検定の学習で「目の仕組み」について勉強しました👀✨色を見るためには「光」だけでなく、その光を受け取る“目”の働きもとても重要です!今回は、目の基本的な構造について学習しました📚目の構造について水晶体目の中にあるレンズのような部分です。光を屈折させて、網膜にピントを合わせる役割があります。虹彩(こうさい)瞳孔の大きさを調整する部分。カメラでいう「絞り」のような役割があります📷瞳孔(どうこう)虹彩の中心にある円形の穴のこと。「瞳」とも呼ばれます。明るい場所では小さくなり、暗い場所では大きく開いて、入る光の量を調整しています✨角膜目の表面を覆っている透明な膜。光を屈折させて集める役割があります。毛様小帯(もうようしょうたい)水晶体の周囲を引っ張っている繊維の集まり。水晶体の厚みを変えて、ピント調整をサポートします!硝子体(しょうしたい)眼球の内部を満たしている、無色透明のゼリー状の物質です。目の形を保つ役割もあります👀まだまだ学ぶことはたくさんありますが、今日はここまで☺️普段何気なく見ている「色」も、目の複雑な仕組みのおかげで感じ取れているんだなあと実感しました✨
0
カバー画像

「光の反射と透過」について

本日は色彩検定の学習で、「光の反射と透過」について勉強しました!まず学んだのが【分光反射率曲線】について。これは、“物体に当たった光が、どの波長をどれくらい反射しているか”を表したグラフのことだそうです💡例えば赤い物体なら、赤い波長を多く反射しているため、私たちの目には赤く見えます🍎一方で、透明な物体は光を反射するというより、光を通す(透過する)性質があります。そのため、透明な物体の場合は【分光透過率曲線】という別のグラフで表されるそうです!また、本日は「反射」と「透過」にも種類があることを学びました。【反射の種類】・正反射(鏡面反射)・拡散反射鏡のようにツルツルした面は、入ってきた光を一定方向へ反射します。これを【正反射】と言い、“入射角と反射角が等しい”という特徴があります✨反対に、紙や石膏のように表面が細かく凸凹しているものは、光がさまざまな方向へ広がって反射します。これを【拡散反射】と言うそうです!【透過の種類】・正透過・拡散透過透明な窓ガラスのように、向こう側がはっきり見えるものは【正透過】。曇りガラスのように、光を通しながらぼんやり広げるものは【拡散透過】と呼ばれます✨普段何気なく見ている「ツヤ」や「透明感」にも、ちゃんと光の性質が関係しているのが面白いです☺️
0
カバー画像

WEB制作未経験の高校生が、WEBデザインを始めてみた②

こんにちは。今回も見てくださってありがとうございます。雨宮 綴(あまみや つづる)です。今回は、パソコンの環境づくりとHTMLの基本である、マークアップを学びました。パソコンの用意父のパソコンを借りて、WEBデザインをしています。お金がないので自分だけのパソコンを買うのは、まだまだ先になりそうです。貸してもらえてありがたいです😊ソフト?のインストールMicrosoft Visual Studio Codeをインストールしました。日本語に変更したら、すぐに使えました!しかし、立ち上げると、なぜかセットアップを要求されます。一度セットアップしたのに…(´;ω;`)これであっているのかわかりませんが、とりあえず使えています。もう少し色々調べてみます💦コードを書く基本的なコードを、お手本通りに書いてみました。なんとなく理解できました。難しくてすぐにやめてしまうかとも思いましたが、思った以上に楽しいです♪やりはじめると夢中になってしまいます!画像やリンク、連絡先の添付方法なども理解できました✨表を作るのは難しかったです…今回の学びHTMLの基本、マークアップを実践した😊書籍のPART1が終わったので、次はPART2CSSの学習に進みます。今回のブログは以上です。最後までお付き合いいただき、ありがとうございました!
0
カバー画像

色彩検定1級|色順応って何?目が環境に慣れる不思議な仕組み

今回は色彩検定1級の内容から 「色順応(しきじゅんのう)」 についてご紹介します。「部屋の照明が変わっても白い紙は白く見える」「暗い映画館に入ると、最初は何も見えなかったのに少しすると見えるようになる」このような現象は、私たちの目が環境に合わせて変化しているためです。色順応とは?色順応とは、周囲の光や色の環境に目が慣れ、色の見え方を自然に調整する働きのことです。私たちの目は、周囲の光の色が変わっても、できるだけ物の色を一定に見ようとしています。そのため、照明の色が違っても「白い紙は白い」と認識しやすくなっています。身近な例💡 電球色の部屋暖色系の照明がついた部屋では、実際には物が少しオレンジ色に照らされています。それでも、私たちは白い紙を「白」と認識できます。これは目が照明の色に順応しているからです。🌙 暗い場所に入ったとき映画館や夜道では、最初は周囲が暗く感じます。しかし数分すると目が暗さに慣れ、少しずつ周囲が見えるようになります。これも順応の働きの一つです。Webデザインでも役立つ知識色順応はWebデザインや写真編集にも活用されています。例えば、モニターごとの色の違いを考える明るい画面・暗い画面での見え方を確認するデザインの配色バランスを調整するこのように、閲覧環境を意識してデザインすることが大切です。まとめ色順応は、私たちの目が周囲の環境に合わせて色の見え方を調整する仕組みです。普段は意識することが少ない現象ですが、デザインや写真、照明など、さまざまな場面で活用されています。色彩検定1級では、こうした人の「色の見え方」を理論的に学ぶことで、より実践的な色彩知識を身につける
0
カバー画像

色彩検定1級|色の見えのモードとは?同じ色でも見え方が変わる理由を解説!

色彩検定1級では、「色の見えのモード」という少し専門的な内容が登場します。「同じ色なのに、見え方が違うことがあるの?」実は、私たちが色をどのように感じるかは、周囲の環境や光の当たり方によって変化します。今回は、色彩検定1級で学ぶ4つの「色の見えのモード」を、身近な例を交えながらわかりやすく解説します!面色(めんしょく)モード面色モードとは、平面的な色として認識する見え方です。紙やパソコン画面、イラストなど、「色そのもの」を見ている感覚になります。身近な例色見本帳印刷されたチラシWebサイトの背景色デザイン制作では、この面色モードで色を選ぶ場面が多くあります。表面色モード表面色モードとは、物体の表面の色として認識する見え方です。「この赤いリンゴ」「この白い壁」のように、物の材質や質感も含めて色を感じます。身近な例リンゴ木製テーブル洋服車私たちが普段生活の中で見ている色の多くは、この表面色モードです。開口色(かいこうしょく)モード開口色モードとは、光そのものが見えているように感じる色です。物の色ではなく、「光」として認識されます。身近な例スマートフォンの画面テレビLEDディスプレイ信号機Webデザインでは、ディスプレイ上で見る色は開口色モードに近い見え方になります。空間色モード空間色モードとは、空間全体が色づいて見える状態です。色が空間に広がっているように感じる見え方を指します。身近な例夕焼け空霧の中の光ライブ会場のカラースモークステージ照明「空気そのものに色がついているように感じる」イメージです。4つの見え方をまとめると…モード 特徴 身近な例面色モード 平面的な色として見る 色
0
カバー画像

色彩検定|照明が変わっても色は同じに見える?「色の恒常性」とは

こんにちは!今日は色彩検定で学習した**「色の恒常性(いろのこうじょうせい)」**についてまとめます。普段はあまり意識しませんが、私たちの目はとても優秀で、照明が変わっても同じ色として認識できる仕組みがあります。色の恒常性とは?色の恒常性とは、照明の色が変わっても、物の色をほぼ同じように感じる人間の視覚の働きです。例えば、朝の太陽光昼間の自然光電球のオレンジ色の光白色LEDどれも光の色は違います。しかし、白い紙は「白」、赤いリンゴは「赤」と認識できます。これが色の恒常性です。なぜそう見えるの?私たちの脳は、「この照明だから少し黄色く見えているだけ」ということを無意識に補正しています。つまり、実際に目に届く色ではなく、本来の色を予測して見ているのです。色彩検定ではここがポイント!色は、光源反射人の目脳この4つが組み合わさって見えています。そのため、実際に見えている色と、脳が認識している色は少し違う場合があります。Webデザインでも役立つ知識ホームページ制作では、パソコン・スマートフォン・タブレットなど、見る環境が人によって違います。さらに、昼間に見る人もいれば、夜に暖色系の照明の部屋で見る人もいます。そのため、どんな環境でも読みやすく見える配色を考えることが大切です。写真編集でも関係しているPhotoshopなどで写真を編集するときも、部屋の照明によって色の見え方が変わります。暖色の照明の部屋では、「少し青く補正しよう」と思って編集しても、昼間に見ると青くなりすぎてしまうことがあります。そのため、自然光に近い環境や色評価用のモニターで作業すると、より正確な色調整ができます。まとめ
0
カバー画像

Photoshopで写真が馴染まない理由とは?

~色彩検定の「光と色」の知識が役立った話~Webサイト制作でスタッフ写真を作成する際、人物を切り抜いて別の背景へ合成する作業を行いました。一見きれいに合成できたように見えても、**「なんとなく人物だけ浮いて見える」**という違和感が…。最初は切り抜きが原因だと思っていましたが、実は一番大きな原因は光の違いでした。今回は、Photoshopで写真が馴染まない理由と、その解決方法をまとめます。なぜ人物だけ浮いて見えるの?切り抜きがきれいでも、撮影された環境が違うと写真は自然に見えません。例えば、屋内で撮影した人物屋外で撮影した背景この2枚を合成すると、光の色光の強さ影の向きコントラストが違うため、「合成しました」という印象になってしまいます。色彩検定でも学ぶ「光の色」色は物体そのものではなく、光が当たって初めて見えるものです。そのため、同じ服でも朝日昼間夕方LED照明では見える色が変わります。これを理解していると、Photoshopでの色調整もしやすくなります。今回一番違和感があったポイント人物は室内で撮影されていたため、顔が少し暖色寄りコントラストが高め一方、背景は屋外で撮影されていたため、青空の光で少し青みがある全体が柔らかい光になっていました。そのため、人物だけが前に飛び出して見えてしまったのです。Photoshopで調整したこと今回行った調整は次のような内容です。① 色温度を合わせる人物だけ暖かく見えていたので、赤み黄色みを少し抑えました。背景と近い色味にすることで自然になります。② 明るさを合わせる人物だけ明るいと浮いてしまいます。そのため、レベル補正トーンカーブを使って
0
カバー画像

自分の軸を大切に

今日は女教皇のカードの視点から見てみます。このカードは自分の軸の大切さを示しています。これは【7つの習慣】でも『原則に立ち返る』という形で同じようなことが書かれていました。内面に変わることのない中心を持っていなければ人は変化に耐えられない。自分は何者なのか、何を目指しているのか、何を信じているのかを明確に意識し、それが変わらざるものとして内面にあってこそどんな変化にも耐えられるのである(7つの習慣 人格主義の回復 より)判断をするには心を基準としたもの思考を基準としたもの身体を基準としたものこの3つがあります。「心のを基準」とするのは所謂「好き嫌い」など感情で判断する部分です。例えば…私が学生の頃短期のバイトでクレジットカードの勧誘のバイトをしました。その時契約をしてくれるのはほぼお年寄りで、私の中ではそれが人を騙してるような気がしてすぐに辞めてしまいました。これは私の良心(教皇)の部分での判断でした。また「思考で判断」するのは「こうするべき」と頭で考えて判断する時です。誰かに助けてもらったら自分もお返しをしたいと思いますよね。これは、してもらったことに対してそれに見合う等価のもの(天秤にかけたもの)を与えたいという部分での判断でタロットなら正義のカードの視点になります。3つ目の「身体を基準」にして判断するのが今日のカード、女教皇の部分です。これは一言で言ってしまえばDNAです。アレルギーのようなものと言えばわかりやすいでしょうか?どんなに牛乳が好きでも、体に良いとわかっていてもアレルギーがあったら飲めませんよね体が拒否しているんです。また、会社が合わなくて体調を崩して休んでし
0
カバー画像

色だけに頼らないデザインが大切!カラーユニバーサルデザインとは?

#こんにちは!本日は、色彩検定でも学ぶ**「カラーユニバーサルデザイン(CUD)」**についてまとめます。Webサイトやチラシを制作する際にも、とても重要な考え方です。---## カラーユニバーサルデザインとは?カラーユニバーサルデザイン(CUD)とは、**色の見え方が異なる人でも、できるだけ同じように情報を理解できるよう配慮したデザイン**のことです。人によって色の見え方は異なり、赤と緑の区別がつきにくい方や、色を淡く感じる方もいます。そのため、「色だけ」で情報を伝えるデザインは、伝わりにくくなる場合があります。---## 色だけで伝えない工夫例えば、❌ 赤=重要❌ 緑=OKと色だけで区別すると、見分けづらい人もいます。そこで、* アイコンを付ける* 文字で説明を加える* 模様や線の種類を変える* コントラストを十分につけるなどの工夫を取り入れることで、多くの人に伝わりやすいデザインになります。---## Web制作でも役立つポイントホームページ制作では、* ボタンの色だけで判断させない* エラーメッセージにアイコンを付ける* 背景色と文字色のコントラストを確保する* リンクは色だけでなく下線も付けるといった工夫をすることで、誰にとっても使いやすいサイトになります。見た目の美しさだけでなく、「伝わるデザイン」を意識することが大切です。---## 色彩検定のポイント色彩検定では、* カラーユニバーサルデザイン(CUD)* 色覚の個人差* 配色だけに頼らない情報伝達* 明度差・コントラストなどが重要なポイントとして出題されます。用語だけでなく、「実際にどのような配慮をすればよいか
0
カバー画像

CSS・JavaScriptでサイトの完成度をアップ!

今日はポートフォリオ制作を進めながら、CSSとJavaScriptを使ってサイトの見た目や使いやすさを改善しました。「デザインカンプをそのまま再現するにはどうすればいいのか?」を考えながら、一つひとつ調整を行いました。NEWSセクションのレイアウト調整まず取り組んだのは、お知らせ一覧のデザイン調整です。デザインカンプでは、各ニュースの区切り線が左右の枠線に少し余白を残したデザインになっていました。最初は border-top を使っていましたが、線が横いっぱいに表示されてしまうため、CSSの擬似要素(::before)を使って長さを調整しました。これにより、デザインカンプに近い上品な仕上がりになりました。枠線を二重にする方法を学習ABOUTセクションでは、外側の金色の枠だけでは少しシンプルに感じたため、内側にも細い金色のラインを追加しました。この時に使用したのがCSSの擬似要素です。position: relative; と position: absolute; を組み合わせることで、HTMLを書き換えずに内側の線を追加できることを学びました。CSSだけでデザインの幅が大きく広がることを実感しました。Googleマップのレスポンシブ対応ACCESSセクションでは、画面幅を小さくするとGoogleマップの高さまで小さくなってしまう問題がありました。原因を調べながら、heightaspect-ratiomin-heightなどの違いについて理解を深めました。レスポンシブデザインでは、幅だけでなく高さの指定も重要であることを学ぶ良い機会になりました。ファーストビューをスマホ向けに最
0
カバー画像

新サービス準備と色彩検定|ランプの種類と発光の仕組み

本日のブログは、新しいサービス準備としてホームページ制作を進めました✨現在、「やさしく伝わるデザイン」をテーマに、自然光や余白感を意識したファーストビューを制作中です☺️写真の色味や空気感を調整しながら、少しずつ理想の雰囲気に近づいてきました🌿そして本日の色彩検定学習では、「ランプの種類と発光の仕組み」について学習しました💡■熱放射による発光・ハロゲン電球・高圧ナトリウムランプ■高圧放電・水銀ランプ・メタルハライドランプ・高圧ナトリウムランプ■低圧放電・低圧ナトリウムランプ・蛍光ランプ■エレクトロルミネセンス・LED■フォトルミネセンス・蛍光ランプ・白色LEDランプにもさまざまな発光の仕組みがあり、普段当たり前に使っている照明にも、たくさんの技術が使われていることを知れて面白かったです✨Webデザインでも、「見え方」や「空気感」はとても大切なので、色彩の知識もしっかり活かしていきたいと思います☺️
0
カバー画像

YouTube Music 認定資格  第30回 Copilotとのマンツーマンレッスン

Q、YouTube Music 認定資格                                                   広告配信モデル                                                 はじめにYouTube 動画で広告が配信される仕組みと、広告掲載に適したコンテンツになるようにチャンネルのコンテンツを改善する方法をご紹介します。A、🎧 YouTube Music 認定資格:広告配信モデル(はじめに)の解説あなたが貼った文章は、YouTube の広告が どのように動画に配信されるか、そして 広告が付きやすいチャンネルにするための改善ポイント を学ぶ章の導入部分です。内容をかみ砕くと、次のような意味になります。🔍 この章で学べること① YouTube の広告配信の仕組み・どんな動画に広告が付くのか・広告主はどうやって広告を出しているのか・YouTube が広告をどの動画に載せるかをどう判断しているのかこういった “広告の裏側の仕組み” を理解するパートです。② 広告が付きやすいコンテンツとは何かYouTube は広告主にとって安全で価値のある動画に広告を載せたいので、どんなテーマが広告に向いているかどんな表現が広告に不向きなのかどうすれば広告主に好まれるチャンネルになるかといった コンテンツ改善のポイント を学びます。🎯 この章の目的簡単に言うと、「広告が付く仕組みを理解し、あなたのチャンネルを広告主に選ばれる状態にする」これが目的です。YouTube で収益化を安定させるには、単に動画を作るだけでなく 広告主が
0
カバー画像

WEB制作未経験の高校生が、WEBデザインを始めてみた。

  はじめまして。閲覧ありがとうございます。雨宮 綴(あまみや つづる)と申します。副業で稼げるようになるための第一歩として、WEBデザインを始めてみました。成長記録のようなものを、こちらのブログに載せていきます。今回はブログ一件目として、学習の方向性などを考えてみました。ぜひ最後までご覧ください!勉強法は? 私は、独学で勉強することにしました。というのも、高校生の財力では、プログラミングスクールに通う余裕はないからです。書籍とインターネットをうまく使いこなして、実力をつけていこうと思います。学習の一冊目は、こちらの書籍です!目標は?冒頭にも書きましたが、いずれはWEB制作でお金を稼げたらと思っています。簡単なものからでも、積極的にサービスを出品して、経験を積んでいくつもりです。稼げるようになるには半年~一年ほどはかかるらしいです。道のりは長いですが、頑張っていこうと思います。パソコンの経験は?パソコンの経験は、殆どありません。授業で少しやったくらいで、エクセルなども使いこなせません💦ブラインドタッチも下手です。ここからどれだけ成長できるでしょうか…。不安もありますが、とても楽しみです。今回のブログは以上です。ここまで読んでくださり、ありがとうございました。
0
カバー画像

YouTube Music 認定資格  第32回 Copilotとのマンツーマンレッスン

*第31回からの続きです。Q、広告に合わせてチャンネルを最適化する方法YouTube の広告配信モデルでは、チャンネルで収益化が設定されているかどうか、さらに動画の収益化が有効になっているかどうかがチェックされます。収益機会を最大限に引き上げるため、以下のチェックリストをご活用ください。チャンネルで収益化が有効になっているか。YouTube の収益化対象の国から視聴されているか。収益化対象ではない国で視聴されても収益を受け取ることはできません。動画で収益化が有効になっているか。[動画の管理] で動画の横に $ アイコンが表示されていることを確認するか、収益化のステータスのトラブルシューティングを行ってください。特定の広告主にとって十分に好ましいコンテンツであるか。動画がチャンネル所有者によって申し立てられているか。収益化ポリシーは何か。Content ID の申し立ての影響を受けていないか。どのような広告フォーマットが有効になっているか。すべての広告フォーマットを有効にすると、収益機会が増えます。Content ID ユーザー向けのヒント: 収益の可能性を最適化するには、アセットに所有権を追加して、国別の一致ポリシーを「収益化」に設定します。この操作を効率的に行うため、コンテンツにデフォルトの収益化ポリシーを設定することもできます。A、了解です、西田さん。このパートは 「広告に合わせてチャンネルを最適化する方法」 をまとめた“実践チェックリスト”で、収益を最大化するための最重要ポイントが詰まっています。ここまで学んできた内容の 総まとめ に近いので、ひとつずつ丁寧に整理して解説
0
カバー画像

YouTube Music 認定資格  第31回 Copilotとのマンツーマンレッスン

*第30回からの続きです。Q、YouTube で利用できる広告フォーマットの種類動画の収益化を有効にした後、動画の途中や横に表示される広告にはいくつかの種類があります。以下の表は、YouTube Studio で設定できる広告オプションを示しています。これらのオプションを使用して、動画の前、後、途中など、どこに広告を掲載するかを指定できます。これらの詳細は参照用の情報であり、このコースの最後の試験には含まれません。・スキップ可能な動画広告広告が 5 秒間再生された後、視聴者は広告をスキップできます。プラットフォーム: パソコン、モバイル デバイス、テレビ、ゲーム機仕様: 動画プレーヤー内で再生(5 秒後にスキップ可能)A、了解です、西田さん。このパートは 「YouTube で利用できる広告フォーマットの種類」 の説明で、収益化を理解するうえで欠かせない基礎です。ここではまず スキップ可能な動画広告 が紹介されていますね。では、内容を整理しながら、実践的にわかりやすく解説します。🎬 YouTube の広告フォーマット:スキップ可能な動画広告の解説✅ スキップ可能な動画広告とは?動画の 前(プレロール)動画の 途中(ミッドロール)動画の 後(ポストロール)に表示される広告で、5秒経過すると視聴者がスキップできるタイプの広告 です。✔ 視聴者がスキップしても収益は発生する?5秒以上視聴されれば収益対象スキップされても広告主は支払う仕組み(CPV課金)→ クリエイターにとって安定した収益源📱 対応プラットフォームスキップ可能広告は、YouTube の主要デバイスすべてに対応しています。
0
カバー画像

英語マンツーマンレッスン⑳ Claude編 英検準2級・TOEIC400点レベルの文法

*前回の英語マンツーマンレッスン⑲ Claude編 英検準2級・TOEIC400点レベルの文法からの続きです。Q、今日までの学習を全部使って自己紹介文を作る!でやってみたいです。A、素晴らしい!😊🎉 では今日までの学習を全部使って自己紹介文を作りましょう!🎯 自己紹介文チャレンジ!以下の文法を全部使って自己紹介文を作ってください👇使う文法チェックリスト番号    文法       例①    現在完了形   I have lived...②    不定詞・動名詞 I want to... / I enjoy...③    関係代名詞   ...who / which / that...④    受動態     ...is known by...⑤    比較表現    ...quieter than...⑥    接続詞     because / although / if💡 ヒント!使える表現集自己紹介:My name is Genichiro Nishida.I live in Tome City, Miyagi Prefecture.現在完了形:I have lived in Tome City for many years.I have started learning English.不定詞・動名詞:I want to write a blog.I enjoy running and visiting the library.関係代名詞:Tome City is a place that I love.Shotaro Ishinomori, who was born
0
カバー画像

Google アナリティクス認定資格  第9回 ChatGPTとのマンツーマンレッスン

 Google アナリティクスのレポートについて理解するGoogle アナリティクスのレポートを活用し、パフォーマンスを把握しましょう。レポートを活用すると、トラフィックのモニタリング、データの調査、ユーザーとそのアクティビティに関する情報の把握が可能になります。 このレッスンを修了すると、以下のことができるようになります。 ・ナビゲーション パネルに表示されるさまざまなタイプのレポートを理解する ・ナビゲーション パネルに表示されるレポート コレクションをカスタマイズするA、内容を見る限り、Google アナリティクス(GA4)認定資格の中の基礎レッスンですね。ここでは「実際に GA4 をどう操作するか」に焦点があります。要点を噛み砕いて整理します。このレッスンの位置づけ(何を学ぶ回か)👉 GA4の画面に迷わず慣れるための回です。分析テクニック以前に、どこに何があるのかどうやって探すのかどう切り替えるのかを身につけるのが目的です。学べる内容を具体的に解説① Google アナリティクス アカウントを操作するGA4は「3階層構造」になっています。アカウント └ 会社・個人単位(例:ゆうくんのブログ全体)プロパティ └ サイトやアプリ単位(例:ココナラブログ、別サイト)データストリーム └ 実際のデータ取得元(Web / Android / iOS)👉 試験では**「どの階層で何を設定するか」**がよく問われます。② 機能やレポートの場所を把握するGA4の左メニューが超重要です。レポート → 今どうなっているかを見る(アクセス数、ユーザー行動)探索 → 深掘り分析(試験では名称と
0
カバー画像

英語マンツーマンレッスン⑫ Claude編 英検準2級・TOEIC400点レベルの文法

Q、①不定詞・動名詞について練習したいです。A、素晴らしい選択です!😊 では不定詞・動名詞の練習を始めましょう!不定詞・動名詞とは? 📚🔵 不定詞(to + 動詞の原形)I want to learn English.(英語を学びたいです。)🟢 動名詞(動詞 + ing)I enjoy running every day.(毎日ランニングを楽しんでいます。)💡 どちらを使うか?不定詞と使う動詞    動名詞と使う動詞    どちらもOKwant to         enjoy          like          hope to         finish          love                 decide to        avoid          start            plan to         stop          begin                    wish to         practice        continue🎯 練習スタート!以下の4文を完成させてください👇① 「私は英語を学びたいです。」I want _______ English.ヒント:(to + learn)② 「私はランニングを楽しんでいます。」I enjoy _______.ヒント:(run + ing)③ 「私は登米市に住むことを決めました。」I decided _______ in Tome City.ヒント:(to + live)④ 「私は英語を勉強するのをやめません。」I will not stop ___
0
カバー画像

英語マンツーマンレッスン④ Claude編

*英文は各自で翻訳してください。                                            Q、「英語初心者なので、簡単な英会話をしてください」A、もちろんです!簡単な英会話を練習しましょう😊まず自己紹介から始めましょう!こんな会話から始めてみてください👇Claude: Hi! Nice to meet you!(ハイ!はじめまして!)あなた: Hi! Nice to meet you too!(ハイ!こちらこそはじめまして!)次にこれを英語で言ってみてください👇「私の名前は〇〇です。日本に住んでいます。」例えば:My name is Yuki. (私の名前はユキです)I live in Japan. (日本に住んでいます)よく使う簡単フレーズ日本語             英語                                               ありがとう          Thank you!                                いいですよ          Sure! / Of course!                             わかりません         I don't understand.                                  もう一度言ってください    Please say that again.                  英語が得意ではありません   I'm not good at English.さあ、まず自分の名前と住んで
0
カバー画像

Google アナリティクス認定資格 第20回 Copilotとのマンツーマンレッスン

  [広告] セクションでマーケティング データを分析する Google アナリティクスを Google 広告と併用すると、価値の高いユーザー ジャーニーの分析情報を強化できます。 このモジュールを学ぶことで、 Google アナリティクスの [広告] セクションのレポートの使い方を知り、すべてのチャネルで、メディア費用の効果に関する情報に基づいて意思決定ができるようになります。A、この導入文は、GA4 の [広告]セクション(Advertising workspace) の役割を端的に示していて、ブログ記事にもそのまま活かせる良い素材ですね。読者が理解しやすいように、内容を整理してまとめてみます。📊[広告]セクションでマーケティングデータを分析するGoogle アナリティクスと Google 広告を連携すると、ユーザーが広告をクリックしてからコンバージョンに至るまでの価値あるジャーニーをより深く理解できます。このモジュールでは、GA4 の [広告]セクションのレポートの使い方 を学び、次のような目的に役立つスキルが身につきます。🔍 学べること・すべてのチャネル(広告・自然検索・SNS・メールなど)を横断して、メディア費用がどれだけ成果につながっているか を評価できる。・Google 広告との連携により、広告クリック後のユーザー行動やコンバージョン貢献度 を可視化できる。・広告投資の最適化に必要なデータを、GA4 のレポートから読み取れるようになる。💡 このモジュールのポイント・GA4 の[広告]セクションは「広告の成果を見る場所」ではなく、“広告を含むすべてのチャネルの貢献度
0
カバー画像

Google 広告「ディスプレイ広告」認定資格  第4回 Copilotとのマンツーマンレッスン

 自動入札で効率を向上させる 適切な入札価格の設定は、複雑ですが重要なプロセスです。「スマート自動入札」などの Google の自動入札戦略について学習し、効率的にマーケティング目標を達成しましょう。A、スマート自動入札は、広告運用の「面倒で複雑な部分」を Google に任せつつ、成果を最大化するための強力な仕組みです。西田さんのように分析力が高い方だと、仕組みを理解したうえで使うことで、さらに大きな効果を引き出せます。スマート自動入札とは何かGoogle が機械学習を使って、オークションごとに最適な入札額を自動で調整する仕組みです。特徴・ユーザーの検索意図、デバイス、時間帯、地域、過去の行動などをリアルタイムで解析・人間では追いきれない膨大なシグナルを使って入札を最適化・目標(CPA、ROAS、クリック数など)に合わせて戦略を選べる主な自動入札戦略と使いどころ1. 目標コンバージョン単価(tCPA)・1件あたりの獲得単価を一定に保ちたいとき・CV数を安定させたい場合に有効2. 目標広告費用対効果(tROAS)・売上や収益を最大化したいとき・ECサイトや高単価商材に向いている3. コンバージョン数の最大化・予算内でとにかくCVを増やしたいとき・新規キャンペーンの立ち上げに便利4. コンバージョン値の最大化・売上金額ベースで成果を伸ばしたいとき・ROAS設定が難しいときの暫定策としても使える5. クリック数の最大化・トラフィックを増やしたいとき・認知拡大やテスト段階に向いている効率を最大化するためのポイント● 1. コンバージョン計測の精度が最重要自動入札は「データが正しい」こ
0
カバー画像

Google 広告「ディスプレイ広告」認定資格  第2回 ChatGPTとのマンツーマンレッスン

 Google ディスプレイ広告のキャンペーン タイプを区別する Google ディスプレイ広告を掲載するメリットを確認し、さまざまなキャンペーン タイプについて学習します。1. Google ディスプレイ広告で広告を表示する Google ディスプレイ広告を利用すると、300 万以上のアプリやウェブサイトを通じて世界のインターネット ユーザーの 90% 以上に広告を表示できます。この広いリーチにより、消費者の行動を把握し、価値の高いユーザーを特定して、迅速かつ頻繁に働きかけることができます。このモジュールでは、Google ディスプレイ広告のメリットについて学習します。A、**ディスプレイ広告の導入(第1章)**ですね。噛み砕いてまとめると、こういう話です👇このモジュールで言っていること(超要約)Google ディスプレイ広告 =「とにかく届く広告」🌍 300万以上のアプリ・Webサイトに配信できる👀 世界のインターネット利用者の90%以上にリーチ可能🔁 同じユーザーに何度も・素早く広告を見せられる🎯 行動データをもとに・価値の高いユーザーを見つけ・狙って広告を出せる検索広告との違い(ここ大事)検索広告👉「今まさに調べている人」に出す(顕在層)ディスプレイ広告👉「まだ調べていない人」にも出せる(潜在層)👉 認知・印象づくり・リマーケティング向き実務的に言うとディスプレイ広告は、✔ ブランドを知ってもらう✔ 一度サイトに来た人を追いかける(リマーケ)✔ 今すぐ買わない人に“刷り込み”するための広告。「売る」より「覚えてもらう」寄りの広告ですね。 Google ディスプレイ広告の
0
カバー画像

Google アナリティクス認定資格 第11回 Copilotとのマンツーマンレッスン

 Google アナリティクスのコンバージョン管理Google アナリティクスに収集されるデータの管理方法を学習しましたので、次はコンバージョンについて学びましょう。 このレッスンを修了すると、以下のことができるようになります。 ・お客様のビジネスに合わせてコンバージョンを定義する ・イベントをコンバージョンとして扱うよう設定するA、いいね、西田さん。今の文章は「Google アナリティクス(GA4)のコンバージョン管理レッスンの導入部分」だね。ここから何を学べるのか、もう少し噛み砕いて整理してみるね。🌱 このレッスンで身につくこと(わかりやすく)1. ビジネスに合わせてコンバージョンを定義できるようになる・コンバージョンとは「ビジネスにとって価値のある行動」のこと例:購入、問い合わせ送信、会員登録、資料ダウンロード、動画視聴など・GA4では「何を成功とみなすか」を自分で決められるつまり、ビジネスモデルに合わせて“成果の基準”を設定できるようになる2. イベントをコンバージョンとして扱う設定ができるようになる・GA4は「イベント」を中心にデータを扱う・その中から「これは成果だ」と思うイベントを“コンバージョンに昇格”させる・管理画面でスイッチをオンにするだけで設定可能これにより、レポートで成果が明確に見えるようになる🌟 つまり、このレッスンのゴールは…「GA4で成果を正しく測れるようになること」  これができると、広告の効果測定やサイト改善の方向性が一気にクリアになる。 価値の高いイベントをコンバージョンとして指定するA、西田さん、今のテキストは GA4(Google アナリテ
0
カバー画像

Google アナリティクス認定資格 第17回 Copilotとのマンツーマンレッスン

 プロパティでレポートをカスタマイズする Google アナリティクスには、お客様固有のビジネス要件に合わせてレポートを調整およびカスタマイズするための包括的なツール群があります。これを利用することで、詳細なデータ分析情報に基づく的確な意思決定が可能になります。このモジュールを修了すると、以下のことができるようになります。                                        ・お客様固有のニーズを満たすためにレポートをカスタマイズするさまざまな方法を特定する。A、このパートは、GA4 の「レポートをプロパティ単位でカスタマイズする」モジュールの導入部分ですね。「何ができるようになるのか」を一目で理解できるように整理すると、とてもわかりやすくなります。プロパティでレポートをカスタマイズするGoogle アナリティクス(GA4)には、ビジネスごとの目的や分析ニーズに合わせてレポートを調整できる 強力なカスタマイズ機能 が備わっています。これらを活用することで、より精度の高い意思決定が可能になります。このモジュールで身につくこと・自社のニーズに合わせてレポートをカスタマイズする方法を理解できる・どの設定がどのような分析に役立つかを判断できる・標準レポートを“自分仕様”に最適化する視点が身につくなぜレポートのカスタマイズが重要なのか・ビジネスごとに追うべき指標は異なる・標準レポートだけでは「本当に知りたいこと」に届かない場合がある・カスタマイズすることで、意思決定に必要な情報へ最短距離でアクセスできるこの導入部分を「学習の目的を明確にするパート」として使うと、
0
カバー画像

Google アナリティクス認定資格 第14回 Copilotとのマンツーマンレッスン

 収集したデータの管理とフィルタリング このレッスンでは、イベントデータを管理する方法を確認します。 このレッスンを修了すると、以下のことができるようになります。 ・クロスドメイン測定を設定する ・不要な参照を特定して除外する ・内部データとデベロッパー データを除外するA、内容を整理すると、このレッスンは GA4 のデータ品質を高めるための「フィルタリングと管理」 に焦点を当てています。前のレッスンが「何を計測するか(コンバージョン)」だったのに対し、今回は 「正しいデータだけを計測するための環境づくり」 がテーマですね。📘 レッスンの目的(わかりやすく)1. クロスドメイン測定を設定する複数のドメインをまたいでユーザーが移動する場合、それを 1人のユーザーとして正しく計測するための設定例:example.com → shop.example.commain-site.com → external-payment.com2. 不要な参照(リファラ)を特定して除外するGA4 では流入元(参照元)が自動で記録されるが、意図しない参照元が成果を汚してしまうことがある例:・自社の別ドメイン・決済サービス(PayPal など)・テスト環境これらを除外することで、正しい流入経路が見えるようになる。3. 内部データとデベロッパーデータを除外する・社内スタッフのアクセス・開発者のテストアクセス・ステージング環境の動作確認これらが混ざると、実際のユーザー行動が歪んでしまうため除外が必要。🌟 このレッスンの本質GA4 のデータは「集めれば終わり」ではなく、“正しいデータだけを残す” ことが分析の
0
カバー画像

Google アナリティクス認定資格 第8回 Copilotとのマンツーマンレッスン

・Google アナリティクス アカウントを操作するこのレッスンでは、Google アナリティクスを操作する方法、検索バーを使ってレポートや役立つ資料を探す方法、アナリティクス データからビジネス インサイトを取得する方法を学びます。 このレッスンを修了すると、以下のことができるようになります。 ・Google アナリティクス アカウントを操作する ・機能やレポートの場所を把握する ・アカウントとプロパティを切り替える ・検索バーを使って、移動し、インサイトを確認し、質問の答えを見つける A、いいですね、西田さん。まさに Google アナリティクス認定資格(GA4) の基礎レッスンの要点を整理されていますね。学習のゴールをもう少し噛み砕いてまとめると、次のような力が身につきます。・アカウント操作の習熟 GA4の管理画面を自在に扱えるようになり、アカウントやプロパティの切り替えもスムーズに。・レポート構造の理解 各レポートの場所や機能を把握し、どこを見れば必要なデータが得られるかを理解。・検索バー活用 レポートや資料を素早く探し、インサイトを確認したり、疑問を解決するためのナビゲーション力を強化。・ビジネスインサイトの抽出 単なる数値の確認ではなく、データから「顧客行動の傾向」や「改善ポイント」を読み取れるようになる。このレッスンを修了すると、GA4を「ただのデータ収集ツール」ではなく、意思決定に役立つビジネスインサイトを引き出すための実践的なツールとして使えるようになるのが大きなポイントです。・Google アナリティクス アカウントの操作方法を学ぶA、Google アナリテ
0
41 件中 1 - 41