タグ

WEB制作に関するkubologのブックマーク (86)

  • 植山 周志 | マーケティング| Udemy

    ぶっ飛び先生こと植山周志(うえやま しゅうじ)と申します データ分析を得意とし、グローバルカンパニー(Dropbox, Canva, Symantec)で日を中心とした国のオンラインビジネス(SaaS)の成長を担当。データ分析、GrowthのKnow-Howを提供し、日のビジネスマンをさらに強力になっていただくことに情熱を持つ。 複数のベンチャー企業のアドバイザー、講演も行ってきた。 Globis経営大学院にてMBA取得。 在学中にビジネススクール生向けにEXCEL、プレゼン、ブログ記事の書き方のセッションを自ら作り、レクチャーをし始める。 2009年から2013年の間でのべ500人以上が講義を受講 独特の喋りでまじめな勉強を楽しくすることが好評。 仕事 2019年〜 シドニーに社を置くデザインツールを提供するCanvaに勤務を開始。東京からシドニーに引っ越して日とアジアの国のGr

  • Pixlr.com

    AI Photo Editor Pixlr Express - Free online Photo Editing Tools Pixlr for all your online ai image editing needs. Whether you’re up for classic desktop style photo editing or prefer something more modern, we’ve got you covered. Both Pixlr X and E are AI-powered online photo editors that let you unleash your creativity in one click to achieve professional photo edits more intuitively than ever. Rem

    Pixlr.com
  • Webページの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプト -pagemap

    Webページ内のコンテンツの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプトを紹介します。マップはページ内リンクにも対応しています。 pagemap pagemap -GitHub pagemapの特徴 pagemapのデモ pagemapの使い方 pagemapの特徴 pagemapはページ全体の構成を取得し、全体を把握できるマップを自動生成するスクリプトです。MITライセンスで、商用プロジェクトでも無料で利用できます。 全体マップは、デフォルトでは右上に表示されます。

    Webページの構成を取得し、ページ全体を把握できるマップを自動生成するスクリプト -pagemap
  • パフォーマンスを考慮して画像を最適化する方法

    ウェブサイトを運営していれば、Googleからの評価は非常に重要。画像ファイルのサイズを小さくすると、ウェブサイトのパフォーマンスを改善できることはご存知でしょうか。 画像を最適化する際に気をつけたいのは、圧縮することで画質が損なわれてしまう点(その結果、訪問者によからぬ印象を与えてしまうことも)。とはいえ、見た目が明らかに損なわなければ問題ありません。 ウェブサイトに使用するのに十分な画質を保ちながら、画像サイズを縮小するコツや方法は複数あります。 今回は、画質を損なわない画像の圧縮方法と、パフォーマンスを改善する画像最適化について掘り下げていきます。 重い画像はウェブページを遅くするため、ユーザーエクスペリエンスが悪化します。画像の最適化とは、プラグインまたはスクリプトを使用してファイルサイズを縮小するプロセスのことです。これにより、ページの読み込み時間が改善されます。よく使用される処

    パフォーマンスを考慮して画像を最適化する方法
    kubolog
    kubolog 2019/07/02
    “非可逆圧縮”
  • Whiteboard Friday

    Products Moz Pro Your all-in-one suite of SEO essentials. Moz Local Raise your local SEO visibility with complete local SEO management. STAT SERP tracking and analytics for enterprise SEO experts. Moz API Power your SEO with our index of over 44 trillion links. Compare SEO Products See which Moz SEO solution best meets your business needs. Moz Data Power your SEO strategy & AI models with custom d

    Whiteboard Friday
  • 20 Ways to Speed Up Your Website – and Improve Conversion by 7%

  • ランディングページ最適化(LPO)講座

  • マーケティング課題にも「マッキンゼーの問題解決10則」が効く | ACCUENT BLOG

    マーケティング担当者は、常に問題と向き合ってその解決方法を考え続けるものである。なぜ、CVが上がらないのか?なぜ、既存顧客が離脱するのか?なぜ、新規顧客を獲得できないのか?など様々な課題を抱えている。しかし、時間は限られており、取り組めることも限られている。そのような中で課題に優先順位をつけることで対応する。しかし、各々の課題がいつもスムーズに解決できるわけでもなく、対処療法に留まってしまうことも少なくはない。分かってはいるが、当の原因が分からないので当に有効な施策にたどり着けないのだ。 そのような課題を感じている人は、マーケティング担当者に限らない。多くのビジネスマンは常に自分自身が直面している課題をどう解決するべきなのかを考えているようだ。実際、屋に行くと「問題解決法」の書籍が山のように存在する。特にコンサルティング会社出身者が執筆した書籍が人気である。彼らコンサルティングファー

    マーケティング課題にも「マッキンゼーの問題解決10則」が効く | ACCUENT BLOG
  • ECサイトで最も使われたソーシャルログインは「LINE」、2位は「Yahoo! JAPAN」 | ネットショップ担当者フォーラム

    ECサイトで最も使われたソーシャルログインは「LINE」、2位は「Yahoo! JAPAN」 | ネットショップ担当者フォーラム
  • 参考にするべきLPデザイン例14選と意識すべきコツを紹介 | LISKUL

    「LP(ランディングページ)を作成しなければいけないけど、どのようなデザインにすればいいんだろう」と悩まれている担当者の方も多いのではないでしょうか。 【LP保有の事業会社限定】はじめてでも売上1.5倍!売れるランディングページに短期間で改善する方法 LPのデザインを上手く作るコツは、実は事前準備とテストにあります。 記事では、各業界別の参考にすべきデザイン例14選と、LPデザインを制作するにあたって意識すべきポイントをわかりやすくまとめました。 13万人以上のユーザー数を誇る、1枚ペラのホームページやLPを作成できるサービス「ペライチ」を提供する筆者が、実際にLPの制作をおこなう際に意識しているポイントをご紹介します。 記事を読めば、はじめてLPを作る方でも自社の商材に合ったデザインを考え、高い結果を誇るLPを作成することができるでしょう。 また、LPの制作会社に依頼する方法もあるの

    参考にするべきLPデザイン例14選と意識すべきコツを紹介 | LISKUL
  • 無料で使えるヒートマップツールと分析・改善のポイント | Marketing Native(マーケティング ネイティブ)

    ヒートマップツールはWebページ上のユーザー行動を可視化するものです。Googleアナリティクスなどの解析ツールでは把握できない、ユーザーの視線(マウス)の動きや、ページ上でクリックされている箇所などがわかるため、ユーザビリティやサイト全体の質の向上に役立てられます。 この記事ではヒートマップツールを利用して把握できることと、具体的な活用方法、おすすめの無料ツールをご紹介します。 ヒートマップとは? ヒートマップは、ユーザーのマウスのログをもとに作られています。サイトの課題を直感的に把握できる一方で、ヒートマップツールだけではわからない点もあります。 ヒートマップで把握できること ヒートマップとは、ページ上でのユーザーの行動を色のグラデーションで表現し、可視化したものです。ヒートマップを作成することで、ページの中でユーザーの興味を引いている部分や、サイトの構造上目が届きにくい部分、ユーザー

    無料で使えるヒートマップツールと分析・改善のポイント | Marketing Native(マーケティング ネイティブ)
  • Twitter分析ツール19選|公式ツールとの併用で分析力向上

    Twitterのアカウント運用を効率的に行うためには、自社アカウントの効果測定だけでなく競合アカウントの分析も重要です。一般的によく知られているツールとしては、Twitterが公式で提供している「Twitterアナリティクス」が挙げられますが、それだけでは機能が物足りないと感じている方もいるでしょう。 Twitterを分析できるツールは無料のものから有料のものまで多岐にわたっており、必要な機能に応じて併用すると、より効果的なアカウント運用につなげることができます。そこで今回は、Twitterを分析できるツールについて特徴などをご紹介します。 ※カテゴリごとにアルファベット順で掲載しております。 Twitter分析ツールでできること Twitterにもともと備わっている「Twitterアナリティクス」と第三者が提供しているツールでは、それぞれどのようなことができるのでしょうか。 Twitte

    Twitter分析ツール19選|公式ツールとの併用で分析力向上
  • Google I/O 2018 で発表されたウェブの現状

    .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11

    Google I/O 2018 で発表されたウェブの現状
  • コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita

    普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの1つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO

    コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita
  • WebPagetest - Website Performance and Optimization Test

    Test. Experiment. Improve! WebPageTest. The gold standard in web performance testing. Lightning-Fast Web Performance Online CourseLearn to analyze performance, fix issues, and deliver fast websites from the start. Free! Start Course Now >> Introducing Carbon Control Experimental New in WebPageTest! Measure your site's carbon footprint and run No-Code Experiments to find ways to improve.

    WebPagetest - Website Performance and Optimization Test
  • 企業がデータ活用するときに考えること|大坪 誠

    「データ活用」という言葉が流行り始めたのがいつからか知らないが、 数年前には「ビッグデータ」というワードが誕生し、 テクノロジーの進歩によって、これまでのデータ活用では処理できなかった大量のデータも扱えるようになった。 実際、いくつかの企業は、自社の保有するデータを解析して新たな価値を創出することに成功している。 一方で、まだまだほとんどの企業では、データを上手く活かしきれていないのが事実だ。 「データは持っているけれど何もしていない」 「データ収集・解析に多額の投資をしているが効果が出ているかは怪しい」 「そもそもデータを収集できていない」 そもそも、「データ活用が出来ていないこと」自体は問題ではない。 まず何らか目的があって、そのための最適な意思決定をするために、手段のひとつとしてデータ活用がある。 「データ活用が出来ていない点がうちの問題だから」「他社がやっているから」「顧客データを

    企業がデータ活用するときに考えること|大坪 誠
  • ウェブサイトのリデザインを失敗しない方法 エビデンスに基づいた戦略 - DLPO株式会社

    ウェブサイトのリデザインについて“怖い話”を聞くことは珍しくありません。しかしリデザインが必要だったり、効果的であったりする場面があることも確かです。 リデザインについて重要な要素は2つあります。 1つは、いつ行うべきか、そのタイミング。もう1つの重要な要素とは、プロセスそれ自体です。 計画的にアプローチを執り、あらゆる仮説のテストから始めることで、ウェブサイトのリデザインによるパフォーマンスを劇的に改善させることが可能なのです。 喫煙が健康に良くないことは誰でも知っているでしょう。 毎年、EUではおよそ70万人が、喫煙により命を落としています。これはドイツのフランクフルトの人口とほぼ同じ人数です。 EUのCommissioner for health(健康に関する弁務官)であるJohn Dalli(ジョン・ダリ)は、毎年の喫煙による死亡者数について何らかの対策を講じる必要があると感じてい

    ウェブサイトのリデザインを失敗しない方法 エビデンスに基づいた戦略 - DLPO株式会社
  • 8 Characteristics of High-Converting CTA Buttons

  • PASONAの法則とその応用例 | ダイレクトマーケティングラボ | リコー

    マーケティングや販売促進に携わる方に向けて、これだけは知っておきたい!押さえておきたい!マーケティング用語を集めました。 基礎から応用まで、多岐にわたる用語を活用例なども含めてご紹介いたします。ぜひご活用ください。 PASONA(パソナ)の法則とは、Problem(問題) Agitation(扇動) Solution(解決策) Narrow down(絞込) Action(行動)の頭文字で、消費者の購買を促すためのメッセージの法則性を表したものです。神田昌典氏によって提唱されたこの法則は、DM(ダイレクトメール)を含むセールスレターや、ランディングページといったWeb広告で多く活用されています。

  • Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision

    Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n

    Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision