tanakaBoxのブックマーク - はてなブックマーク

Webブラウザのプッシュ通知を簡単に実装！「Push.js」の使い方を徹底解説

スマートフォンアプリではおなじみのプッシュ通知。実は、Webブラウザからもできることをご存知でしょうか。 JavaScriptの*「Web Notification API」*というプッシュ通知を制御するAPIを使うことで、モバイルだけでなくデスクトップにもWebサイト経由でプッシュ通知ができるようになります。しかし、モダンブラウザの多くがサポートを始めている一方で、まだ利用したことがないひとも多いのではないでしょうか。今回は、Web Notification APIを簡単に扱うことができるPush.jsを使って、簡単にブラウザ通知を実装する方法をご紹介します。プッシュ通知とは？これまでは、ホームページの更新を通知する方法としてはRSSやメールなどを利用している人が多かったのではないでしょうか。しかし、RSSはRSSリーダーに登録する手間が必要で、メールでもメールアドレスをユー

tanakaBox 2019/01/31

push

リンク

Webデザイン初心者がランクアップするためのCSSのコツ10選

ブログを始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。そこで必ず話題に上るのが、CSSです。もちろん、LessやSassのようなCSSプリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができるCSS)が誕生したことで、より複雑なデザインをできるだけ少ないコードで書くことができるようになりました。しかし、フロントエンドエンジニアとしてレベルアップするためには、どのように書けばレイアウトが改善されたり表示速度が速くなるのかをしっかりと理解しておいたほうがよいでしょう。今回は、Webデザイン初心者がランクアップするためのCSSのコツをご紹介します。これから紹介する、多くの初心者を泣かせたCSS

tanakaBox 2017/03/04

css

リンク

全部無料ってほんと？13,000サイトが導入するサイト分析＆改善ツール「Juicer」とは

インターネット広告費は年々高騰傾向にあり、いかに多くのユーザーを集客するか、日々頭を悩ませる方も多いのではないでしょうか。一方で、集客したユーザーにコンバージョン（CV、購買やお問い合わせ、資料ダウンロードなど）してもらうための施策、つまりサイトの分析と改善にお金と労力をかけられている会社はどのくらいいるでしょうか。今回は国内13,000サイト以上の導入実績があるサイト分析＆改善ツール「Juicer」をご紹介しつつ、Webサイトの分析、改善を行うために知っておくべきポイントを紹介します。サイト分析＆改善活動の重要性とは Webサイトで成果をあげるためには、集客を増やすこと、集客したユーザーのCV率を向上させること、主にこの2つに注力する必要があります。しかし、広告には多くの予算が投じられる一方、その受け皿となるサイトには特に施策が行なわれていない、というケースが多く見られます。集客

tanakaBox 2017/02/26

SEO

リンク

そういうことだったのか！と思わずうなずく「機械学習」超入門

最近、Web業界やテクノロジー分野で人工知能(AI)やデータマイニング、ディープラーニングなどのキーワードとともによく耳にするようになった言葉の一つに「機械学習(マシーン・ラーニング)」という言葉があります。機械学習はGoogleの自動運転車をはじめ、AmazonやZOZOTOWNなどのオンラインショップやNetflixやAWAなどの音楽ストリーミング配信サービスで使われるレコメンデーション機能、twitterやインスタグラムで顧客が投稿している内容を分析するマーケティングオートメーションなど、今日の社会でも頻繁に活用されています。「機械学習」は、今後Web業界で取り残されないためにフォローするべき重要なキーワードの一つであることは間違いありません。それでは、機械学習とは何であり、なぜこれほど注目されるのでしょうか。今回は、「機械学習」の概要から、Web業界の関連者が知っておくべき

tanakaBox 2017/02/26

machine learning

リンク

GoogleのSEOに関する公式見解や学びが深まる資料10選を紹介

SEO対策をしていて最も歯痒いことと言えば、「正解がない」ということではないでしょうか。なぜなら、Googleは具体的な情報を公開しない上、公開したとしても曖昧な情報が多いからです。以前に比べると公式での発表は多くなりましたが、それでも内容によっては推測の域を超えないような情報も多いです。この記事では、これまでにGoogleが公式発表した、Web担当者必見のSEO関連資料や見解をまとめました。目次 Googleが実現したいSEOとは？ Google検索サービス Google が掲げる 10 の事実 Search Console ヘルプ検索エンジン最適化スターターガイド検索エンジン最適化（SEO）クイックチェックシートウェブマスター向けガイドライン Google developers スマートフォン向けウェブサイトの構築 Google検索エンジンに関する特許（日本語訳記事）ウ

tanakaBox 2014/12/17

SEO

リンク

【永久保存】Webマーケティングに役立つ心理学用語36選

インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。第一印象が肝心 1.アンカリング効果人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果ある1つの

tanakaBox 2014/11/29

marketing

リンク

【2016年保存版】今すぐ使えるSEO対策ツール目的別50選｜ferret [フェレット]

※年契約のものは12ヵ月で割って算出しています。 Gyro-n SEO（無料〜） Gyro-n SEO 「Gyro-n SEO」は、クラウド定点観測型のSEO順位チェックツールで、キーワードとURLを登録しておくと毎朝順位チェックを定点観測してくれます。また、URLの書き換わりや、競合の順位チェックもしてくれるなどかなり優秀なツールになっています。【関連記事】検索順位を簡単に定点観測できる！Gyro-n SEOを使ってSEOを効率化しよう！ GRC（無料〜） GRC 「GRC」は、順位計測ツールの老舗的なチェックツールです。ダウンロードして使うタイプのツールで、Macでは利用ができません。無料版の場合、3URLで20キーワードの計測が可能で、どのページがどのキーワードで順位上昇しているかがわかるなど、SEO対策に必要な機能がまとまっています。 GRCとは？検索結果の確認作業を効率的に進め

tanakaBox 2014/11/16

SEO

リンク

【裏ワザ】Amazonで9割引き商品を3秒で見つける方法

競争の激しいネット通販業界では、利益を確保するのはとても大変です。しかし、ネット通販大手のAmazonで、このテクニックを使えば、お得な仕入れができるかもしれません。本記事では、Amazonで9割引き以上の商品を検索するテクニックをご紹介します。やり方はとても簡単なので、知らなかったという方はぜひお試しください。 Amazonで9割引き以上の商品を探す方法まずAmazon（アマゾン）にいきましょう。参考リンク：Amazon.co.jp | 通販 - ファッション、家電から食品まで【通常配送無料】検索欄に、検索キーワードを入れ「検索」ボタンをクリックします。表示されましたページのURLの末尾に、 &pct-off=90- を入れて[ENTER]を押し、再度検索結果を表示させます。すると、以下のように9割引き商品のみがヒット（Amazon以外の出典も含む）します。また、以下のよ