デジタルマーケターのためのテクノロジー入門 読んでみた。

[記事公開日]2021/02/14

[最終更新日]2022/12/18

デジタルマーケターって何?
どんな仕事をするの?

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

本書は、Webサイトの分析やWeb広告の運用を業務としている方に向けて、
マーケターとして業務を行う際、必要最小限の内容などをまとめました。
実際のビジネスシーンで問われそうな内容なども掲載。

デジタルマーケター
Webサイト、検索エンジン、SEO、GA、SNSなどほか、デジタルテクノロジーなどで活用されています。

この本は、デジタル(テクノロジー)の部分では理解不足を解決できていない、というための本です。
テクノロジー入門書

ここ数年、マーケティングを取り巻く環境は変わり、テレビ、雑誌などのマスメディアからWebを中心としたマーケティングが支流となってます。
年々と高度化するweb広告で成果を上げるには、技術的知識を常にアップデートしていく努力も求められます。

現代のWebを支える技術、JavaScript、HTML、CSS。Googleアナリティクス、Googleタグマネージャー、マーケティングツールなど。

日本という市場において、このようなテクノロジーを十分に理解してるマーケターはほとんどいません。

本書では、マーケティングの施策(しさく)のノウハウや、マーケティングツールの使い方そのものは学べません。
しかし、テクノロジーの苦手意識を克服し、デジタルマーケティングに取り組めるようにする武器を提供することはできます。

Webサイトの分析やWeb広告の運用を業務としている方
マーケターとして業務を行う際、必要最小限の内容などまとめました。

章の最後には
その章で扱った内容を出題、100の演習問題で理解度を試せる

解説を読むだけではなく、自分の理解度を試すことで知識が定着し、
実務に自信を持って取り組めるようになります。

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

目次
デジタルマーケターのためのテクノロジー入門 読んでみた。
CHAPTER 1 PCとアカウントの準備
CHAPTER 2 Web概論
CHAPTER 3 HTML
CHAPTER 4 CSS
CHAPTER 5 JavaScript
CHAPTER 6 正規表現
CHAPTER 7 Googleアナリティクス
CHAPTER 8 Googleタグマネージャー
CHAPTER 9 発展的なテクノロジー活用

 


 

1日1テーマ読むだけで身につくホームページ集客大全100 単行本 – 2022/12/6
芝田 弘美 (著)

ホームページ集客に大切なのは専門的な知識ではなく、お客様のことを想う気持ち。ホームページ集客のプロが分かりやすく解説します。

 


 

ネット広告クリエイティブ“打ち手”大全 広告運用者が知るべきバナー&LP制作 最強の戦略 80(できるMarketing Bible) 単行本(ソフトカバー) – 2022/10/25
辻井良太 (著), 宝田大樹 (著)

これからのネット広告で成果を上げる施策=“打ち手”を提案!

基礎からのWeb開発リテラシー 単行本(ソフトカバー) – 2022/6/22
増井 敏克 (著)

いまどきのWeb開発がわかります

 


 
地方で稼ぐ! ITエンジニアのすすめ 新書 – 2022/7/1
村岡 佑紀 (著)
地方でも高収入でやりがいをもって働ける!
ITエンジニアの魅力を一挙大公開

地方で稼ぐ! ITエンジニアのすすめ 新書 – 2022/7/1
村岡 佑紀 (著)

 


 

60分でわかる! NFTビジネス 超入門 単行本(ソフトカバー) – 2022/4/13
森川 ミユキ (著), 弁護士法人GVA法律事務所Web3.0チーム (監修)
デジタル市場に新しいビジョン・価値を生み出す!

 


 

デジタル依存症の罠 ―ネット社会にどう対応するか 単行本(ソフトカバー) – 2022/5/11
香山リカ (著)
知らず知らずにデジタル情報の虜(とりこ)に!

 


 

漫画でわかる デジタルマーケティング×データ分析 単行本(ソフトカバー) – 2022/2/2
上野 佑馬(ウマたん) (著)

個人の地域密着型アウトドアショップがデジタルマーケティングで業績を飛躍的にアップさせていくストーリーに乗せて、DMの基礎を学ぶ

 


 

図解でやさしくわかる ネットワークのしくみ超入門 単行本(ソフトカバー) – 2022/6/18
網野 衛二 (著)
ネットワークの学習では、ネットワークを「しくみ」から理解することが重要です。

図解でやさしくわかる ネットワークのしくみ超入門 単行本(ソフトカバー) – 2022/6/18
網野 衛二 (著)

 


 

図解まるわかり AIのしくみ 単行本(ソフトカバー) – 2022/3/25
三津村 直貴 (著)

AIの技術から歴史、
活用方法まですべて図解
確かな知識がつく「使える教科書」

 


 

お金をかけずに誰でもできる! SNS×メディアPR100の法則 (100の法則シリーズ) 単行本 – 2021/7/30
笹木 郁乃 (著)
売上を伸ばすPR術!

 


 

図解 Amazon Web Servicesの仕組みとサービスがたった1日でよくわかる 単行本(ソフトカバー) – 2022/2/2
NRIネットコム株式会社 (著), 上野 史瑛 (著)

図解 Amazon Web Servicesの仕組みとサービスがたった1日でよくわかる 単行本(ソフトカバー) – 2022/2/2
NRIネットコム株式会社 (著), 上野 史瑛 (著)

 


 
ITエンジニア残業ゼロの働き方 〜現場で本当に使えた仕事効率化の法則95 単行本(ソフトカバー) – 2022/2/24
田中 聡 (著)

「決められた勤務時間内を全力疾走して成果を出すために勤務時間外はきちんと休む」
「そのために残業をやめよう」

 


 

あなたの仕事が一瞬で片付くPythonによる自動化仕事術 | 大人気 Youtube「キノコード」と連動して学習可能 単行本(ソフトカバー) – 2021/12/24
キノコード (著)
本書の内容は、全てKinoCodeのYouTube動画と連動しており、ページに設置されたQRコードを読み取って動画をご視聴いただくことができます。

