世の中に溢れる「うざい広告」をプロが徹底解説！マーケターは必見です | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 ネットサーフィンをしていると頻繁に出会う「うざい広告」ってありますよね。広告を制作、運用する立場としてこの手の広告がなぜ存在するのか、そして今後こういった広告はどうなっていくのかを、今回はしっかり勉強したいと思います。 今回講師としてお招きしたのは、マーケティング会社の「株式会社キーワードマーケティング」の代表である、滝井さんです。以前よりTwitterやブログを読ませていただき勉強していたので、今回は非常に楽しみです。それではご覧ください。 滝井 こんにちは。株式会社キーワードマーケティングの滝井です。本日は、まこりーぬさんに「うざい広告」についていろいろと説明したいと思います。「うざい」と思う広告を勉強することで、ユーザーに訴求する最適な広告とは何か？ を考えることにつながると思いますよ。 まこりー
サイトの運用改善に新時代到来。まったく新しいツール「KARTE Blocks」をご覧あれ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGのマーケター兼Web担のまこりーぬ（@makosaito214）です。 すみません、突然ですが サイトの文言変更に1週間かかっている方〜！ サイトの画像変更に10日間以上かかっている方〜！！！ いますね？ この記事を読んでくださっている方のなかに確実にいらっしゃいますよね？？ 軽い修正であったとしても、制作会社に外注している場合は時間もお金もかかります。さらに内製であっても社内調整に時間のかかるケースは多々ありますよね。現にLIGはWeb制作会社なので完全内製ですが、自社専属のエンジニアがいないためタイミングが悪いとサイトの文言変更に1週間かかることがあります……（涙）。 今回はそんな私が感激した、みなさまにぜひオススメしたい、まったく新しいサイト改善運用ツールをご紹介します。その名も、「KARTE Blocks（カルテ ブロックス）」！ 一言にまとめると、自分で簡単にサ
CSSで要素の表示・非表示を切り替える方法いろいろ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 要素の表示と非表示を切り替える方法って、同じことをやっているように見えて、実はたくさんありますよね。 これまで無意識に使い分けていましたが、いま一度整理しておこうということで、まとめてみました。 表示・非表示の切り替えに使えるCSSプロパティ 他にもあるかもしれませんが、私は主に下記のプロパティで切り替えを実現しています。 opacity visibility display では一つひとつ、特徴と用例をみていきましょう。 1. opacityの切り替え See the Pen 191001 by ligdsktschy (@lig-dsktschy) on CodePen. 特徴 非表示のときも、領域が確保される クリック／タップ可 transition可 用例 「要素を、スクロールによって画面内に入ったときに表示させる」など。見えるか見えない
Chromeでタブをたくさん開きがちな人に届け！作業効率を上げまくる拡張機能4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 広報室のたびちん（@takiyoro）です〜。 今回はこれがないと暮らしていけない！ とまでなったChrome拡張機能を４つ厳選してお伝えします。 ▼以前ご紹介した、タスク管理に便利な拡張機能＋アプリの使い方はこちら 開けているタブをリスト化！ 「GetTabInfo」 ダウンロードURL あらゆるオフィスワーカーに知ってほしい！ タブで出したページのURLやタイトルなどの情報がリストになって出てきます。表示方法はテンプレート化が可能です。URLだけのリスト、タイトルとURLで間にタブを入れる、タイトルを＜＞などで囲むなど、柔軟に設定できます。 こういう感じで、同じウインドウ内で開いている複数タブをリスト化できます。 「ちょっとこの業界のURL調べてリスト化しといて」なんて命が下ったときに何度か救われた拡張機能です。複数タブを開けておき、これでリストにするだけなので、個人的な
TOPページの表現に心奪われて、ついスクロールしてしまったWebサイト7選（個人的な理由付き） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
長いゴールデンウィークからの社会復帰、おめでとうございます。 ジョンです。 ぼくはもともとグラフィックの世界にいたせいか、1コピー・1ビジュアルの表現が好きです。なのでどうしても、Webサイトを見るときはTOPページの表現に注目してしまいます。ファーストビューでコンセプトを語れているようなサイトにはグっときてしまう性分なのです。 今回は、最近ぼくが見たサイトの中から、いいなぁと思ったものを紹介させていただきます。 TOPページの表現に心奪われたサイト7選 ※なお、下記のキャプチャはPCサイトのもので、スマホの表示とは若干異なります。 東京メトロ 銀座線全面リニューアル http://www.tokyometro.jp/ginza/ 通勤で東京メトロを利用するので、このポスターはよく見かけていました。 中でも好きなのが駅はもっと街になれる。というコピー。 駅の改装工事って、ときにエスカレータ
新人〜中堅社員の役に立つ「ビジネススキル・マナー」記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、広島ライターのちひろです。田舎の自販機には小銭の投入口にカエルが張り付いているので気がつかずに差し込むとムニュってなることがよくあります。 さて、LIGブログのビジネスカテゴリーの記事は、私のような新人〜中堅社員にとても役に立つものが多いと思います。そこで、今回はたくさんシェアされているものや過去の名作を分野別にまとめてみました。 最近は個人的な調べ物をしていても、検索でLIGの記事がヒットすることが増えていますし、リンク集みたいなものがあるときっとみなさんの役にも立つはず。ぜひ、メモ代わりに活用してください。 それでは、はじめます。 ビジネススキル・マナーのLIGブログ記事まとめ ビジネス記事の中で一番多かったのは、やはりビジネスのスキルアップにつながる記事。 提案書や企画書の書き方、あるいはマネージメントについてなどその内容はバラエティが豊富で、2,000以上のシェアがつい
今後、注目の解析ツールに！Twitter Cards Analyticsの使い方を解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さまこんにちは。メディア事業部のまゆです。最近になって「サブ垢」って響きがなんだかいいな…と思い、Twitterで複数のアカウントを作ってみたのですが、元々見る専門の人間だったので、あまり役に立ちませんでした。しかもパスワードを忘れました。 以前メディア事業部のきょうへいがTwitter Cardsに関する記事を書きました。今回わたしはTwitter Cardsを導入することでTwitterの解析ができる、Twitter Cards Analyticsについて簡単にご紹介させていただきます。 ※2013年に試験的に全ユーザが使用できるTwitter Analyticsが公開されていましたが、今回ご紹介するのはTwitter Cardsを使用している方と広告主の方専用のAnalyticsになります。 Twitter Cards Analyticsについて https://analytics
LIGブログで競合他社の宣伝バナーを無断で掲載したら、普通に怒られた話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部の紳さんです。 最近、YouTubeの「スキップできない広告」が流れたときにイライラするのをやめました。どうせスキップできないのなら、楽しんだ方が得だと思うんです。 「一体、何のCMなんだい！？ どうなっちゃうんだい？」と、つぶやきながら見ると意外と面白いものですよ。 今回は「LIGブログで競合他社の宣伝バナーを無断で掲載したら、普通に怒られた話」をしたいと思います。 LIGブログのバナー運営の現状 月間270万前後のPVがあるLIGブログでは、コーポレートサイトながら様々な企業様のバナー広告を掲載しています。 背景ジャックを含め、5種類26枠のバナー広告は弊社独自のクリエイティブで作られ、「見る人の興味を惹き、クリック率も高く、費用対効果が高い広告」としてクライアントの皆様から好評をいただいております。 しかし、一点、気になる問題を抱えていました。 それは競合他
Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんどうも〜こんにちはぁ！ 日々レベルアップを目指してWebを学んでおりますライターの、のび太です。 以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です！ そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい！ マジで有益すぎる！ ありがてぇ！」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。 今まで知らなかったという人は、ぜひこの機会にRSS購読を！ 制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の
永久保存版！デジタル一眼レフ初心者のためのカメラ用語辞典 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。みなさま、連休はどこかにお出掛けしましたか？ 7年振りの海外旅行で張り切り、自前のデジタル一眼レフを持って行ったのに、バッテリーを忘れて結局iPhoneで撮影していたライターのemiです。 iPhoneでも充分キレイな写真が撮れるけど、最近流行りのデジタル一眼レフも使ってみたい！という方のお役に立つように、今回はよく使うカメラ用語をまとめてみました。「これ、どういう意味だっけ？」と思ったとき、ぜひ参考にしてください。 それでは、はじめます。 ア行 アウトフォーカス 絞りを調節することで、画面の中にあえてピントを外してぼかした部分を入れること。ピンぼけとは違います。 例えば、人物の撮影でバックをぼかして際立たせるなどは、LIGブログでもよく取り入れている手法だと思います。 こういうことですね。 赤目現象（あかめげんしょう） フラッシュを使って写真を撮影したとき、人物などの目が赤く
【HTML5・CSS3】おしゃれなテーブルデザインのサンプルソース5点 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れる仕事もしてみたい！ そこで本日は、日々の業務で見かけてこれは使えるぞと思ったtableを、独自に再構築してソースコードを公開しようと思います。 table作成時に参考になるサイト 本題に入る、その前に。XPの公式サポートも終了し、HTML5＋CSS3の普及が進んでいます。今更ながら、この技術でどんなtableが実現できるのか、とてもわかりやすく説明されていたサイトをまずご紹介します。 table専門参考ページ4選 table専門の参考ページを4つほど選んでみました。 CSS3を使って美しく装飾されたテーブルの作り方｜Webpark CSS3でのtableの作り方を、見た目とソースから解説してあります。 テーブル｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScr
SNS色々ありすぎ！各ソーシャルシェアボタンの特徴を簡潔にまとめてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です。ディレクターの鮫島です。 今年もあと2ヵ月で終わりですね。来月になれば後1ヵ月。1年経てばやはり後2ヵ月です。 そうして人は歳をとり、一生を終えていくのですね。人は死んだら一体どうなるのでしょうか… さて、今回はサイト内に設置されるFacebookいいね等のソーシャルボタンをまとめてみました。もはやFacebookいいねとTweetボタンはほぼ必須になったこのご時世、その他にも様々なソーシャルボタンがあるのですが、色々ありすぎてボタンの役割とか種類がごちゃごちゃになっていませんか？ そんなあなたはこの記事を見て、「あ、今はこんなのがあるのね」と多分大体ざっくりとわかってもらえると思います。 シェア系 Facebook もうほとんどのWebサイトで見かけますね。ここ1年で携わったプロジェクトで拡散がNGなクローズドのサイト以外ではいいねボタンを付けなかった事はありません。 名称
ペルソナとは？マーケティング初心者にもわかる作り方や事例を解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
マーケティングを担当している方にはおなじみのことかと思いますが、Webサイトを作るにもコンテンツを作るにも、まずはペルソナを設定しますよね。しかしこのペルソナについて、意外としっかり説明できない、あまりよくわからないという人も多いのではないでしょうか。 今回はマーケティングにおけるペルソナとはどんなものなのか、意味や具体的な作り方、マーケティティングへの活用事例まで徹底解説します。 マーケティングにおけるペルソナとは、「商品やサービスを実際に利用する顧客の架空の人物像」という意味を持つマーケティング用語です。 ペルソナを作る時は、氏名や年齢、家族構成や住んでいる場所などの基本情報から、趣味・価値観などのライフスタイルまで細かく設定するのがポイント。細かく設定することで、より効率よく効果的なマーケティング戦略や施策を立てやすくなります。 ターゲットとの違い ペルソナとターゲットの違いは、ター
記事・文章を編集する時に気をつけたい7つの基本事項チェックリスト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ども、メディア事業部のゆうせいです。最近はありがたいことに他メディアでも露出が増えてきましたが、普段の業務は記事の編集です。 今回は、記事、つまり文章を編集する時に気をつけていることの中から、7つをご紹介したいと思います。とは言え、細かいことや小難しいことを言うつもりは全くありませんので、お気軽にお読みください。 文章を編集するときに気をつけている7つの基本事項 1. 言いたいことは見出しで書く はい、もう言いたいことは言いました。読んで字の如し、言いたいことは見出しに書く。文章の一言一句を読んでくださるのは、校正担当の方か、よほどの文字マニアだけだと思ってます。（だからと言って誤字脱字はダメ絶対） まずは見出しを読み、興味が無ければ読み飛ばす。これは至って普通のことで、皆同じ。だから、段落の文章を全部読み飛ばされたとしても、最低限これだけは分かってくれ！俺の気持ちを受け取ってくれ！と懇願
IllustratorでWeb制作をするときに気をつけたい5つの設定 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作る際には、確認しておかなくてはいけないWeb用のポイントがあります。 今回は、初心者向けのちょっとした用語の説明と共に、Web用コンテンツ作成時に気をつけるべきIllustratorの設定をご紹介していきます。 IllustratorでWeb作業をする時に気をつけたい5つの設定 単位は相対単位のピクセルにする カラーモードはRGBにする ピクセルプレビューで作業する 各パーツはアートボードをわけて
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
2014年度、入社式を行いました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様こんにちは、LIGの代表、岩上です。 4月1日、LIGでは新卒入社の社員を集めて、入社式を行いました。 期待を胸に、いざLIGへ 左からのびすけ(25)、王(24)、菊池(26)、朽木(27)。 みんな大学を卒業するのに随分と時間がかかったようですね…。 みなさん、この度はLIGへの入社、おめでとうございます。 今日からみなさんと一緒に働ける事を嬉しく思います。 が、しかし まだ決まっていないッ 入社させるとは言った… だが、いつ…とは言っていないッ その気になれば、10年後…20年後…という事もありえる…ッ そこで…今から諸君には最後の入社テストをしていただく… それをクリアすれば、無事入社。 そう、何も10年後とかケチな事は言わん… 即、入社だ…ッ！！ 「は？」 Fuck you… ぶち殺すぞ… ゴミめら……！ お前らは…黙って副社長のゴウと勝負をするんだ。 それに勝てば…入社だ。
お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
初心者でも作業時間が半分に!? Illustratorの効率化テクニック | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
パスの練習にはiPod風壁紙自作するのが一番だよ。こんにちは、もりたです。 先日、井上のきあさんの『Illustrator ABC』（エムディエヌコーポレーション）を買ったんですが、すごいなイラレ、いろいろできるのな！って感動したので、今回は覚えた機能を使ってなにか作ってみようと思います。 井上のきあさんの『Illustrator ABC』はコチラからご購入できます： http://www.amazon.co.jp/dp/4844363506 しかし自分の記事見直すとホント何にも知らずに使ってたんだな・・・。 ちょっと恥ずかしいので責めないでください。ほんと恥ずかしいんで！ 紹介したい機能 今回は、［グローバルカラー］［ライブペイントツール］［アピアランス］機能を使いこなしてみたいと思います。 アピアランスで線路記号が作れるということなので、地図を作りながら説明します。 作業環境は、Mac
Web制作者向け便利ツール・参考デザインなどLIGブログ記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね～。なんといっても牛丼が安くてウマい！！ さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう！ Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 https://liginc.co.jp/web/too
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
