みなさんこんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 マーケティングの仕事に携わるようになってもうすぐ5年。「あああああこれどうすればいいのおおおおお（涙）」と頭を抱える系のお悩みNo.1は、昔から変わらず「コンバージョン（CV）計測のズレ」です。 なぜ数字がズレるのか、どうしたら正しく測れるのか、血眼になってヘルプページやWebサイトを読み漁るものの、自分では解決できずにエンジニアに助けを求める……なんてことをしばしば繰り返してきました。 そこで今回は初心にかえり、CV計測がうまくいかない原因はなにか、我々はどう対処すべきなのか、プロに聞いてみました！ 広告効果測定プラットフォーム「アドエビス」を提供する株式会社イルグルムの日高さんにお話をうかがいます！ 株式会社イルグルム アドエビス事業推進本部 日高 さくら 氏2018年、株式会社イルグルムに入社。ア

まこりーぬ なんか、すごいページを経由してきたんですけど…… 滝井 見たことありませんか？ こういうページ遷移の途中で表示される広告。 まこりーぬ たしかに良く見かけますね……次のページを読みたいくらいにモチベーションが高いユーザーだから、ここで離脱はしないんでしょうけど、正直ストレスですよね…… 滝井 2ページ目に気になる情報があることを示唆しながら、その途中で広告を挟む。たしかに「広告を見ていただく」ということだけを考えれば、これ以上ないタイミングではあります。しかし、ユーザー視点が完全に抜け落ちています。 まこりーぬ それは間違いないですね……この手の広告でイラッとしなかったことがないです…… 滝井 まず、そもそも意味のないページ分割もやめるべきなんですけどね。 滝井 さぁ、まこりーぬさん、いよいよ最高にウザい広告の登場ですよ！ なんだと思いますか？ まこりーぬ え……なんですかね？

こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと

こんにちは、ブランディングチームのジョンです。 ぼくは10年近くコピーライターをやってきて、何社か経験もしてきました。Web制作を本業とする会社はLIGが初めてなのですが、この業界に身を置いてひとつ気づいたことがあります。それは、Web制作におけるコピーの価値の低さです。 ※あくまでもぼく自身の日々の中で感じたことなので、以下の内容は個人的な意見になります。 なぜ、そう感じたのか。 いくつか理由はありまして、ひとつは「コピーは原則としてクライアントにいただく」こと、もうひとつは「だからコピーライターがいない」こと、さいごに「コピーの賞はいまだにグラフィックとテレビCMが盛ん」なことです。 1. コピーは原則としてクライアントにいただく いま進めているWeb制作案件のお見積もりに、「コピーライティング費」は入っていますか？　入っていないケースは意外と多いのではないでしょうか。 なぜか？ それ

こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、

皆さんこんにちは、LIGの広報担当ひろゆきです。 先日このブログでもお伝えしましたが、LIGはオフィスを移転しました。 オフィス移転のお知らせ。〜いざ上野〜 | 株式会社LIG 無事に引っ越しが終わり、新オフィスが稼働中です。 今回は新しくなったオフィスがどんな感じなのかを紹介します。 LIGの新オフィスへの行き方 新オフィスは国道4号昭和通り沿い。 JR上野駅から来る場合はこの歩道橋が目印です。東京メトロをご利用の方は地下鉄3番出口から地上に出るとあっという間につきます。 オフィスがある建物はこんな感じの通りに面してます。 共同ビル（上野）という建物を見つけたら、もう大丈夫です。LIGはこの中にあります。 LIG＝共同ビル（上野）と考えても良いかも知れませんね。 まだ名前が入ってませんが、LIGは10階のテナントを借りています。最上階です。 ビルの中に入るとそこはサラリーマンの強い味方、

夏の日差しが少し収まり、涼しくなってきたこの頃、皆様はどうお過ごしでしょうか？ こんにちは。LIGライターの野上です。 今回、私が以前書いた記事、これに決めた！オンラインで自分だけのスニーカー、パンプスなどが作れるwebサービス7選をたまたまアディダスジャパンの方が読んでくださり という、何ともありがたい話を頂きました！ ありがとう、アディダス。ありがとう、LIGブログ。 これは両の足が骨折しても行くしかない！という事でお邪魔させてもらう事に。 いざ、アディダスジャパン株式会社へ！ アディダス様のオフィス前に到着しました。いよいよ中に入ります。どんなオフィスなんでしょう！ ちなみに道を間違えて３０分以上かかったのは内緒です。 中に入ると、そこには屈強なサッカー選手３人が出迎えてくれました。 「走りまくれ。暴れまくれ。」 グッとくるキャッチフレーズです。 受付はクリーンで明るく、とても素敵で