あなたの仕事が一瞬で片付くPythonによる自動化仕事術 | 大人気 Youtube「キノコード」と連動して学習可能 単行本(ソフトカバー) – 2021/12/24
キノコード (著)

 


 

担当者1人で取り組める はじめてのネット広告 (DOBOOKS) 単行本(ソフトカバー) – 2021/9/30
船井総合研究所 (著)
はじめてネット広告を担当する人にとって
・どのような準備が必要で
・何をしなければいけないか
を「基礎」と「応用」に分けて紹介!

担当者1人で取り組める はじめてのネット広告 (DOBOOKS) 単行本(ソフトカバー) – 2021/9/30
船井総合研究所 (著)

 


 

ネットに詳しいだけでネットマーケ担当者になってしまった人が本気でマーケターを目指す本 単行本(ソフトカバー) – 2021/8/21
佐藤 昌弘 (著)
マーケティングにネットは避けて通れない必須の時代

今は、1カラムのサイトが多いです。
Amazonサイトも3カラムから1カラムに。
昔はPCからサイトを閲覧してた。スマートフォンが普及してから、
現在では、スマートフォンでサイトを見るので、1カラム(1ペラ)が支流

ネットに詳しいだけでネットマーケ担当者になってしまった人が本気でマーケターを目指す本 単行本(ソフトカバー) – 2021/8/21
佐藤 昌弘 (著)

 


 

AWSコンテナ設計・構築[本格]入門 単行本(ソフトカバー) – 2021/10/21
株式会社野村総合研究所 (著), 新井雅也 (著)
最新の「AWSサービス」をフル活用
手順がしっかりわかる「ハンズオン」
「ユースケース」から学ぶ最適な設計

AWSコンテナ設計・構築[本格]入門 単行本(ソフトカバー) – 2021/10/21
株式会社野村総合研究所 (著), 新井雅也 (著)

 


 

IoTで変わる社会 (AI時代を生き抜くプログラミング的思考が身につくシリーズ8) 単行本 – 2021/9/24
土屋 誠司 (著)
人工知能ブームに代表されるように、今やコンピュータサイエンスやデジタル技術に
関する知識はこれからの時代を生きていく上で欠かせないものになったと言えるでしょう。

IoTで変わる社会 (AI時代を生き抜くプログラミング的思考が身につくシリーズ8) 単行本 – 2021/9/24
土屋 誠司 (著)

 


 

儲かる会社はホームページが9割! 単行本 – 2021/10/13
芝田 弘美 (著)
オンラインによる会社の売り上げを高めるには
ホームページが一番! ホームページ集客術を専門用語を使わず
説明します。

儲かる会社はホームページが9割! 単行本 – 2021/10/13
芝田 弘美 (著)

 


 

見るだけIT用語図鑑278 単行本(ソフトカバー) – 2021/9/25
草野 俊彦 (著)

見るだけIT用語図鑑278 単行本(ソフトカバー) – 2021/9/25
草野 俊彦 (著)

 


 

プログラムはなぜ動くのか 第3版 知っておきたいプログラミングの基礎知識 単行本 – 2021/5/13
矢沢 久雄 (著)
待望の改訂第3版!

プログラムはなぜ動くのか 第3版 知っておきたいプログラミングの基礎知識 単行本 – 2021/5/13
矢沢 久雄 (著)

 


 
超実践! AI人材になる本-プログラミング知識ゼロでもOK 単行本 – 2021/9/16
大西可奈子 (監修)
いちばんやさしいAIプロジェクト実践本!

超実践! AI人材になる本-プログラミング知識ゼロでもOK 単行本 – 2021/9/16
大西可奈子 (監修)

 


 

現場で使える Web編集の教科書 単行本 – 2021/7/20
withnews+ノオト+Yahoo!ニュース (著)

現場で使える Web編集の教科書 単行本 – 2021/7/20
withnews+ノオト+Yahoo!ニュース (著)

 


 

SNSで話題になってましたが、
世代で、言い方とか違うのかも知れないけど、
人によっては「HTML」をプログラミング(プログラム)と思ってる人もいるとか。
「HTML」「CSS」など、プログラミング言語ではないと思うけど。

Webサイト制作の「正しい基礎」を伝える入門書の改訂3版。

Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。 単行本(ソフトカバー) – 2021/5/28
こもりまさあき (著), 赤間 公太郎 (著)

 


 
Pythonプログラミング完全入門 ~ノンプログラマーのための実務効率化テキスト 単行本(ソフトカバー) – 2021/8/2
高橋 宣成 (著)
武器としてのPythonを基礎から身につけるための1冊!

Pythonプログラミング完全入門 ~ノンプログラマーのための実務効率化テキスト 単行本(ソフトカバー) – 2021/8/2
高橋 宣成 (著)

スラスラ読める Pythonふりがなプログラミング 増補改訂版 (ふりがなプログラミングシリーズ) 単行本(ソフトカバー) – 2021/7/26
リブロワークス (著), 株式会社ビープラウド (監修)
人気シリーズ「Pythonふりがなプログラミング」を大きくして読みやすく、
内容を充実させて改訂しました。

スラスラ読める Pythonふりがなプログラミング 増補改訂版 (ふりがなプログラミングシリーズ) 単行本(ソフトカバー) – 2021/7/26
リブロワークス (著), 株式会社ビープラウド (監修)

 


 

いちばんやさしいWordPressの教本 第5版 5.x対応 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2021/6/22
石川 栄和 (著), 大串 肇 (著), 星野 邦敏 (著)
WordPressの入門書に最新バージョン5.xに対応した第5版が登場

いちばんやさしいWordPressの教本 第5版 5.x対応 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2021/6/22
石川 栄和 (著), 大串 肇 (著), 星野 邦敏 (著)

 


 

