AISASをインターネット広告に活用する | 株式会社プリンシプル
１、AISASを活用する背景 株式会社電通の発表によると、日本のインターネット広告費は１兆５千億円（※４年連続で２ケタ成長）に達しており、マスコミ四媒体（テレビ、ラジオ、新聞、雑誌）と比較して大きな成長を遂げています。 http://www.dentsu.co.jp/news/release/2018/0222-009476.html ※電通 「2017年 日本の広告費」 広告主・代理店が広告を扱う場合には売上や顧客獲得数など最終成果につながったかどうかを確認します。当然インターネット広告も最終成果の確認が必要不可欠ではありますが、加えて、ユーザーに広告が表示されてからどのように商品・サービスを閲覧し、購入に至ったのか、中間指標を設定することで根拠を伴って施策の改善を行うことができます。 筆者はその中間指標の設定に、電通が提唱したAISASモデルをフレームワークとして活用しています。 この
細かすぎるけど伝わってほしい私的BEMプラクティス30（ぐらい）
BEMのいいところは、それが何者なのかが明白ということに尽きる。とある要素を見たときに、そのスタイルがどこに書かれているのか、何を表しているのかがクラス名を見ればわかる。手を入れる際も、どこに追記すればよいのか、どれくらいの影響を及ぼすのかの大部分が推測できる。 レスポンシブ・デザインと相性がいいとか、流行りのコンポーネント指向と相性がいいなど、BEMの良さは他にもいくつか挙げられるけど、決定的なのは明瞭さであると思う。 BEMを使いはじめてかれこれ３，４年くらい経った。その間に色々な命名規則や設計思想が登場してきたけれども、今のところは浮気する程の魅力を他に感じることもなくBEM一筋でやってきている。ただし実践するにつけて、より明瞭で破綻しづらい設計を実現するために、様々な制約やガイドを設けてやってきたので、「もともとのBEM」からは多少なり離れているかもしれない。 ただし、それはBEM
Dreamweaver CC 2017で検索結果を保存
/t5/dreamweaver%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/dreamweaver-cc-2017%E3%81%A7%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%E3%82%92%E4%BF%9D%E5%AD%98/td-p/8695962 Nov 17, 2016 Nov 17, 2016 Dreamweaver 2017で検索結果をレポートとして保存する方法がわかりません。 直前のバージョンまでは検索結果をxml形式で保存できたのですが、アップデートしたところ、その機能が見当たらなくなってしまいました。 以前と同様の形式が望ましいですが、他の形式でも構わないので、出力方法がわかる方がいらしたら教えてください。 よろしくお願いいたします。
Material Design Lite
COMPONENTS Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite co
Google Chromeデベロッパーツールの使い方をおさらい - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
こんにちは。 今回はWeb制作でのデバッグやチューニングに役立つ、Google Chromeのデベロッパーツールを紹介します。デベロッパーツールは非常に多機能なツールですが、今回は基本的な機能3つに絞って紹介します。 デベロッパーツールでできること HTMLの要素の情報やCSSでのスタイリングの状態の確認 スマホやタブレット等の他デバイスでの表示確認 ページ内に存在するエラーや警告の確認 ページのリクエストをしてからの通信内容を一覧で確認 ・・・等々。 中でも最もよく使われるのがHTMLやCSSの状態の確認だと思います。 ページで表示崩れが発生した時などに、特定箇所のHTMLやCSSがどのように反映されているかリアルタイムで確認できるので、問題箇所をスピーディーに特定できます。また他社サイトのコードも確認できるので、「この部分どうやって書いているんだろう？」と思った箇所を効率よく調べること
Google Webmaster Help Center - I have a mobile site. How can I add it to Google's Mobile index?
Mobile site and mobile-first indexing best practices Google predominantly uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking. This is called mobile-first indexing. While it's not required to have a mobile version of your pages to have your content included in Google's Search results, it is very strongly recommended. These best practices apply t
新人コーダーに知っておいて欲しい命名規則の考え方[画像・ID・class名]｜クロノドライブ
新人コーダーが迷いやすいと言われている、ファイル名、id・class名の付け方。 この記事では、それぞれの命名規則やコツについてまとめたいと思います。 少しでも皆様の参考となれば幸いです。 共通事項 ファイル名、id・class名を付ける際の注意点 まず始めに、ファイル名、id・class名を付ける際の注意点から確認していきます。 難しいことはありません。 下記に注意して名前を付けるようにましょう。 １．半角英数字のみを使用する。 「日本語」、「全角英数字・記号」、「半角カタカナ」は使用することが出来ません。 ２．記号は「-」（ハイフン）、「_」（アンダースコア）のみ使用する。 「\」（エンマーク）、「/」（スラッシュ）、「:」（コロン）、「*」（アスタリスク）、「?」（クエスチョン）、「”」（ダブルクォーテーション）、「<」（左アングルかっこ）、「>」（右アングルかっこ）、「|」（パイプ
![新人コーダーに知っておいて欲しい命名規則の考え方[画像・ID・class名]｜クロノドライブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c81495bec5cb3ed860ace323c97fffb85ea3e62c/height=288;version=1;width=512/http%3A%2F%2Fhtml-coding.co.jp%2Fogp_img.jpg)
WordPressで固定ページをブログのトップとして記事を一覧表示する方法
過去に、query_postsを使って試行錯誤して固定ページに記事一覧を表示させる記事を書いたのですが、もっと簡単にできる方法を教えて頂いたのでシェアさせて頂きます！ありがとうございますー！｡･ﾟ･(ﾉД`)･ﾟ･｡ ここまでの流れ query_postsで固定ページに一覧表示していた 昨年、こんな記事を書きました。 こんな構造のサイトを作りたくて、blog.phpという固定ページをブログのトップにしたいんだよーと。で、試行錯誤して書いたのがこちらの記事です。 [WordPress]固定ページで記事一覧を表示するために行き詰まったあれこれ query_postsは非推奨…！？ それが、冒頭に追記させて頂いていたようにquery_postsが非推奨である、という記事を拝見してこれ、ダメなんじゃないかと…。 ここで、私は非推奨＝使っちゃダメ！なんだと思ってしまい、焦って「ヤバい！あんな間違った
Webサイトの作り方のまとめ！デザイン制作からコーディング手前まで。
話し合い Webサイトの制作に向けて、まず最初にする事は、依頼主についての情報を収集することです。依頼主と話し合い、どんなサイトにしたいのか、方向性を決めてゆきます。 依頼主との話し合いでは、以下の2点について、しっかりと決めておく事が大切です。 サイトにどんな情報を入れるか、どんな人に向けて発信するか、サイトをどう活用していきたいかなど、サイトを立ち上げる目的は何かを確かめる。 どんな雰囲気のサイトにしたいか、理想とするサイトや、希望・要望を聞きながら、どういうデザインにするかイメージを固める。 また、同業他社のサイトを片っ端から見まくる事。今回の場合、喫茶店やパン屋さん、ケーキ屋さんなんかが参考になるかもですね。他のサイトではどんなコンテンツがあるか、どんな見せ方をしてるかとか、この業種だとどんな色遣いのサイトが多いのかとか、たくさんみる事で、刺激になったり、イメージが掴めたりします。
あなたはCSSプロパティ”display”をどのぐらい知っているだろうか？ | POSTD
CSSプロパティの1つである display は、CSSレイアウトに用いるプロパティの中でも極めて重要なものです。よく使われているのは、 block や inline 、 none あたりでしょう。 table や inline-block も、今ではかなり一般的になってきたと言えます。一方、 flex は新たに登場したものです。きっとユーザに気に入られるでしょう。これはレイアウト用に特別に作られたdisplayプロパティです。さらには、この先、 grid がまもなく私たちの秘密兵器となるでしょう（現在、盛んに取り組まれています）。これもまた、レイアウトに特化したプロパティです。 本記事は、当初予定していたよりもずっと長くなりました。ご希望に応じて、自由にサブセクションに飛んでお読みいただければと思います。もし、お時間を割いて全体を読んでいただけるのでしたら、大変嬉しく思います???? 目
graphAPIを使ってfacebookの投稿を読み込む方法 - 株式会社オーツー｜スタッフブログ
こんにちわ。webデザイナーの池田です。 弊社ではオリジナルレーベル「peakvox」にてfacebookを運用しているのですが、 突然facebookの更新情報が取得できなくなり、すこしハマってしまったので共有させて頂きます。 同じ現象にお悩みの方の参考になればと思います。 今までの取得方法 まずは、今までどのように取得していたかというところですが、 弊社ではgoogleFeedApiを使ってfacebookが発信しているfeed情報を取得してタイムラインの更新をお知らせしておりました。 しかしある日突然エラーが・・・。 「400:Feed could not be loaded.」 要するにフィードが読み込めないよーと言っているようです。 それもそのはず、実はfacebookのfeed配信の機能が2015年6月23日をもって終了となっていました。 https://developers.
Compressor.io - optimize and compress JPEG photos and PNG images
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね（遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unreal Engine | The most powerful real-time 3D creation tool
AAMZ Viewer
https://qiita.com/rgbkids/items/8ec309d1bf5e203d2b1
oh-endan.jp - このウェブサイトは販売用です！ - oh endan リソースおよび情報
Catalog | KAWAJUN Global Hardware
JavaScript ウインドウを開く（サイズ・位置・各バーの表示設定 width,height, top,left）