リスティング広告の予算を“ムダに食い潰す” 20項目【前編】
こんにちは。株式会社リスティングプラスの代表 長橋 真吾です。これまでリスティング広告を使っているのに売上が上がらないどころか、赤字を生み続けていて「リスティング広告なんて儲からない」と思っているWeb担当者や経営者を数多く目にしてきました。 そうなってしまう原因は非常にシンプルです。 それは“パフォーマンスを向上させるためのポイントを知らない”これに尽きます。 一方で、そうした情報よりもリマーケティング広告がいい、またはリターゲティング広告がいい(リマーケと何が違うの？) 、DSP広告がいいなど、いろんな情報が錯綜しています。 そんな最新機能の使い方よりも一番の関心事は“リスティング広告にかけた広告費がそれ以上になって戻ってくるか”これが一番重要な視点になるのではないでしょうか。 本記事では、弊社がこれまで約500社のリスティング広告運用に携わってきた経験から、広告費を無駄使いせずに広告
効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
Google Web フォント完全ガイド！使い方や 参考にしたいサンプル例まとめました。
どんなデザインにおいても、ただしいフォント選びが成功の鍵となります。見た目だけでなく、読みやすさも考えながら、フォントの組み合わせを考えるのに悩んでしまうこともしばしばです。 フォントの組み合わせについては、これまでにもいくつか（1/２/３）の記事を紹介していますが、今回は、Google Web フォントを利用した、実用的でデザインも美しいサンプル例をまとめています。 目次 Google フォントとは？ Google フォントの実装方法 実用で使える、Google フォントの組み合わせ パート１ 実用で使える、Google フォントの組み合わせ パート2 Google Web フォントを見つけやすくする Font Library Google 謹製、日本語 Web フォント「Noto Sans Japanese」 Google Font とは? 通常、ブラウザで表示できるフォントは、ユーザ
inline-blockを並べた場合に発生する「隙間」を消去するCSS
IEを含めた最近のブラウザでは珍しくなくなったinline-block。 このinline-blockを利用する場合に発生する「隙間」を改善する方法です。 原因は改行コード 下記のようなHTMLを用意しました。 リストタグを使ったインラインブロックを実現しようとしています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>inline-block
[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js
ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsのデモ jQuery.Kerning.jsの使い方 jQuery.Kerning.jsのデモ デモでは上：カーニング無し、下：カーニング有りの状態で、明朝とゴシックの2書体がチェックできます。 適用されている方が、読みやすいですね。 ゴシック体のデモ、上：カーニング無し、下：カーニング有り jQuery.Kerning.jsの使い方 Step 1: 外部ファイル jquery.j
Google、2016年中にもGoogle ChromeでFlash Playerに代わりHTML5をデフォルトにする計画を公開。
Googleが2016年中にもFlash Playerに代わり、HTML5をデフォルトにする計画を勧めているようです。詳細は以下から。 VentureBeatや”Intent to implement: HTML5 by Default“グループによると、Googleは2016年中にもGoogle ChromeでFlash Playerを無効にし、代わりにHTML5をデフォルトとして扱う計画を進めているそうです。 Google has outlined a plan to push HTML5 by default in Chrome, instead of Flash. In Q4 2016, the company plans to only serve Flash by default for the top 10 domains that still depend on the p
ノンデザイナーも必見！デザインの基礎が学べるスライドまとめ
どんな商品やサービスにおいても、デザインは必ず関わってくる分野です。優れた商品やサービスをつくるためには、チーム全員がデザインに関する基礎知識を身につけておいた方が良いでしょう。 そこで今回は、ノンデザイナーでもデザインを簡単に・楽しく学べるスライドをご紹介します。もちろんデザイナーの方々にとっても役立つものばかりなので、ぜひ参考にしてください！ ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう そもそもデザインって何？という根本的なところから、良いデザインの選び方を具体例を交えて紹介しています。タイトルの通りノンデザイナー向けなので、これからデザインを勉強する人、デザイナーと関わる仕事をしている人は必読です。Q＆A方式でスライドが進んでいくのでさらっと読めます。
Github Webhook を受けて任意のスクリプトを実行するツール - tkuchikiの日記
ghooks-cmd-runner という、 Github の Webhook を受けて任意のスクリプトを実行する Go 製のツールを書きました。 Installation https://github.com/tkuchiki/ghooks-cmd-runner/releases にバイナリがあるので、ダウンロードして解答してください。 Usage $ ./ghooks-cmd-runner --help usage: ghooks-cmd-runner --config=CONFIG [<flags>] Receives Github webhooks and runs commands Flags: --help Show context-sensitive help (also try --help-long and --help-man). -c, --config=CONFIG
デザイナーのためのPSDファイルストック集！最新の無料ファイル82選
イベントごとが多い4月から夏にかけて、それら催し物に向けてデザインを新しく用意するという企業も多いことと思います。 その際、業務効率を高めてくれるのが、今回ご紹介する無料で使えるPSDファイルになります。 皆さんは、実際の業務にて活用されたことはありますでしょうか。 忙しいシーズンのデザイン作業を効率よく進めていくためにも、今回ご紹介するPSDファイルはどれもクオリティが高く、様々なシーンに置いて重宝するはずです。 今回はまとめて86個ご紹介します。全て無料で使えますので、気になるものがあればぜひダウンロードしてみてください。 デザインの効率アップに役立つPSDファイルまとめ 1. Wall Neon Glow Text Effect PSD http://www.graphicsfuel.com/2017/02/wall-neon-glow-text-effect-psd/ ネオンのよう
未経験Webデザイナーが独学で勉強する方法
Webデザイナーに求められるスキルは、HTML・CSS・JQuery・WordPress・タイポグラフィ・配色・コピーライティングなど多岐に渡ります。より多くの知識・技術を身につけていれば、Webデザイナーとして活躍できるチャンスは増えるでしょう。そこで今回は、これらのスキルを独学で学ぶための方法をご紹介します。 ＜この記事に関連する記事＞ 初心者Webデザイナーの独学におすすめの本10選 グラフィックデザイナーからWebデザイナーに転職するには？ Webデザイナーになるには？未経験のための実践的フロー 目次 Webデザイナーの仕事内容と必要なスキル Webデザインを独学で勉強する方法 独学でWebデザインを学習するときにおすすめのサイト 独学をするときの注意点 まとめ Webデザイナーの仕事内容と必要なスキル 独学で勉強をする前に、Webデザイナーの仕事内容とそれに伴って必要となるスキル
3分あれば十分！もうひと工夫加えるだけでレベルアップするデザインTips 25選 - Brian'z Imagination
はてなでブログを書き始めて2週間ほど経過したのだけれど、ブログを始めると書く内容そっちのけでやたらとデザインにこだわりたくなることがある。 特に、ホットエントリーを覗いてみると、内容はもちろんすばらしいものばかりだけれど、なかにはデザインが素晴らしいサイトもあって、魅了されることがある。 どんなふうにデザインしたのか、どういう思考回路になるとこんなデザインが思いつくのか、などなど。 デザインはデザイナーの既得権益・不可侵領域はなく、万人が自由に扱えるものだ。そして、デザインはセンスではなく理論(theory)だ、ということも以前書いた。 デザインを勉強すれば、ブログに手を加えたり、自分で名刺を作ったり、部屋をお洒落にコーディネートしてみたり、いろんなことができる。 ブログでいえば「Webデザイン」というジャンルから始めるのが定番ではあるのだけれど、これからデザインを始めるひとにはぜひ「グラ
Webデザインを勉強する時に参考にしたいまとめサイト・記事25選
Webデザインを勉強する時に参考にしたいまとめサイト・記事25選 Webデザインやホームページ作成を勉強したい人向けに、参考になるまとめサイト・記事・小技テクニックを集めてみました。「Webデザインの見本サイト」や「今すぐ使えるテクニック」など、初心者がすぐに参考になるサイトばかりです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Webデザインをこれから勉強しようと思っても、どこから始めていいかわからないということはないでしょうか？
Git-it - 手を動かしながら習得できる日本語対応のGit/GitHub学習アプリ | ソフトアンテナ
GitやGitHubの使い方を学習することができるデスクトップアプリ「Git-it」。Electronで作られていて、Mac / Windows / Linux用の実行ファイルをGitHubよりダウンロードすることができます。英語表記のみだけでなく、日本語に対応しているところもありがたいところです。 使用方法 Git-it自体は問題集のようなもので特別な仕掛けはありません。画面の指示に従いローカルの環境でGitを使いながら学習を進めていきます。Git-itではGitHub Desktopの使用を推奨していますが、実際の運用を考えてターミナルでGitを勉強してみるのも良いでしょう(Windowsの場合若干めんどくさいですが)。 Git-itでは、Gitのインストールから始まり、リポジトリの作成やコミット、GitHubの使い方、最終的にはプルリクエストの送信方法まで学ぶことができます。 プルリ
僕が売れる文章力の為に買いまくった39冊のライティング本など
少しでも良いという評判を聞いたライティング系などの本はすぐに購入してしまうENJIです。 文章の力は無限です。 たった1つの記事から月に何百、何千万という売り上げを出すことすら夢ではありません。 そこにいるのは百戦錬磨の営業マンでも世界を股にかけるような高学歴のエリートでもなく、 ただ「文章」です。 すごいですよね、文章。奥が深く興味が尽きません。 最安値！ポケットWiFi比較で一番安いおすすめ料金プラン 売る文章力に役立ちそうな39冊の本 僕が今まで購入した「売る」為に役立ちそうな本を紹介します。 インターネットでモノを売る記事を書くためには正しいライティングだけでは足りないんですよね。なので売るに役立ちそうな本は全て買っちゃいます。 順不同ですが、特に万人受けしそうなおすすめの本を7冊とその他を紹介します。 誰もが共感できそうなオススメ本 ここらで広告コピーの本当の話をします [ama
日本で唯一の広告ミュージアム「アドミュージアム東京」
東京都港区東新橋 1-8-2 カレッタ汐留 | 03-6218-2500 開館日 火ー土 12:00 - 18:00 入場無料
最新動画PARK
2024.07.07 【CR真・北斗無双】実践-248-久々の運命タイマー発動！！の巻 チャンネル登録・Twitterのフォローもよろしくオネシャス(｡･ω･｡) ◇チャンネル登録はこちら⇒ ◇twitter ⇒ 2024.07.07 新台【スマスロ真・北斗無双(スマスロ北斗無双)】仲間参戦で継続率アップ! 4人集結なら96%継続のST「極・幻闘RUSH」突入で平均5000枚!?「イチ押し機種CHECK！」[パチスロ][スロット] 2024年7月8日(月)～導入。 新台「スマスロ真・北斗無双」最新台! 小役のヒキでボーナスを狙うST「幻闘RUSH」は、仲間を集めるほどSTゲーム数＆チャンス小役が増加して継続期待度アップ! 4人集結で最大96%ループ到達だ! 新台の魅力を徹底解説! 最新台、人気台のスペック、打ち方、ゲームフロー、通常･上乗せ･注目･熱い演出･プレミアなどをお届けします! 今
Webサービスの名前をつける時のアイデアいろいろ
2017年6月30日 Web関連記事 新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究＋ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですｗ ↑私が10年以上利用している会計ソフト！ まず、Webサービスの名前を考えるにあたって、有名なWebサービスをあげてみました。Facebook、Twitter、Flickr…。どれも短く、英語でいう「2音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります（音節について詳しくはこちら）。2音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えたWebサービスの名前を考える時のポイントを挙げてみます。
Photoshopの4つのマスク基礎講座を解説！
Photoshopの便利な機能の一つに「マスク」がありますが、作成方法やメリットがよく分からず使っていない方も多いのではないでしょうか。 マスクとは、画像を直接修正・編集することなく余分な箇所を覆い隠す機能のことです。直接いじらなくとも表示、非表示ができるので後からの修正したい時に非常に便利な機能になります。また、いくつかの作成方法があり、特徴や作成手順が異なります。 今回は、Photoshopでおこなえる「クリッピングマスク」「レイヤーマスク」「ベクトルマスク」「クイックマスク」の4種類のマスクの基礎的な使い方をご紹介します。マスク機能はあらゆるシーンで活用でき、重宝する機能です。ぜひ身につけてこれからの作業にお役立てください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成
デバイスフォント・WEBフォント大解剖 〜新人デザイナーのテキストフォント選び〜 | WebNAUT by Beeworks
先輩「このテキスト、デバイスでやってね」 新人「え？デバイスってなんですか？」 こんなやりとり、経験ありませんか？ 今回は新人にありがちな、「デバイスフォントとWEBフォントって何？」「WEB上のテキストで使えるフォントってどんな種類があるの？」という疑問にお応えします。 目次 HTMLテキスト・画像テキストとは？ HTMLテキストで使えるフォント４分類！ 1.パソコンやスマホのOSに元々入っているフォント（＝OS標準フォント） 2.ユーザーが個別にパソコンにインストールしたフォント 3.外部のWEBフォントサービスが提供するフォント 4.自分でサーバーにアップしWEBフォント化したフォント 番外：OS標準フォントでいいんだけど結局何を使えばいいの？ HTMLテキスト・画像テキストとは？ WEB上で表示されるテキストは、大きく「HTMLテキスト」と「画像テキスト」の２つに分けられます。 「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webサービス／webサイトの名前を決める方法・コツで打線組んだｗｗｗ