コンバージョンを上げるWebデザイン改善集 単行本(ソフトカバー) – 2020/6/29
井水大輔 (著), 菊池達也 (著), 井上清貴 (著),
本書は、Webサイトのデザインを改善するために役立つ実際の改善事例やTipsなど、絶えずWebサイトを改善し続けるためのヒントを詰め込みました。

コンバージョンを上げるWebデザイン改善集 単行本(ソフトカバー) – 2020/6/29
井水大輔 (著), 菊池達也 (著), 井上清貴 (著),

 


 

Googleデータポータルによるレポート作成の教科書 単行本(ソフトカバー) – 2021/4/22
安田 渉 (著), 石本 憲貴 (著), 稲葉 修久 (著), 沖本 一生 (著)

Googleデータポータルによるレポート作成の教科書 単行本(ソフトカバー) – 2021/4/22
安田 渉 (著), 石本 憲貴 (著), 稲葉 修久 (著), 沖本 一生 (著)

 


 

わかばちゃんと学ぶ サーバー監視 単行本(ソフトカバー) – 2020/12/22
湊川あい (著), 粕谷 大輔 (監修)
初心者を対象にサーバー監視について、マンガ・図解を交え、わかりやすく解説しています。

わかばちゃんと学ぶ サーバー監視 単行本(ソフトカバー) – 2020/12/22
湊川あい (著), 粕谷 大輔 (監修)

 


 
ノーコード革命: 小学生でも3時間でアプリ開発できる時代がやってきた! Kindle版
NOCODE ARMY 植村弘明 (著), 田中 勢士 (編集) 形式: Kindle版
日本初のノーコード全般に関する書籍になります。
ノーコードが、我々の世界に「実現革命」をもたらします。

体験してわかるプログラミング教育 ~うちの子の「考える力」が伸びるワケ 単行本(ソフトカバー) – 2021/6/2
淺井 登 (著)
パソコンを使わないプログラミング教育
Scratchの基本操作、楽しんで学ぶプログラミング的思考

体験してわかるプログラミング教育 ~うちの子の「考える力」が伸びるワケ 単行本(ソフトカバー) – 2021/6/2
淺井 登 (著)

 


 

広告がなくなる日 単行本(ソフトカバー) – 2021/3/26
牧野 圭太 (著)

広告がなくなる日 単行本(ソフトカバー) – 2021/3/26
牧野 圭太 (著)

 


 

これ1冊で丸わかり 完全図解 インターネット技術 (日経BPムック) ムック – 2021/5/13
日経NETWORK (編集)
インターネットの基礎知識やサービスおよび技術の最新事情、基本的な技術などを豊富なイラストや図を使って網羅的かつ分かりやすく解説します。

これ1冊で丸わかり 完全図解 インターネット技術 (日経BPムック) ムック – 2021/5/13
日経NETWORK (編集)

ストーリーで学ぶ ネットワークの基本 単行本(ソフトカバー) – 2021/5/11
左門 至峰 (著)
ネットワークトラブルを解決しながら成長していく」というストーリーに沿って解説を展開しているので、「楽しく」学べます。

ストーリーで学ぶ ネットワークの基本 単行本(ソフトカバー) – 2021/5/11
左門 至峰 (著)

 


 

図解まるわかり Web技術のしくみ 単行本(ソフトカバー) – 2021/4/7
西村 泰洋 (著)
解説とイラストがセットで理解しやすい

図解まるわかり Web技術のしくみ 単行本(ソフトカバー) – 2021/4/7
西村 泰洋 (著)

 


 

スラスラわかるPHP 第2版 単行本(ソフトカバー) – 2021/6/21
志田 仁美 (著), アシアル株式会社 (監修)
プログラミング経験ゼロからでも安心して学べる、PHP8に対応して、リニューアル!

 


 
やさしくわかるPythonの教室 単行本(ソフトカバー) – 2021/5/15
リブロワークス (著), 株式会社ビープラウド (監修)
イラスト&会話形式で楽しもう! やさしくわかるPythonの教室。

やさしくわかるPythonの教室 単行本(ソフトカバー) – 2021/5/15
リブロワークス (著), 株式会社ビープラウド (監修)

Python ゼロからはじめるプログラミング (プログラミング学習シリーズ) 単行本(ソフトカバー) – 2021/5/24
三谷 純 (著)
プログラミング学習シリーズにPythonが新登場!

Python ゼロからはじめるプログラミング (プログラミング学習シリーズ) 単行本(ソフトカバー) – 2021/5/24
三谷 純 (著)

 


 

サーバ/インフラエンジニアの基本がこれ1冊でしっかり身につく本 単行本(ソフトカバー) – 2021/4/14
馬場 俊彰 (著)
本書は、サーバ/インフラの運用・管理などに携わるエンジニアにとって必要な技術や知識を基本から解説した1冊です。

サーバ/インフラエンジニアの基本がこれ1冊でしっかり身につく本 単行本(ソフトカバー) – 2021/4/14
馬場 俊彰 (著)

AWSではじめるインフラ構築入門 安全で堅牢な本番環境のつくり方 単行本(ソフトカバー) – 2021/2/10
中垣 健志 (著)
AWS(Amazon Web Services)のネイティブ機能を組み合わせて
安全かつ堅牢なインフラを構築・運用

AWSではじめるインフラ構築入門 安全で堅牢な本番環境のつくり方 単行本(ソフトカバー) – 2021/2/10
中垣 健志 (著)

 


 

プロフェッショナルWebプログラミング JavaScript 単行本(ソフトカバー) – 2021/4/23
柳井 政和 (著)
プロとしての基礎をしっかりと固めたいエンドエンジニアの方
プログラミングの基礎体力向上を目指している方
JavaScriptの言語自体をしっかりと学びたい方

プロフェッショナルWebプログラミング JavaScript 単行本(ソフトカバー) – 2021/4/23
柳井 政和 (著)

 


 

