The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
AMPページをGoogleアナリティクスで計測するベストプラクティス 本記事は2017年8月21日に公開されましたが、2017年11月現在の状況に即した内容に更新いたしました。 GoogleやTwitterが共同でAMPに注力したことで、ウェブサイト内にAMPページをもつサイトも増えつつあります。今回はAMPページにおける計測のベストプラクティスを紹介します。 Webサイト内の1つのコンテンツに対してAMPページのみの運用も可能ですが、基本的にはスマートフォンでの閲覧に最適化されたページがセットとなります。 そうなると運用工数的には別リソースとなりますので、それぞれのリソースに対してAMPページと非AMPページがユーザーにどのように扱われているのか、その成果を正確に計測できる環境を用意する必要があります。 計測する仕組みとして2017年10月6日にGoogleアナリティクス公式ブログで下記
こんにちは、連久実子です。 2017年8月にGoogleアナリティクスの新たなトラッキングコードである「グローバルサイトタグ(gtag.js)」がリリースされたことにより、Googleアナリティクスの設定で悩まれる方が増えているようです。 個人的には、様々な設定方法がWeb上で公開されているGoogleタグマネージャ経由でユニバーサルアナリティクスのトラッキングコードを設置する方法をおすすめしますが、私の生徒さんからも、GTMの導入は出来ないので、どうしてもグローバルサイトタグ(gtag.js)を使いたいといった要望を聞きくことがあります。 そこで、グローバルサイトタグ(gtag.js)でのeコマース設定ができるか試してみました。 Enhanced ecommerce | Universal Analytics for Web (gtag.js) | Google for Deve
With Black Friday/Cyber Monday just a few weeks away, it’s time to get clients set up and ready to sell. The list of solutions to choose from keeps on getting longer, so how do you pick which one to go with? Start with a list of features that are must-haves for your client, be clear on what their budget is, decide how much development you want to do to get the thing set up, and whether you want a
デザインの基礎を学ぶ グラフィックデザイン初心者向けオンラインレッスンまとめ「22+ Absolutely Free Online Lessons For Beginner Graphic Designers」 デザインをこれから始めようとする時に、抑えておきたいのがデザインの基礎知識。しっかりとした基礎知識は、今後の伸びや成長をもしっかりと支えてくれるはず。今回ご紹介するのはそんなこれから基礎を学ぶ初心者の方におすすめな、デザイン初心者向けオンラインレッスンをまとめた「22+ Absolutely Free Online Lessons For Beginner Graphic Designers」です。 Shape Type, the letter shaping game デザインに必要な基礎知識をわかりやすくまとめた、無料の講座が22種類も紹介されています。今回はその中からおすすめ
WordPressで○分前や○日前といったように、記事が投稿されてからの経過時間を表示させる方法です。 よくある2017/01/01のような年月日の表記だけでなく、ちょっとした補足としてこういったものを出したいときに。 Codex(Function Reference/human time diff « WordPress Codex)に掲載されているサンプルコードそのままですが、human_time_diff()を使って表示させたい箇所へ下記のように記述することで、記事が投稿された時間を○分前や○日前といった経過時間で表示させることができます。 echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . '前に投稿されました。'; コード後半にある「前に投稿されました。」の部分は経過時間表示に続けて表示させ
これまでWebデザイナーについての仕事内容やWebデザイナーとはなんたるものか、などいくつも記事が書かれてきましたが、Webデザイナーとして仕事をしていくにあたり、実務経験以外にどうやってスキルアップを図っていくのか?まずはどこから勉強していけばいいのか? デザインを上達させるために、デザイナーは大体通るであろう、「トレース」について今回は書きたいと思います。 トレースとは? 「トレース」とは、その名の通り模写することを指します。Webデザイナーに限らず、デザイナーたるもの、日々いろいろなデザインに触れ、自分の引き出しを増やしていくことは当然のことです。 ただそれだけなら、デザイナーだけでなくどんな方でもできることかと思いますが、そこから「良いデザインがなぜ良く見えるのか?」ということを細部までしっかりと見て、考えることがまず第一歩です。 そこから先に「トレース」という良いデザインの完全コ
WordPressで記事が公開された日ではなく最後に更新された日を表示させる方法です。 新規だけでなく既存コンテンツも頻繁に更新しているブログやメディアなどであれば、公開日は少し前でも内容は常に更新しているということを伝えることができます。 記事の最終更新日を表示する 記事の更新日を常に表示したい場合は、the_modified_date()を利用すれば表示させることができ、下記のように任意の日付フォーマットで表示させることもできます。 更新されていたら更新日を表示し、されていなければ非表示 更新されていた場合のみ表示させたい場合は、下記のように記述することで実装できます。 動きとしては記事の公開日と最終更新日を比較して「記事の公開日と最終更新日が異なっている」というときにthe_modified_date()で更新日を表示させており、これであれば特に日付だけでなく特定のHTMLやテキスト
コンテスト 小学生のためのプログラミングコンテスト 「TECH KIDS GRAND PRIX 2023」 プログラミングゼミ賞が発表されました! ※下記ボタンをクリックすると「TECH KIDS GRAND PRIX 2023」のサイトへ移動します。 詳しくみる スマートフォンや家電など、たくさんのコンピュータと暮らすことがふつうの時代を生きる子どもたち。 必要になるのは問題解決に向き合う考える力や、たくさんの答えを導き出す発想力。 そんな子どもの可能性に寄り添います。 「プログラミングゼミ」は、ブロックをつないでキャラクターを動かして遊ぶアプリ。 自分で描いた絵で新しいアニメーションを作ったり、宝あつめをしたりするゲームで 遊びながらプログラミングが学べます。 詳しくみる 「プログラミングゼミ」は、多くの学校で子どもたちに、楽しくプログラミングに触れてほしいとの願いから生まれたアプリで
今回お届けするのは、「localStorage(ローカルストレージ)」について。 HTML5から導入されたAPI、Web Storageの一種で、その仕組みはcookieによく似ています。 Web Storageと一体どのような違いがあるのか、今回はその概要と使い方を見ていきましょう。 ブラウザにデータを保有してどうするの? cookieもWeb Storageもクライアント側(ブラウザ)にデータを保有する機能ですが、なぜそのような仕組みが登場したのでしょうか? その答えは、HTTPが「ステートレスな(=状態をもたない)プロトコル」であることに関連しています。少しだけおさらいしてみましょう。 HTTP通信は「リクエストを投げる→レスポンスを返す」の一往復のやりとりで完結します。 全通信のひとつひとつが全く別のリクエストとして扱われるため、例えば再訪問かどうかを判断することは不可能で、同じク
Googleの地図検索サービス、Google マップ。 普段からスマホアプリなどで利用するシーンも多いと思いますが、提供されているAPIを使えば自分のWebサイト上にアクセスマップを表示できます。 おなじみのGoogle マップをそのまま掲載することはもちろん、JavaScriptを駆使してオシャレな見た目にカスタマイズすることも可能です。 今回はそんな「Google Maps API」の基礎として、APIキーの取得から、ページにシンプルなGoogle マップを表示するまでをご紹介していきます。 はじめに WebサイトにGoogle マップを表示させる代表的な方法は大きく分けて2つ。 「埋め込みコード」か「Google Maps API」のどちらかです。 「埋め込みコード」は一番簡単な方法で、Google マップ上で目的地を検索後、「共有」ボタンから地図を埋め込むためのコード(<ifram
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く