こんにちは。デザイナーのハルエです。 最近涼しくなってきましたね。私は自分があまり風邪をひかないせいか、「健康」に対して軽視しているところがあります。いつまでたっても自分は風の子元気な子だと信じきっています。そのせいかは分かりませんが、今は鼻水が止まらずのど飴を過剰に摂取しながら書かせていただいています。 ほんと健康って大事。 さてWEBデザイナーのみなさん、フォームのデザインって悩みませんか？ 登録フォームやお問い合わせフォームなど用途は様々ですが、最近はブラウザ標準のフォームを使用せず、CSS3やらプラグインやらを使っておしゃれに工夫されたフォームのまぁ多いこと。きれいで使い勝手のいいフォームデザインがしたい。でもコーディングに時間が・・ってことありますよね。私はちょっと苦手意識があったりします。 でも、サイトの窓口ともなるフォームは、WEBサイトを運営するにおいてとても重要な役割を持

こんにちは…メディア事業部の…ゆうせいです…。 （生まれてきて…ごめんなさい…） 今日は…皆さんに重大なお知らせが…ございます…。 LIGはアドテック東京2013に出展いたします… 来る2013年9月18…19日の二日間…日比谷にある東京国際フォーラムで行われる…「アドテック東京」に…LIGが出展する事になりました…。 アドテック東京とは… 10年以上の歴史を持ち…全世界8都市で開催される…世界最大級のデジタルマーケティングカンファレンス…。 国内外のトップ企業が…自社のデジタルソリューションやテクノロジーを…各ブースにて発表したり…トップクラスのスピーカーによるディスカッションや実践的なワークショップが行われる…業界が最も注目するイベントのひとつです…。 FOX×LIGで出ます… 以前よりFOXと共同で運営しているエンタメウスというサイトがあるのですが…このサイトのプロモーションを兼ねて

ライター内藤です。 本日は日本人の大好きな「均等割り付け」を超軽量jQueryで実現します。 特にtableのthタグなどで利用頻度が高いかと思いますが、block要素でも使えます。 Wordで言うと、これ　　です。 両端揃えではなく均等割り付けが必要な理由 下の図が分かりやすいと思います。 text-align: justify; text-justify: inter-ideograph; 上記のcssは、1行に満たない文字に関しては左寄せになります。 この命令の趣旨は、書籍の紙面を想像してもらうとわかりますが、複数に渡る行の右端を揃えることにあります。 ですので、thタグに上記のcssを適用しても、図中2行目以降のようになってしまいます。 つまり、横幅よりも少ない文字列を均等割り付けできないわけです。 cssでは実現できないので、jQueryを使う 拙筆webkit系ブラウザ（Chr

こんにちは、ライターの内藤です。 先日、相互言語添削SNS「Lang-8」代表の喜洋洋（き・ようよう）さんに以下のテーマについてお話を聞いてきました。 人をのめりこませるWebサービスを実現する仕組み（UX/UI） 発想のコツ・実現のコツ 今後のWebサービス界で重要になるスキル お話を聞いているうちに、「アウトプットとフィードバック」という一つの軸が見えてきました。 なので今回は、様々な人にとって有効な「使えるスキルを習得する方法」をご紹介したいと思います。 育てる側の方は、ぜひ「使えるスキルを習得させる方法」としてご覧ください。 もくじ 「Lang-8」とは アウトプットとフィードバックに至る経緯 参考になる喜さんの実例 大学受験 起業 Webサービスの運営 使えるスキルを習得するための「アウトプットとフィードバック」とは 量のアウトプット 質のフィードバック 実践するヒント 学校の勉