マナブ×イケハヤ トップインフルエンサーが語る Webマーケティング最前線 (イケハヤ書房) Kindle版
イケダハヤト (著), マナブ (著), しゅうへい (著) 形式: Kindle版

最近「Webマーケティング」という言葉を目にする機会が多くなったと思いませんか?

 


 

Web配信の技術―HTTPキャッシュ・リバースプロキシ・CDNを活用する (日本語) 単行本(ソフトカバー) – 2021/2/13
HTTPキャッシュ、リバースプロキシ、CDNなどWeb開発で大切な「配信」の技術。重要な技術ながら、現場では知見のあるエンジニアが少なく、なんとなくで運用されていたり、導入が遅れていたりします。本書では、HTTPキャッシュの基礎から解説し、一冊でしっかり配信が学べます。

Web配信の技術―HTTPキャッシュ・リバースプロキシ・CDNを活用する (日本語) 単行本(ソフトカバー) – 2021/2/13

 


 

SEの基本 単行本 – 2009/2/21
山田 隆太 (著)

SEの基本 単行本 – 2009/2/21
山田 隆太 (著)

EC担当者 プロになるための教科書 単行本(ソフトカバー) – 2021/3/16
株式会社いつも (著)

EC担当者 プロになるための教科書 単行本(ソフトカバー) – 2021/3/16
株式会社いつも (著)

 


 

理解できればビジネスが10倍加速する! SEのトリセツ 単行本(ソフトカバー) – 2021/3/19
津田 徹 (著)
システムエンジニア(SE)になりたい人・SEに仕事を依頼している人、ビジネス上に関係のある人が知っておきたいSEの生態を解説

理解できればビジネスが10倍加速する! SEのトリセツ 単行本(ソフトカバー) – 2021/3/19
津田 徹 (著)

図解! Pythonのツボとコツがゼッタイにわかる本 プログラミング実践編 単行本 – 2021/3/27
立山秀利 (著)

図解! Pythonのツボとコツがゼッタイにわかる本 プログラミング実践編 単行本 – 2021/3/27
立山秀利 (著)

 


 

はじめてのスプリンギン 〜プログラミングを学んでゲームをつくろう〜 単行本(ソフトカバー) – 2021/3/24
しくみデザイン (著), 中村 俊介 (著)
スプリンギン(Springin’)は、コードを使用せず、属性という「役割を持ったもの」の組み合わせで、さまざまなゲームなどをつくることができ、またUI・操作性に優れているため、子どもがはじめてプログラミングを学ぶアプリとして大変注目を浴びています。

はじめてのスプリンギン 〜プログラミングを学んでゲームをつくろう〜 単行本(ソフトカバー) – 2021/3/24
しくみデザイン (著), 中村 俊介 (著)

 


 

コンピュータ、どうやってつくったんですか?:はじめて学ぶ、コンピュータの歴史としくみ 単行本(ソフトカバー) – 2018/8/27
川添 愛 (著)

コンピュータ、どうやってつくったんですか?:はじめて学ぶ、コンピュータの歴史としくみ 単行本(ソフトカバー) – 2018/8/27
川添 愛 (著)

 


 

