デジタルの時代、マスマーケティングの限界を超える：デジタル戦略を推進させる3つの力 | DIGIDAY［日本版］
本記事は、WPPグループ最大のデジタルエージェンシーVML日本法人の代表および、株式会社FICCの代表取締役を兼務する荻野英希氏、動画メディアスタートアップのSpotwright代表を務める明石岳人氏の共同執筆による寄稿 […] 本記事は、WPPグループ最大のデジタルエージェンシーVML日本法人の代表および、株式会社FICCの代表取締役を兼務する荻野英希氏、動画メディアスタートアップのSpotwright代表を務める明石岳人氏の共同執筆による寄稿コラムとなります。 デジタルの語源は、数を数える「指」を意味するラテン語の「digitus」にあります。しかし、マーケティングにおいてデジタルという言葉は、単に「数字に基づく」ということよりもはるかに広範な意味を持ちます。デジタルデバイスからリーチするあらゆるメディア、eコマースのような新たなマーケティングミックスの要素、日常生活のあらゆる場面で登
Googleアドセンスの収益が倍増した広告レイアウトを教えますよ - 非天マザー by B-CHAN
アドセンスで生活費 世の中にはブログで収入を得たい人がたくさんいます。 ボクはその挑戦を大いにオススメしています。 www.b-chan.jp www.b-chan.jp そのためにGoogleアドセンスを使っている人がたくさんいます。 一般の人は、アドセンスを1ページに3枚まで置くことができるんですが、その配置に悩んでいる人が多いんですよね。 ネットで検索すれば、アドセンスの効果的なレイアウトに関する記事が山のように出てきます。 どれが良いのやら。 上の方に置いたほうが良いとか、下のほうが良いとか、サイドバーが良いとか、2つ並べるのが良いとか。 実際に自分でいろんなパターンで試してみて効果測定するのが良いんですが、それなりに時間がかかります。 そこで、今回はボクが良いと思ったパターンを紹介しておきます。 先日、こんな記事を書きました。 www.b-chan.jp その後も試行錯誤して、レ
Web担当者が見るべきWebマーケティング調査データ15選｜ferret [フェレット]
ホームページで売上を上げるためには、何から手をつければいいのでしょうか。 SEO や 広告 で集客を強化する、 コンバージョン しやすいように 導線 設計する、SNSで リピーター を増やすなど、手段は無数に存在します。 しかしそれらを実行する前に、知っておくと有利になるのが市場調査データです。 今はどのSNSが一番使われているのか、検索順位で1位になった場合はどの程度クリックされるのか、動画への関心が高まっているけど実際はどうなのか…というようなデータを知っておくことで、 ・利用するべき手段の選定が容易になる ・仮説の根拠を増強できる ・自社データと平均値との比較ができる（何が悪いかが可視化される） などのメリットを享受できます。 今回は、Web担当者であれば確実に知っておいた方がいいWeb マーケティング 関連の最新調査データをまとめました。 Web全般 広告 やWebサービス全般につ
![Web担当者が見るべきWebマーケティング調査データ15選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e4f0da261142ce5c0b09e4c597e3fe71265ce7e/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fimages%2F55683aec69702d6128060300%2Flarge.jpeg%3F1432894187)
VR映像制作・配信サービス、オリジナルプリントゴーグルなど、ハイクオリティでユニークなハコスコのVRソリューション | ハコスコ ー メタバース・XR・ブレインテックの実験カンパニー
360°映像配信プラットフォームからオリジナルゴーグル制作まで。2014年の創業以来、VRソリューションをワンストップで提供しているハコスコならではの、ハイクオリティでお客様のご要望に最適なサービスを提供いたします。
スマホ対策に！CSS3追加セレクタと疑似クラスの書き方サンプル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
九州ライターの村上です、皆さんこんにちは。最近最も嬉しかったことは筋肉痛がすぐに来たことです。そんな微妙なお年ごろ。 仕事でHTML/CSSの講師をしておりますが、近年スマートフォンの普及によりCSS3.0の導入も随分と浸透してきたように思います。あわせてセレクタの書き方が複雑になってきたので、今回はCSS3.0で追加されたセレクタと擬似クラスをまとめておきます。 実務でもよく使われるものには記述例を載せていますので、参考にしてください。 CSS3で追加されたセレクタと擬似クラスまとめ 属性セレクタ 構造疑似クラス ターゲット疑似クラス UI要素状態疑似クラス 否定擬似クラス 属性セレクタ 属性で設定した値に関するセレクタです。 E[Attr^=”val”] セレクタ［属性＾＝”値”］ Attr属性の値がvalで始まるセレクタに適用する。 【例】リンクの属性がhttpを含む（外部リンク）場
【Webデザイン】WebDesignClipが新コンテンツをリリース!!
あの…今回は告知＆お知らせであります。。 クリエイティブの高いWebサイトのクリップ・リンク集のWebデザインクリップがこの度、スマートフォンとランディングページのクリップ・リンク集をリリースしました。今後もボチボチ更新して参りますので皆さん宜しくお願いします。m( _ _ )m
Navstack.js - ハイブリッドアプリやスマートフォン向けWebサイトの画面遷移はこれにお任せ MOONGIFT
スマートフォンのWebビューは従来に比べると遙かに進化していて、レンダリング速度やJavaScriptの実行速度も高速化しています。そんな中、ネイティブアプリとWebアプリの違いと言えば、画面遷移のアニメーションにあるのではないでしょうか。 上下左右から画面がスライドして表示されるのはやはりアプリならではといった感があります。そんな表示をサポートしてくれるWebアプリ用ライブラリがNavstack.jsです。 Navstack.jsの使い方 使い方としてはまず、ステージを作ります。 stage = new Navstack({ el: $('#stage') }); 後はページ遷移をする度にpushしていくだけです。 // Navigate to new pages using push. stage.push('/home', function() { return $("<div cl
【はてなブログ】ちゃんとスマホ対応しないとお客さん素通りしていくぞ！ - きりんの自由研究
きりんの自由研究ではブログを使って何かしたいと思っている人のために、ブログ運営してて気づいたTIPSも公開していきます。 その中でも今回は、はてなブログのスマホ対応について書きます。 はてなブログを使っている人は、バズった時お客さんが素通りしていくので、ちゃんとスマホ対応しておかないとヤバいです。 はてなブックマーク発で記事がバズるとほとんどモバイル経由になる これはある日のこのブログのGoogle Analyticsのリアルタイム状況です。注目すべきは丸で囲んでいる所。PC/モバイル比率と、アクセス元です。Gnousy/smartnews経由の流入がメインになり、携帯電話比率がPCを超えます。 最近いくつか、はてブ経由での流入を狙った記事を幾つか書いています。これとか↓ この時は男女共に興味のあるテーマだったので、Smartnews/Gnousyから同時に大きく取り扱われました。 リアル
POP by Marvel - Turn sketches into iOS and Android prototypes
Introducing Ballpark - Simple surveys and user testing for prototypes
スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログ トップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava
Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
こんにちは。enjiです。 Web屋として７年程生き抜いているのですが、その中で「本当にこれは便利だ！もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します！ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。 紙をスキャンしてPDFや画像データに変換します。 今まで、どんどん溜まっていた紙の資料等が スキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので 大事な契約書、説明書、名刺などなんでもホイホイデータにしておけば いつでも確認できて便利です。 迷っているなら即、買いです。本の自炊もできますよ。 htt
![Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b792ceab25163d511322e761b62b3251283ef3a6/height=288;version=1;width=512/http%3A%2F%2Frentalhomepage.com%2Fwp-content%2Fuploads%2F2013%2F06%2Fmedium_322458462-e1373186659782.jpg)
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
特にサッカーファンにはお試しいただきたいDAFLOID for iPad
UIEジャパンがImagica TV、スクワッドと共同開発しているDAFLOIDがiPad向けにリリースされたのでここに報告させていただく。 DAFLOIDは、ひと言で言えば「自分が好きなスポーツやチームのことばかりが書いてあるスポーツ速報、ニュース、記事、ソシアルフィードが、ひとまとめになって、タブレットを通じて毎日・毎時とどけられる」という体験をおとどけするメディア・アプリケーションである。 Flipboardのように単にRSSフィードやソシアルフィードを集めてくるだけのフィード・コレクターものとは大きく異なり、プロのスポーツ・ライターたちがDAFLOID向けに速報や記事を書き、編集もし、今までの新聞や雑誌と同等の（もしくはそれ以上の）手間をかけてちゃんとした「紙面作り」をしているのが特徴だ。 目指すは、１０年後２０年後の子供たちに「お父さんたちの時代にはDAFLOIDなしにどうやって
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10代の過半数はスマホでドラマ視聴、無料の広告付きプランを希望
html5-memo.com
https://kaizenplatform.com/media/
タブレット向けWebデザインのノウハウ40選 ―― 第1章 タブレットの機能を知る | タブレット向けWebデザインのノウハウ40選
たった１行でiPhoneサイトのヘッダーにアプリバナーを表示させる方法 ｜ iPhoneデザインボックス
html5-memo.com