人物紹介：段田 LIGのエンジニア。少し太っているが、何の罪も無い一般人。 格闘技とピザとコーラをこよなく愛する。 プロレスファンの間で ”聖地” と崇められる “つけ蕎麦屋” が渋谷にあります。 せっかくなので、今回は僕なりの「正装」で訪れることにしました。 着きました。つけ蕎麦屋 「ローリング蕎麦ットJ」 さんです。 アメコミ風のグレート・ムタ看板。店主のプロレス愛が伝わってきますね。 ちなみに 「ソバット」 っていうのは後ろ回し蹴りの事です。 警察に事情聴取される前に、中に入りましょう。 プロレスグッズなどで飾られたカラフルな店内。 カウンターと厨房を仕切るのはリングロープ。まさに観客と選手の関係。 アメコミフィギュア。男の象徴です。 本物のゴングもおいてありました。どうして本物とわかるのかというと 店主に「本物ですか？」と聞いたら「そうだよ」って言ったからです。 店内を見てるだけで

こんにちわ段田です。 ここ最近Facebookの仕様変更で修正対応が多かったので、 対応した時の内容をメモしたいと思います。 Likeboxの最小幅が292pxに仕様変更 先月、Facebookのデベロッパーサイトに 下記注意書きが出ていました。 「The minimum supported plugin width is 292 pixels.」 訳「最小幅は292pxにした。それ以下のサイズにしたい場合は神にでも祈ってな。」 確認してみると下記画像の黒枠内に収まるように設定した 幅260pxが適用されず、292pxで設定されていました。 なんてこったい 対策としては２つあります。 1.iframeのコードを使用する iframeのコードを使い、内部のwidthを変更することで最小幅を292px以下に設定できました。 <iframe src="//www.facebook.com/plu

display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

こんにちは、メディア事業部のあゆみです。 ここ数日、会社で夜を過ごしているうちに毎日「ネコtime」を設けるようになってしまいました。癒しです、癒し。そんなわけで不思議と元気が出てくる、絶妙なツボを突いてくれるネコ動画を紹介します。 クールすぎる…秀逸ネコ動画15選 1.stereo skifcha ここ数年のネコシーンで一番ホットなのは、やっぱりロシア出身のネコアーティストSKIFCHA。白いサングラスをかけてばっきばきのダブステップのビートにのってる姿が超クールです。編集でいじられまくってるのですが、それでもいいのです。可愛いから。 大人気すぎて3Dバージョンやリミックスなど様々に登場していますが、中でも人間のおばあちゃんでパロッた動画は秀逸。

一口にテキストエフェクトとは言ってもアニメーションのほうとビジュアルのほうと両方を融合させたものがあります。 ハリウッドのSF映画なら、必ずと言ってもいいくらい、映画の特徴を的確に捉えた超カッコイイテキストエフェクトをかけますよね！僕はトランスフォーマーのタイトルのような、動きも見た目もSFチックなのが好きです。 そういうのをWeb上でもインタラクティブに出来たら最高ですよね？如何せん、映像分野に比べてテキストエフェクト作成を手助けしてくれるツールが泣くほど少なく、制限も多くて自由性に乏しいがゆえに、個性的なテキストエフェクトを実装しようものなら、とてもじゃないがかなり骨が折れちゃう仕事になりそうです。 でも、それも過去の話！ とは言いたいところだが…まだまだ全然映像分野の足元にも及ばないのが現状…　とは言ってもCSS3のおかげで昔よりは随分良くなってきたのも事実。 今回は、手間暇要らずで

こんにちは。ディレクターの允（まこと）です。 いつになったら（）がとれるかは謎ですが、今期は続けて行きたい所存です。 允の読み方 よく充（みつる）と間違われますが、 正しくは允（まこと）です。鍋蓋はありません。 最近メディアサイトのディレクションをさせていただく機会が多いので、参考で探したIT系のニュースサイトをまとめてみました。 IT系ニュースサイトまとめ GIZMODO http://www.gizmodo.jp/ 言わずと知れたIT系ニュースサイト。 Apple新製品販売前とかはサイト内がお祭り騒ぎです。面白いので新しいiPhoneが出るときは必見です！ Gigazine http://gigazine.net/ 日々のあらゆるシーンで役立つ情報を提供するIT系ニュースサイト。 こちらのサイトは影響力が非常に強く、制作したサイトなどがGigazineさんにとりあげられると、かなりの確