集中演習 SQL入門 Google BigQueryではじめるビジネスデータ分析 (できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2021/2/19
木田 和廣 (著)

集中演習 SQL入門 Google BigQueryではじめるビジネスデータ分析 (できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2021/2/19
木田 和廣 (著)

 


 

プロフェッショナルWebプログラミング Django 単行本(ソフトカバー) – 2021/3/18
田中 潤 (著), 伊藤 陽平 (著)
Webアプリの制作環境として大人気、業界でも注目のDjango。

 


 

簡単にプロのようにデザインできるCanva Pro

 


 

世界一やさしい ブログSEOの教科書 1年生 (日本語) 単行本 – 2020/12/19

 


 

基礎からのIT担当者リテラシー (日本語) 単行本(ソフトカバー) – 2020/11/20

マンガ-教養としてのプログラミング講座 (単行本) (日本語) 単行本 – 2021/1/18

 


 

知識ゼロからPV数、CVR、リピート率向上を実現! デジタルマーケティング見るだけノート (日本語) 単行本 – 2020/7/28

「いいね」で売上をいっきに倍増させる最新活用術! SNSマーケティング見るだけノート (日本語) 単行本 – 2021/1/8

SNSで人を集める! やさしいSNSマーケティングの教科書 (日本語) 単行本(ソフトカバー) – 2020/9/10

 


 
UI/UXデザインの原則 (日本語) 単行本(ソフトカバー) – 2020/10/23

 


 

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

デジタルマーケターのためのテクノロジー入門 読んでみた。

本書は、デジタルマーケティングの前提となる知識と、主要なプログラミング言語、プログラミング経験のないノンエンジニアのビジネスパーソンに向け、URLの構成やCookieなどのWebの基礎から、HTMLやCSS、JavaScriptといったWeb言語、GoogleアナリティクスやGoogleタグマネージャーといったツールまで、マーケティングを支えるテクノロジー全般について解説した書籍です。

主要なプログラミング言語
プログラミング経験のないノンエンジニアのビジネスパーソンに向け、
URLの構成やCookieなどのWebの基礎から、
HTMLやCSS、JavaScriptといったWeb言語、
GoogleアナリティクスやGoogleタグマネージャーといったツールまで、
マーケティングを支えるテクノロジー全般について解説した書籍です。

目次
CHAPTER 1 PCとアカウントの準備
CHAPTER 2 Web概論
CHAPTER 3 HTML
CHAPTER 4 CSS
CHAPTER 5 JavaScript
CHAPTER 6 正規表現
CHAPTER 7 Googleアナリティクス
CHAPTER 8 Googleタグマネージャー
CHAPTER 9 発展的なテクノロジー活用

この本では、サンプルなどのダウンロード素材はないです。

CHAPTER 1 PCとアカウントの準備

PART 1 Web技術と言語の学習
本書では、Webサイトやアプリを作れるようになりませんが、現在のWebで必須の言語、基礎から幅広く学び、マーケターとしての日々の業務やコミュニケーションに役立てるようになります。
あくまで、プログラミング経験のない人向けの難易度となってます。

デジタルマーケティングの業務に取り組むにあたっては、
PCやWebブラウザーなどに関する知識が必要です。

利用するPCについて
MacとWindowsは、自分の好みでOKなど解説

Webブラウザー、
普段は、GoogleのChromeを使っています。
など解説あり、

GoogleのChromeのデベロッパーツールは開発者向けにも使われています。
Chromeのデベロッパーツールの使い方
Chromeのデベロッパーツールには標準では9つの機能が搭載しており
この本では「Elements」「Console」「Network」「Application」の4つのタブを紹介

テキストエディター
ソースコードを書くためのアプリで、いろんな種類があります。
Visual Studio Codeを使います。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

Googleアカウントの作成
Googleのアカウントは持っていますか?

https://www.google.com/

Web解析のツール
Googleアナリティクス(GA)

Googleアナリティクス(GA)は、Webサイトやモバイルアプリを、ユーザーがどのように使っているかなど分析

Googleアナリティクスについて、
https://www.google.com/analytics/

Googleアナリティクスの画面

上場企業が利用しているWebサービスランキング(2020年9月度)
https://datasign.jp/blog/datasign-report-20200930/

Googleタグマネージャーは、Webサイト内に設置する「タグ」を管理するためのツールです。
非エンジニアでも無理なく扱えるツールです。

Googleタグマネージャー
https://marketingplatform.google.com/intl/ja/about/tag-manager/

 


 

「やりたいこと」からパッと引ける Googleアナリティクス分析・改善のすべてがわかる本 改訂版 (日本語) 単行本 – 2020/7/18

 


 

CHAPTER 2 Web概論

デジタルマーケティングに取り組むうえでは必須となるWebの前提知識

URLの構成
インターネット上の住所のようなもの
最大6つの要素に分類できます、解説あり

URLは、「プロコトル」「ドメイン名」「ポート番号」「ページパス」「クエリパラメーター」「アンカー名」
など

例えば、筆者が運営する「SEM Technology」のサイト

SEM Technology
https://sem-technology.info/ja/

トップページ、2ページの「URL」住所は
このようなURLです「https://sem-technology.info/ja/?page=2」

この構成要素を分解すると次のようになります。

「プロコトル」は、https
「ドメイン名」は、sem-technology.info
「ポート番号」は、省略可能
「ページパス」は、/ja/
「クエリパラメーター」は、page=2
「アンカー名」は、省略可能
など

通信の約束事を指定するプロコトル
Webの世界では「http」または「https」がプロコトルに用いられます。

本では書いてないけど、
フィッシング詐欺メールで届く、偽サイトのURL。
偽サイトのURLをクリックすると、詐欺サイトやフィッシングサイトに接続されます。
フィッシングサイトなどは、個人情報を入力させることが目的です。
偽サイトの多くは、レンタルサーバーなど契約し、サーバー上に、偽サイトを制作して公開してる

偽サイトの多くは
プロコトルは「http」が多いです。たまに「https」などもある。

httpsの「s」は「Secure」の略で、暗号化された状態でWebサーバーに送信されることを意味します。
httpsは、通信内容を盗み見たり改ざんされたりするおそれの少ないプロコトルで、サイトのセキュリティ向上のため、多くのサイトで導入されています。

Web以外では、ファイルの転送の分野で使われる「ftp」「sftp」
メールの送受信の分野で使われる「smtp」「pop」「imap」もプロコトルの1つです。

 


 

【改訂5版】図解でよくわかる ネットワークの重要用語解説 (日本語) 単行本(ソフトカバー) – 2020/4/16
フルカラーとして5年ぶり大改訂
ネットワークの用語がすべてイラストで解説されているため、かんたんに仕組みからしっかり理解することができます。初級エンジニアや学生の学習用としてはもちろん、現場で活躍するSEやPMの「あんちょこ」としても利用することができると大変好評です。今回の版から、インタネット編は「基礎編」と「技術編」の2つにわかれ、また新たに「セキュリティ編」が追加

【改訂5版】図解でよくわかる ネットワークの重要用語解説 (日本語) 単行本(ソフトカバー) – 2020/4/16

 


 
ドメイン
ドメイン名は、一般的には、1つのWebサイトに対して1つを割り当てます。

インプレスが運営するメデイアサイト「できるネット」では「dekiru.net」というドメインを利用しています。

ただ例外として、GoogleサイトやAmebaブログのように、1つのドメインを複数のサイトで共有するサイトや、大規模なサイトなども、1つのサイトで、複数のドメインを利用するのもあります。

ドメインは「お名前.com」や「ムームードメイン」など、
他にもいろいろあります。
ドメイン取得業者と契約することで、年間で数千円の費用で取得できます。
また、ドメインを取得すると、取得したドメインのサブドメインも同時に利用が可能です。

 


 

CISOハンドブック ――業務執行のための情報セキュリティ実践ガイド (日本語) 単行本(ソフトカバー) – 2021/1/20
企業の情報を守るためにはエンジニアだけでなく、経営側やマネジメント側の情報セキュリティリテラシーの向上が必須です。本書はどうすれば真に効くセキュリティ対策が実現できるか徹底指南します。

CISOハンドブック ――業務執行のための情報セキュリティ実践ガイド (日本語) 単行本(ソフトカバー) – 2021/1/20

 


 

手軽にホームページ検索順位を自分であげる【集客職人 RankingCoach】
独自ドメインの取得なら1円からの【お名前.com】
高速・高機能・高安定レンタルサーバー【エックスサーバー】
格安ドメイン名取得サービス【エックスドメイン】

 


 

WordPress専用の超高速クラウド型レンタルサーバー【wpX Speed】
GMOインターネット株式会社【Z.com】
レンタルサーバー「ロリポップ!」

 


 
独自ドメイン「ムームードメイン」
低コストで簡単、プロのようなホームページ作成「グーペ」

 


 

バリュードメインは250種類以上のドメインを低価格でご提供します。

 


 

ネットオウルのレンタルサーバー
StarServer

独自ドメイン取得サービスならスタードメイン。
取得したいドメイン名を検索!

 


 

「ロリポップ!」レンタルサーバー
難しいことや面倒なことは、全部ロリポップ!におまかせ。
つくることに、夢中になれる環境です。

 


 
MixHost
プランも自由に変更可能です。

 


 

レンタルサーバーなら
さくらインターネット!
無料お試し実施中。さくらのレンタルサーバー

「ヘテムル」レンタルサーバー
高性能レンタルサーバー
セキュアにWordPressを高速化するモジュール版PHPが使えて電話サポートつき。

 


 
サブドメイン
独自ドメイン(ドメイン)には、サブドメインもあります。
サブドメインは、独自ドメインを細かく区別するために使われるものです。

ポート番号
通常は省略されることが多いポート番号
ポート番号は、ドメイン名で指定された場所の、どのプログラムに情報を届けるかを意味しています。

本では載ってないけど、詐欺サイトなどの場合も、接続されてるURLのドメインを見れば、
どこの国に、情報を送信されるとかわかります。
ただ、詐欺サイトの多くは、偽装などされるのが多いです。

プロコトル
通常は、プロコトルがhttpの場合はポート番号は「80」
プロコトルがhttpsの場合はポート番号は「443」が使われる
ただし、これらのプロコトルとポート番号の組み合わせはデフォルトのものであり、省略されてます。

開発環境やテスト環境のURLなどは、このようにポート番号が書かれている場合が多いです
https://example.com:8080/

ページパス
サイト内の階層やページを示すページパス
ページパスは、URLのドメイン名以降に当たる部分です。
ページパスは、「/」スラッシュで区切られており、
通常は「大カテゴリー」「中カテゴリー」「小カテゴリー」などで制作されることが多いです。

このように、カテゴリーごとにディレクトリ(階層)を分けることで、各ページ間の関係性を分かりやすくしたりしてます。

検索エンジンは、階層化されているURLも階層化されていないURLも、同じように認識していると思われます。

 


 

クエリパラメーター
サーバーへの命令を伝えるクエリパラメーター
クエリパラメーターは、さまざまな情報をWebサーバーに伝えるために、URLに付け加える情報を指します。

クエリパラメーターは、「?」の以降の部分を指します。
URL「https://sem-technology.info/ja/?page=2」なら
「?page=2」解説あり

クエリパラメーターは1つのURL内に複数個の設定が可能

同一ページ内での遷移(せんい)に用いるアンカー名
ページ内のリンクのように別の場所へ移動

クエリパラメーター
マーケターの意図でアクセスの分類ができる
意図的にクエリパラメーターを追加することで、同じページのアクセスを複数のグループに分類することもあります。

Web解析ツールのGoogleアナリティクスには、ユーザーの流入元を正しく分類するために、リファラー情報の他に、カスタムキャンペーンというクエリパラメーターを利用できます。
解説あり

 


 

ユーザーエージェント
デバイスやブラウザーを識別する
サイトをパソコンで見ているのか?スマートフォンで見ているのか?など分かります。
ユーザーエージェントとは、Webサイトを訪問するときに、ユーザーが、どのような環境でアクセスしているかを表す情報です。

機種情報を取得する仕組み
1ユーザーエージェント=1ユーザーではない

 


 

Cookie(クッキー)
Cookie(クッキー)とは、Webブラウザーに対してデータを一時的に書き込み、保存する仕組みのことです。

実際のCookie(クッキー)を確認する

Chromeのデベロッパーツールで、
アプリケーションをクリックなど解説あり

 


 

IPアドレス
アドレスは住所です。IPアドレスとは?
IPアドレスは、インターネット上における機器を識別するための番号です。
パソコンやスマートフォンでインターネットに接続する場合は、それぞれにIPアドレスが割り振れています。

インターネットの接続はルーターという機器を経由し、
家庭や職場では、複数のコンピューターが同一のルーターを介して通信しています。
これをプライベートIPアドレスと呼びます。

プライベートIPアドレスは、特定のネットワーク間の通信にしか利用できません。
ネットワークの外への通信が必要なときは、ルーターを使って、インターネットに接続します。
このときに使われるIPアドレスを「グローバルIPアドレス」と言います。

自分のグローバルIPアドレスを確認するには
確認くんのサイトでできます
https://www.ugtop.com/spill.shtml

IPアドレスから取得できる情報
グローバルIPアドレスが分かれば、それを管理してる団体を通じて、利用してるネットワークの情報を知ることができます。
ネットワークの情報は、利用してるプロバイダーやアクセスしてるユーザーの組織情報、回線の種類、「国」情報が含まれます。
組織情報などをもとに、大まかな位置情報の検出も可能
ただし、正しくない位置情報で判断される場合もあるとか

フィッシング詐欺メールなどで、偽のサイトなどのIPアドレスなど見ると、IPアドレスは中国や台湾がとても多いです。

どこどこJPなどを使えば、ユーザーのアクセス元の企業名を特定することも可能など載ってます。

どこどこJP
https://www.docodoco.jp

 


 

リファラー(Referrer)
リファラーは、現在のページへの流入元が分かる
ユーザーが、どのようにしてWebページにたどり着いたのか

リファラー情報を確認するには、
Chromeのデベロッパーツールでします
解説あり

リファラーが送信されないケース

 


 

リダイレクト(redirect)
リダイレクトは、アクセスすると、自動的に遷移(せんい)します。
自動的に、ほかのWebページに転送するなど

リダイレクトを行うには
「HTTPリダイレクト」「メタタグによるリダイレクト」「JavaScripによるリダイレクト」の3つの手法が存在します。
解説あり

HTTPリダイレクトの設定
Webサーバーの設定ファイル(Apacheの場合は「.htaccess」)やCGI(Webサーバーで動作するプログラミング言語)で行う必要があります。
Apache(アパッチ)は、世界中で広く使われているWebサーバーのソフトウェアです。

HTTPリダイレクトかどうか確認する
Chromeのデベロッパーツール
Networkをクリックなど

メタタグによるリダイレクト
JavaScriptによるリダイレクト

リダイレクトが発生するURLにアクセス
「Status」の例が「301」や「302」「307」のような、300番台の数値になっていれば、HTTPリダイレクトが行なわれている

 


 

API
Webサイトの開発を効率化
複数のアプリケーション間でデータのやりとりをするための仕組み

SEO
Googleなどの検索の結果で上位を表示
コンテンツSEO、テクニカルSEO
昔などは、意図的に、検索された結果を上位に表示させるテクニックもありましたが、今では、未意味だそうです。
サイトマップ

Web広告
ネット広告とも言われています
Google広告
機械学習による自動化が進む
リマーケティング広告
解説あり

 


 

CHAPTER 3 HTML

みなさんが見ているWebページが、どのように作られているかを知る。

HTMLの役割
Webページ構成、ソースコードについて
マークアップ

タグと属性
HTMLにおけるタグの階層構造
代表的なタグの種類

リンクを表す、aタグ
リンクタグの例など解説あり

フォームを設置する
form、input、seletタグ

メタデータを記述する、metaタグ
プログラムを埋め込む、scriptタグ
デベロッパーツールによる編集について

実際のWeb制作
Web制作の現場では、まったくのゼロからHTMLを書くケースは、実際には、ほとんどありません。と解説
ECサイトにおけるテンプレートなど

Webサイトはテンプレートで作られています

マーケティングツールのタグ
設置されたタグを調べるには
GAタグ(Googleアナリティクス)、GTMタグ(Googleタグマネージャー)

 


 

ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 (日本語) 単行本(ソフトカバー) – 2021/2/20
Mana (著)

ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 (日本語) 単行本(ソフトカバー) – 2021/2/20
Mana (著)

 


 

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート) (日本語) 単行本 – 2019/3/16
Mana (著)

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート) (日本語) 単行本 – 2019/3/16
Mana (著)

 


 

