こんにちは、Ryohei（@ityryohei）です！ 本記事では、Swiperでズームインした後にフェードで切り替わるスライダーの作り方をご紹介しています。 Swiperは、jQueryを必要としないJavaScriptのスライダーライブラリです。高機能でありながらシンプルな設計となっているため、初めて触る方にもとっつきやすいスライダーとなっています。 今回は、Swiperで実装することができるフェードエフェクトのスライダーに少し手を加えて、画像がズームした後にフェードで次のスライドに切り替わるスライダーを作っていきたいと思います。 本記事ではズームインの後にフェードするスライダーの実装方法を、下記の2パターンご紹介しています。 CSSのみでズームインした後にフェードで切り替わるスライダーを実装する CSS + JSでズームインした後にフェードで切り替わるスライダーを実装する キービジュ

こんにちは、Aroeです！ 「よし、新しいWebサイトを作ろう」と思って、朝からいろんなテーマ(最近はもっぱらWordpressばっかり使ってる)を探し始めて、気がついた時にはもう日が暮れてるってことがよくあるこの頃です。 最近はいっぱいあるんですよねぇ、テーマの種類が。観てるだけでワクワクします。(笑) そんなテーマ選びの中で、僕が最初に見てしまうのが「ナビゲーションメニュー」（グローバルメニュー）です。トップページや個別記事ページ、ほとんどどのページでも共通して表示される箇所ですからね〜、力を入れて作り込みたいところ。（時間があれば） モバイル対応でいい感じのドロップダウンが見つからない メニュー系のプラグインって、けっこう多種多様なのですが、PC表示の場合はよくても、モバイル表示時のデザインや挙動が「うーん・・・」って感じで納得のいかないものが多かったり、片手間なカスタマイズだとスタ

オリジナルのCSSやJavaScript（jQuery）を設定したい時に、テーマファイルに直接書いてしまえば手っ取り早いのですが、Wordpressの場合は書き方が異なるようです。 そこで、WordpressのテーマにオリジナルのCSSやJavaScript（jQuery）を読み込ます書き方を解説します。 読み込む画面に合わせてフックが準備されているWordpressは、CSSやJavaScriptファイルを読み込ませれるように画面に対してフックが準備されています。 フック一覧wp_enqueue_scripts

方程式解導出ツールは、複数の変数がそれぞれに含まれる、連立方程式を解きます。方程式解導出ツールは、多項式の根を求めます。また、指数・対数・三角方程式の解を計算することができます。 数式の書式を表示

