iOS 13はWebページ全体をスクショ可能 「フルページマークアップ」を試す
iOS 13ではスクリーンショット機能が改善された。 改善された内容に触れる前に、スクリーンショットを撮る方法を説明しておく。ホームボタンのないiPhone（X以降）では、本体側面の「サイドキー」と「ボリュームアップキー」を同時に押す。ホームボタンのあるiPhoneでは、本体上部または側面にある「スリープ／スリープ解除キー」と「ホームボタン」を同時に押す。 【訂正：2019年10月14日11時31分 初出時に、スクリーンショットの方法として「長押し」と記載していましたが、正しくは「同時に押す」です。おわびして訂正致します】 改善された内容は大きく3つに分かれる。順番に説明していく。 Safariでフルページのスクショを撮れる これまでも、Safariで特定のWebサイトを表示し、その内容を記録するのにスクリーンショットを使っていた人も多いはず。しかし、時刻やバッテリー残量などの余計なアイコ
ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「New recipe」を選択します。 続いてSTEP2、ここで実際にスクレイプするコンポーネントを登録していきます。 取得対象にカーソルを合わせてクリックすると フィールドとバリューが取得できます。 同じ要領で、ピックアップ全部のタイトルを選択しました。 なお、フィールド値は自由に設定可能。後にアウトプットデータのKey値になるので、取得しやすい英単語が好ましいでしょう。 続いてSTEP3は、リンク元を取得＆サジェス
grdの作者が考える、いまフロントエンドエンジニアに求められる「速度という機能」 - エンジニアHub｜Webエンジニアのキャリアを考える！
grdの作者が考える、いまフロントエンドエンジニアに求められる「速度という機能」 Webパフォーマンスの改善に、並々ならぬ情熱を傾けるエンジニアの泉水翔吾（@1000ch）さん。氏の手がけるOSSはこの情熱を体現するかのように、パフォーマンス改善にフォーカスしたものが多数あります。なぜWebパフォーマンスにこだわるのか、そして現在のフロントエンドエンジニアに求められる技術を聞きました。 「サイトの表示に3秒以上かかると、訪問者の53%がそのサイトから離脱する」 Googleが公開した上記のドキュメントは、Webの「使いやすさ」とは、スピードと不可分なものであることを示しています。 「パフォーマンスはサービスが持つべき“機能”の一部」と語るのは、『超速! Webページ速度改善ガイド』の著者の一人である泉水翔吾（せんすい・しょうご／ @1000ch ）さん。彼は、前職の株式会社サイバーエージェ
IT企業のエンジニアがとりあえず知っておきたいGDPRの基礎知識 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
IT企業のエンジニアがとりあえず知っておきたいGDPRの基礎知識 2018年、多くのIT企業が対応に追われたGDPRですが、その内容は非常に複雑です。本稿ではGDPRの概要と、「エンジニアが知っておくべき要点」を、ソフトウェアベンチャーなどで法務を担当するkataxさんに解説してもらいます。 GDPRはじめの一歩 なぜEUのルールがこんなに話題になっているのか EUで事業を行っていない企業に対しても広く適用される可能性がある GDPRにおける「ユーザーの行動モニタリング」とは 【要注意！】GDPRは個人情報保護法よりもルールが厳格 GDPRが適用されるのにGDPRに対応しなくて良いのか GDPRに関するよくある疑問 GDPRに違反すると、必ず巨額の制裁金が課される？ 技術的保護措置として、どのような対応が必要？ GDPRに対応するために“最初に”やるべきことはなに？ 「ユーザーからの同意」
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
Web制作の作業効率を格段にアップさせる便利なチートシートまとめ
HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。 チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。 HTML HTML5 Cheat Sheet ダウンロードページ HTML5 のタグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。 The HTML 5 Mega Cheat Sheet ダウンロードページ こちらも HTML5 のタグをまとめたチートシートです。ブラウザ対応、廃止されたタ
結局どの数値を見ればいい？ログ解析ツールで競合分析をする5つのステップ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ライターのトギーです。 LIGに入社して早くも半年、メディア担当としてLIGブログをもっともっと成長させたい意欲が止まらない今日このごろです。メディアの成長には、やっぱり競合分析が不可欠ですよね。 でも、競合サイトの分析なんてやったことないし、何から手をつければいいのかもわかりません。 そもそも、LIGブログの競合サイトってどれ？ どうすれば競合サイトをログが手に入る？ どの数値を比較すればいいの？ わからないことだらけなので、競合分析ツール『eMark+』（イーマークプラス）を開発しているヴァリューズさんに相談してみることにしました。 競合分析ってどうやるの？ マーケティングコンサルタントに聞いて実際にやってみた 相談にのっていただいたのはヴァリューズで執行役員を務める子安亜紀子さん（写真左）。普段からクライアントにサイト分析の提案や報告を行うマーケティングコンサルタントを
「Webサイト改善は図を描きなさい！」 〜 SiteCatalyst達人から教わった分析フレームワーク-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
TOP > 「Webサイト改善は図を描きなさい！」 〜 SiteCatalyst達人から教わった分析フレームワーク こんにちは。マーケティング担当の伊藤大地です。 先日、米AdobeでWeb解析ツール「SiteCatalyst」のプロダクトマネージャープログラムマネージャー（初出時、役職を誤って表記しておりました。お詫びし、訂正いたします）を務めていらっしゃる清水誠さんが、一時帰国された折に弊社に遊びに来てくださいました。たっぷり2時間、最新Webマーケティング事情やWeb解析についてお話を伺いした中から、WebのKPI測定・改善サイクルとそのノウハウについて、エッセンスをお伝えしたいと思います。 清水さんが提唱されているWeb改善のフレームワーク「コンセプトダイアグラム」という手法は、主に3つのプロセスから成り立っています。 ユーザー視点でサイトを図解し、コンセプトを明確にする サイトの
【100選】マーケティング・広告関連のメディアやブログ、サイト100選まとめを大公開！
本記事ではマーケティング・広告関連のメディアやブログなど情報収集サイト100選をご紹介します。 2020年現在、マーケティングや広告関連の情報発信をしているメディアやブログは年々増え続けています。オウンドメディア型のサイト、個人サイト、出版社が運営するメディアなど種類も様々です。 [browser-shot url=”https://marketimes.jp” width=”600″ height=”200″ href=”https://marketimes.jp” target=”_blank”] 国内、海外のデジタルマーケティングの最新トレンドや戦略情報を発信するメディア。SEMやソーシャルメディア、Eメールマーケティング、マーケティングテクノロジー、データを中心としたトピックを扱っている。 URL：https://marketimes.jp ferret（フェレット） [brows
監視カメラを覗くことができるサイトが発掘され、祭りに。日本の銭湯やコンビニなど : IT速報
Insecamというおかしなサイトが話題。世界中の無防備なWebカメラを覗き見ることができる。 メニューから「メーカー」「国」「場所」を選べる仕様 http://www.insecam.org/ （自己責任で） 日本ではPanasonic製のカメラが覗き見られているもよう。中には銭湯の脱衣所などもあり、セキュリティー意識の低さが物議に。 Insecamというおかしなサイトが、世界中の無防備なWebカメラ73000台を表示できる、と豪語している。 その多くはCCTVやシンプルなIPカメラだが、それらに共通しているのは、一般的にアクセス可能なネットワークポートへストリーミングされていることと、デフォルトのパスワードをそのまま使っていることだ。だから誰でも、Webをクロールするロボットなどを使って、単純に”admin/admin”とタイプし、そのストリームにアクセスできる。 わざわざ弱いパスワー
そのサイトに最適なWebプロモーションとは？AISASの法則に沿った考察 ｜ Web
お客様の状態によって必要なアプローチは異なる AISASの法則は、電通が提唱している顧客の購買プロセス。 ある商品を知ったお客様は、買い物をする際に、以下の心理フェーズを経るという考え方です。 Webプロモーションを行う際には、どうしても「Action（購買行動）」を中心に据えて考えてしまうものです。 しかし、お客様の立場から考えると、「Action（購買行動）」に到達する前に、さまざまな心理状態が存在することがわかります。 「Attention（注意喚起）」が必要なお客様に「Action（購買行動）」を求めるプロモーションを提示しても、コンバージョンにつながる場合は確かにあります。 タイミングがバッチリ合っていたり、どうしても必要に駆られているといった場合はこうしたWebプロモーションでも確かにコンバージョンは発生します。 とはいえ、こうしたWebプロモーションは、タイミングがバッチリ合
ファッションECサイトの売上とEC化率（2015年 発表） - EC Hack ”ファッション通販/WEBマーケティングのネタ帳”
7月10日の繊研新聞で、ファッション商品の14年度売上調査が載っていたので、備忘録も兼ねてデータのまとめと傾向について簡単に考えてみる。 こういうデータを見ると、やはり業界全体の傾向が出せてそれを自社と照らしあわせて見れるのってすごいなと思う。 さらに細分化されたオン/オフで取れるデータから全体、個体の傾向が見れる基板があると業界にとってためになるんだろうなぁ。 今回比較に参考にしたデータは一部のデータで、その他にも定期的に色んなジャンルのデータを出されているので、これを期に購読されてはいかが？ ☆ ★Facebookページでも情報発信しています。 https://www.facebook.com/echack17 ▼過去の記事 ▼繊研新聞のHP 繊研plus EC比率を算出して降順に並び替えてみた それがこちらの表。 7月10日の繊研新聞で公表された一部のデータから加工しています。 ＊2
Web漫画広告に最適な制作ノウハウ「人を惹きつける1コマ目の作り方」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、マンガマーケティングのシンフィールドでWeb漫画を制作していますコバトシと言います。人生で初めに全巻読破した漫画は「うしおととら」です。 私が書いていく記事では、漫画広告を制作する上でのノウハウやテクニック、漫画をWebサイトで効果的に活用する方法などを紹介していきます。これからよろしくお願いします。 3秒で興味を惹きつけないと存在しないのと同じ Web業界では3秒ルールと呼ばれるルールがあります。 人はWebサイトに訪れて3秒でそのサイトを読むか読まないかを判断すると言われています。 実際には流入先やユーザの興味の度合いによって、さらに短かったり長かったりしますが……。 重要なのは、Webサイトに訪問後、極わずかな時間で読むか読まないかを判断されてしまうということです。その短い時間でいかにユーザの興味を惹きつけるかがポイントになります。 ファーストビューで興味を惹きつける要
無料で今スグ試せる！鉄板マーケティングツール11選 | Tayori Blog
日頃、マーケティングに携わっている方々はExcelと格闘する機会も多いかと思います。しかしExcelとにらめっこしても顧客の顔は見えてきません。今回は鉄板マーケティングツールをご紹介。顧客が自社のサービスをどんな風に使っているのか可視化してくれる、選りすぐりのマーケティングツールを11個網羅します。 １. HubSpot HUBSPOTは自社のサイトにユーザーが能動的に来てもらうための施策を、ブログメディアを中心に構築できるサービスです。ブログ構築だけでなく、顧客の動向を調査できる分析ツールやメールマガジン管理ツールなど様々な機能がオールインワンで提供されています。コンサルティングも充実しており、世界的に利用されています。 → HubSpot 種類: インバウンドマーケティング支援ツール 無料期間: 30日間 価格: 200〜2,400$/月 + Options ２. KAIZEN Pla
顧客理解を深めるたった一つのコツ「顧客視点」の体得方法まとめ | LISKUL
Webマーケティングの成果を上げるには「顧客理解」が重要と、よく耳にします。 しかし「顧客を理解しよう」と言われても、実際に何をすれば良いのか困っていませんか？ 最初に結論を申し上げると、顧客理解のコツは「顧客になりきってみる」ことにあります。 本記事ではWebマーケティングの中でも広く活用されている「リスティング広告」を例に実際に顧客になりきって、顧客理解をWebマーケティングの成果を上げるために活用するプロセスを説明します。 ※本記事は無料Ebook「リスティング広告スタートアップガイド」より、一部抜粋し再構成した記事です。 経営企画の目線から事業戦略をサポート！KCASの資料をダウンロードする 顧客視点になりきって、検索結果をみたことがありますか？最初に１つ質問です。 あなたは、ユーザが触れる検索結果画面を「ユーザの気持ちになりきって」見たことがありますか？ 当社のお取引しているお客
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
Web上で最も強い力を持つ色は？
下の画像は有名なサーチエンジンからポルノサイトまで、あらゆるコンピューター関連の会社のロゴを色別にまとめたものです。 こうして見ると、同じカテゴリーのトップブランドは似た色のロゴを使う傾向にあるような気がします。紫のロゴが少ないのは何かわけがあってのことなのかな？ ランキングの上位2社はロゴにレインボーを採用していますね。 さて、何か傾向を発見できましたか？ [Colourlovers] Jesus Diaz（原文／あんね）
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