HTML&CSS コーディング・プラクティスブック 5 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版

 


 

初心者からちゃんとしたプロになる HTML+CSS実践講座 (日本語) 単行本(ソフトカバー) – 2020/8/28

初心者からちゃんとしたプロになる HTML+CSS実践講座 (日本語) 単行本(ソフトカバー) – 2020/8/28

 


 

CHAPTER 4 CSS

Web制作者やデザイナーではない、マーケターにとってはCSSで覚えておくべきことは、それほど多くありません。

CSSの役割
HTMLに対してデザインを定義する
CSSの記述方法など解説あり

プロパティと値をセットで記述する

セレクターについて
idセレクター
classセレクター
属性セレクター
子孫セレクター
複数のセレクター
など

 


 

CSS設計完全ガイド ~詳細解説+実践的モジュール集 (日本語) 単行本(ソフトカバー) – 2020/2/27

CSS設計完全ガイド ~詳細解説+実践的モジュール集 (日本語) 単行本(ソフトカバー) – 2020/2/27

 


 

CHAPTER 5 JavaScript

JavaScriptの役割
ほとんどのWebページでは、HTMLとCSSの他に、「JavaScript」などのプログラミング言語など使われています。

JavaScriptは、サーバーではなく、ブラウザー上で動作する
Web開発に使われるプログラミング言語には、
JavaScript以外にも「PHP」や「Ruby」「Python」などが存在します。など解説