計算と数字の理解はウェブ解析を業とすることで最低限のスキルです ウェブ解析をすすめる時、分析と評価をするために必ず数字を使います。 その数字は予め用意された指標だけではなく、計算により生み出す指標もあります。 売上の目標を達成するためにはGoogleからどのくらいのユーザが訪問すべきなのか？ 成約したユーザの中で再訪問したユーザは何割か？ 四則演算と中学生レベルの数学（または算数）ができれば最低限理解できるレベルです。 ウェブ解析士の難易度 が上がった理由 毎年ウェブ解析士の難易度 が上がった、つまり難しくなったと言われています。 その理由として 今まではウェブの用語を覚えた上で知識を広げていったというウェブ軸でした。 これからはウェブ解析に必要な手順・手続きを元に積み上げるという解析軸です。 難易度のあがった 初級ウェブ解析士(ウェブ解析士) 認定講座, 当日までに準備すること(3日前で

『ウェブ解析士2018 認定試験公式テキスト』では、CVR、CTR、CPA等を算出するための計算式や数式、公式が34個あり、全てを抜き出し、章ごとにページ数付きでまとめました。 （式が無い章もあります） ウェブ解析士認定試験を受験する方は、覚えていない数式や苦手な公式をまとめておく等でご活用いただければと思います。 なお、ウェブ解析士テキストで黄色マーカーが引かれている語句やキーワードについては以下の記事をご覧下さい。 ウェブ解析士テキストに211個ある黄色マーカー語句まとめ また、学習内容事例も追加しました。 ウェブ解析士認定試験に合格！テストを受けるまでに行った学習内容事例 第２章　事業分析 インデックス＝（各項目の比率 [シェア]÷市場全体の比率 [シェア]）×100　[ P59 ] 第３章　KPIと計画立案 CVR（コンバージョン率：％）＝（注文数（コンバージョン数）÷セッション数

TEL：03-6908-6404 （土日祝、年末年始等を除く10：00～17：00） 〒160-0023 東京都新宿区西新宿8-14-19 西新宿STビル3階 お問い合わせ 業務のご相談

Endless possibilitiesFranz supports a great variety of business and private messaging & chat services like Slack, WhatsApp, WeChat, Messenger, Telegram, Google Hangouts, Skype, Zendesk and many more. It does not matter if you just want to keep in touch with your friends or are managing a multi-seat customer care team. Franz got you covered. Find a complete list of all supported services here One s

Search Analytics for Sheetsとは〜忘れがちなGoogle Search Consoleのレポートを自動出力しよう更新日: 2018年01月31日アクセス解析 ホームページへの流入キーワードを知るのに便利なGoogle Search Consoleですが、データ保存期間が90日と短く、不便に感じている方も多いのではないでしょうか？ 今回ご紹介する「Search Analytics for Sheets」なら、検索に関するデータをGoogle Search ConsoleからGoogleスプレッドシートに直接取得できます。また、自動バックアップもできるので、データの管理やレポート作成にかかる時間が大幅に削減されます。 目次 Search Analytics for Sheetsとは Search Analytics for Sheetsの特徴 Search Analy

KGIとKPIの違いや設定方法、OKRについて解説します。具体的な業界ごとの設定方法も紹介し、自社の成長に繋がるKGIやKPIの立て方を学ぶことができます。事業成果を最大化するためには、正しいKGIとKPIの設定が欠かせません。是非、本記事を読んで効果的な目標設定の方法を学んでください。 「KGIとKPIって何が違うの？」 「OKRって単語も聞くけどどういう意味？」 上記のような疑問を持った方がいるのではないでしょうか？ KGIとは重要目標達成指標のことを指し、KPIはKGIを達成するための「中間目標」といえます。 またOKRとは、「Objective and Key Result」の略で「目標と主な結果」を指しています。 本記事では、KGIとKPIの定義や設定する意義を紹介するとともに、設定する際のポイント・注意点も解説しています。 業界ごとの具体的な設定方法もまとめていますので、自社の

Google広告のカスタマーマッチとは、オンライン・オフラインの顧客情報を活用して、検索広告の改善や顧客に類似したユーザーにGmailやYoutube面からアプローチできる機能です。 所有する顧客情報を活用できるので、精度の高いターゲティングが実現できます。 本記事では、カスタマーマッチの具体的な活用方法について解説します。 はじめての方でも「カスタマーマッチ」を理解してすぐに実施できます。 競合他社にはない自社の顧客データを有効活用することは差別化要素を作る上で非常に重要です。 顧客データとWeb広告を組み合わせ、本記事で活用していきましょう。 Googleカスタマーマッチ広告自動化・レポーティングツール一覧へ ≫ 広告の効果を向上させるGoogleカスタマーマッチとは？Googleカスタマーマッチとは自社の顧客データ（メールアドレス・電話番号）を活用して、既存顧客や自社の顧客の類似ユー

通常リスティング広告の構築をする際は、「こういうニーズがあるユーザは、こういった言葉で検索をするのではないか？」という思考に基づいて、想定されるキーワードを登録していくことと思います。 ですが、人が考え付くものには限りがありますし、はたして適切なキーワードが登録できているのだろうかと不安に思ったことはありませんか？ Googleによると、過去6ヵ月間に一度も検索されたことのないキーワードで検索される割合は、全体の検索キーワードの20%を占めるそうです。あなたはそのすべてを予測してキーワード登録できるでしょうか。 この増え続ける検索キーワードの悩みを解決してくれるのが、動的検索広告(DSA)という、広告配信メニューです。 この記事では、検索広告の強い味方、自動化ツールのひとつである動的検索広告(DSA)を紹介します。 動的検索広告(DSA)とは 動的検索広告(DSA)（※DSA=Dynami

ツールとヒトの力で Webとアプリの 売上を最大化 Reproは、マーケティングツールと運用支援を ワンストップで提供しお客様の成果創出まで伴走します。

マツカワ Webサイト制作／コンテンツ企画／Web広告／SEO／マーケティングを経験してきた雑食系Webクリエイター・プロデューサー プロフィール / Twitter / Facebook レスポンシブサイトでブラウザ環境に応じて画像を切り替えるには、サイトによって様々な方法で対処されていました。 これまでの方法が抱えていたデメリットと現在（これから）の標準となる実装方法、レガシーなブラウザへの対応方法など、レスポンシブな画像切り替えに必要な知識をまとめました。 これまでのレスポンシブイメージの問題点 レスポンシブサイトの画像切り替えは、CSSで表示・非表示を切り替えたり、JavaScriptでブラウザ環境を判別して画像を出し分けると言った手法が一般的でした。 たしかに、これらの方法でも意図したように画像を表示することはできるのですが、理想的な解決策ではありません。 具体的には次のような問