「JavaScript」は、ブラウザー上で動作するため、サーバーからソースコードがブラウザーに送信されます。そのため、ソースコードをブラウザー上で閲覧できます。

一方、サーバー側で、動作する「PHP」や「Ruby」「Python」のプログラミング言語のソースコードは、すべてサーバー上で処理され、処理を行った結果のHTMLコードのみがブラウザーに返されます。
よって、これらのソースコードを閲覧することはできません。

JavaScriptを使えば、今、見ているWebページのHTMLやCSSを書き換えが可能

JavaScriptでプログラミング
デベロッパーツールで、JavaScriptのコードを書いてみよう
解説あり

JavaScriptでの変数
変数はプログラミングの必須項目
変数は、値を入れておくための入れ物のようなもの。後から、その値を呼び出して用いることができます。

変数名を定義する
変数名と値のルール

JavaScriptで計算式
プログラミングを使って計算しよう

JavaScriptでの配列
配列とは、複数のデータを連続的に並べることができる変数です。

JavaScriptでのオブジェクト
複数の変数を1つに、まとめた要素です。

JavaScriptでの繰り返し処理と条件分岐
繰り返し処理は、決まった回数、あるいは何らかの条件を満たしている間、同じ処理を繰り返して行う。
代表的な比較演算子
代表的な論理演算子

JavaScriptでの関数
一連の命令を繰り返して実行する
自作関数を定義するコードの書式

動かないコードはMDN Web Docs – Mozillaで調べる
リファレンスサイトです。
MDN Web Docs – Mozilla
https://developer.mozilla.org/ja/

JavaScriptの次に、おすすめの言語
Googleスプレッドシートと連携して動かすことができるGoogle Apps Script
他にPythonなど載ってます。

 


 

JavaScript[完全]入門 (日本語) 単行本(ソフトカバー) – 2021/2/5

JavaScript[完全]入門 (日本語) 単行本(ソフトカバー) – 2021/2/5

 


 

確かな力が身につくJavaScript「超」入門 第2版 (日本語) 単行本 – 2019/9/21

確かな力が身につくJavaScript「超」入門 第2版 (日本語) 単行本 – 2019/9/21

 


 

CHAPTER 6 正規表現

デジタルマーケティングの業務においては
URLやソースコードの中から目的の文字列など探したい場合もあります。

正規表現の役割
パターン化された文字列を抽出する
Googleドキュメント、正規表現を使って、ふりがなを抽出する
Googleドキュメントの他にも、テキストエディタ、他、さまざまなツールで利用が可能

Visual Studio Codeで正規表現を使って検索、置換する

正規表現には「メタ文字」というものが使われます。
文字列とメタ文字を組み合わせパターンを作る
[ ]大カッコ、*アスタリスク、?クエスチョン、ほか

日付や電話番号を抽出してみる

 


 

CHAPTER 7 Googleアナリティクス

PART 1 では学習編でした。
PART 2 マーケティングでの実践
実践編です

マーケティングツールは年々と機能が高度化しています。
Webサイトに関連する部署の場合は、Googleアナリティクスを使うようになった人は多いでしょう。
すでに設定されていた目標(コンバージョン)をレポートにする。問題なくできるはずです。

Googleアナリティクスの役割
GoogleアナリティクスはGoogleが提供するWeb解析ツールです。
ユーザー動向を把握してWebサイトを改善

Googleアナリティクスの有料版のGoogleアナリティクス360

Googleが提供する主なマーケティングツール
A/Bテスト
タグ管理
広告配信
Google検索結果の監視など

Googleマーケティング・プラットホームについて解説あり

本書h,Googleアナリティクスの専門書ではありません。

GoogleアナリティクスはWeb解析
Googleデータポータブルは、データ視覚化
Google Search Consoleは、Google検索結果の監視、改善
ほか

Googleアナリティクスは登場してから15年が経過

Googleアナリティクス
ページビューを計測する仕組み
ユーザーが、どのようにサイトを利用しアクセスしているか
タグを設置すれば、とりあえず計測はできます。

GAは「Webビーコン型(タグ方式)」のWeb解析ツール

ユーザーとクライアントID
GAのユーザーはCookieが記録するID

Googleアナリティクスでのユーザーサマリーのレポートの例

1ユーザーは正確には、1ブラウザーを指している
また、同じドメインに同じ人が、PCからアクセスした場合おスマートフォンでアクセスした場合は、同一ユーザーではなく、別のユーザーと認識されます。

計測データの出所
タグアシスタントで分解した計測データ

Measurement Protocol のパラメータ リファレンス
https://developers.google.com/analytics/devguides/collection/protocol/v1/parameters?hl=ja

クエリパラメーターに含まれないデータもある

年齢・性別のレポート例

Googleアナリティクス
ダイレクトトラフィックの原因
どうやってサイトにアクセスしてきたか
参照元「direct」
メデイア「none」などに分類

サイト内の一部のディレクトリのみを計測するGA実装のベストプラクティス
https://sem-technology.info/ja/google-analytics/ga-impl-subdirectory

Googleアナリティクス
スプレッドシートによるレポートの抽出
加工しやすい形式でGAのデータの出力

Googleアナリティクス
目標設定
Googleアナリティクスの目標設定画面

クロスドメイン トラッキングの仕組み
2つのドメインを1つのサイトとして扱う

クロスドメイントラッキング実装における5つのトラップ
https://sem-technology.info/ja/google-analytics/crossdomain-trap

 


 

CHAPTER 8 Googleタグマネージャー

Googleタグマネージャーは、マーケティングツールのタグを管理するサービスです。

マーケティングツールを利用するには、サイト内にタグの設置する、その場合は、Web制作者に依頼するのが前提でした。

Googleタグマネージャーを使えば、どのページに、どのタグが設置されてるのか、簡単に把握できます。

Googleタグマネージャーを利用するには、最初にコンテナを作成します。
コンテナとは容器となるもの。

Googleタグマネージャー
https://marketingplatform.google.com/intl/ja/about/tag-manager/

Googleタグマネージャーのインストールの仕方など解説あり

Googleタグマネージャーでは、タグ、トリガー、変数の要素が重要です。

Googleタグマネージャーがインストールされたページにおいて最終的に実行され、動作する

ツールの利用やデータの計測を可能にするタグ
Googleタグマネージャーのタグ

タグを実行する条件を指定するトリガー
Googleタグマネージャーのトリガー

タグやトリガーで使う値を格納する変数
Googleタグマネージャーの変数

Googleアナリティクスのページビュータグの設置
実際にタグを設置する

変数を作成する
トリガーを作成する
タグを作成する

タグをプレビューして動作確認する

クリックイベントの計測
Webページ上のクリックを計測するトリガーを作成する

デベロッパーツールでHTMLコードを確認する
バナーのクリックを条件としたトリガーを作成する
イベントトラッキングのタグを作成する

HTMLから値を取得する変数
CSSセレクターでサイト内の特定の値を取得

利用頻度の高いトリガーのタイプ
ページビューに関連するタイプ
①DOM Ready
②ウィンドウの読み込み
③ページビュー

利用頻度の高い変数のタイプ

データレイヤー変数

Google 広告の動的リマーケティング
https://support.google.com/tagmanager/answer/6106009?hl=ja

タグマネージャーの環境は、どんどん複雑になる
など、ほか解説あり

 


 

CHAPTER 9 発展的なテクノロジー活用

本書でのテクノロジーの知識は
エンジニアからすると基本的な範囲に留まります

より高度な学習に向けて
エンジニアがいたら何ができるのか?をイメージする

データベースとBIツールの活用

オフラインデータの統合

Googleアナリティクスへのデータのインポート

ITPの登場とCookieの終焉(しゅうえん)
など

 


 

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

おすすめ

Tíːsign