タグ

ブックマーク / liginc.co.jp (34)

  • 世の中に溢れる「うざい広告」をプロが徹底解説!マーケターは必見です | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    みなさんこんにちは、LIGのマーケターのまこりーぬ(@makosaito214)です。 ネットサーフィンをしていると頻繁に出会う「うざい広告」ってありますよね。広告を制作、運用する立場としてこの手の広告がなぜ存在するのか、そして今後こういった広告はどうなっていくのかを、今回はしっかり勉強したいと思います。 今回講師としてお招きしたのは、マーケティング会社の「株式会社キーワードマーケティング」の代表である、滝井さんです。以前よりTwitterやブログを読ませていただき勉強していたので、今回は非常に楽しみです。それではご覧ください。 滝井 こんにちは。株式会社キーワードマーケティングの滝井です。日は、まこりーぬさんに「うざい広告」についていろいろと説明したいと思います。「うざい」と思う広告を勉強することで、ユーザーに訴求する最適な広告とは何か? を考えることにつながると思いますよ。 まこりー

    世の中に溢れる「うざい広告」をプロが徹底解説!マーケターは必見です | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    nemusg
    nemusg 2021/05/25
    やりとりは好き
  • 無料でサイトを大幅に高速化! CDNを知らない人のためのCloudFlare入門 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。フロントエンドエンジニアのほりでーです。 CDN(シー・ディー・エヌ)という種類のWebのサービスをご存知でしょうか? インフラの知識がある方にとってはお馴染ですが、デザインやフロントエンド中心の方にはあまり馴染みのないサービスかもしれません。実は、これから紹介するCloudFlare(クラウド・フレア)というCDNサービスを導入すると…… Webサイトにほとんど手を加えることなく大幅に高速化 無料でSSLに対応 DDoS攻撃のような有害なアクセスをブロック させることが可能なのです。今回は私が運用している静的なブログサイトを例に、CDNやリバースプロキシの仕組み、CloudFlareの導入方法などについてご紹介します。 CDNとは CDNとはコンテンツ・デリバリー・ネットワーク(Content Delivery Network)の略称です。 「コンテンツを届けるネットワーク」

    無料でサイトを大幅に高速化! CDNを知らない人のためのCloudFlare入門 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    nemusg
    nemusg 2019/03/01
  • wordpressでiframeが無効になる現象を解決する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    皆さんこんにちは。株式会社LIG 最高技術責任者のづやです。 ある日、当社スタッフに「このブログのGoogle Mapを記事に埋め込みたいけど、できないよ」と言われました。 試しに僕がやってみたらちゃんと埋め込む事ができたので、何を言ってるんだと思いました。 ですが、よくよく調べてみたらユーザー権限によってフィルターをかけられているようで、iframeタグが有効にならないケースがあると知りました。 ちなみにこのブログのwordpress(3.3.1)はマルチブログで利用しているため、権限が6種類(特権管理者、管理者、編集者、投稿者、寄稿者、購読者)用意されてます。 どの権限でどのタグに制限がかけられているのかがちゃんとわからなかったのですがiframeは特権管理者しか使用できない模様。 とりあえず誰でもiframeを使えるようにすることにしました。 使用してるテーマのfunctions.p

    wordpressでiframeが無効になる現象を解決する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちわ、最近は右下のデブと言われることが多い段田です。 今回はWordPress管理画面のカスタマイズを紹介したいと思います。 1.左メニューのカスタムタクソノミーメニューを消す。 カスタムタクソノミーを追加した際、 管理画面では投稿やカスタム投稿タイプのメニューの中にサブメニューという形で カスタムタクソノミーメニューが表示されます。 このメニューを特定のアカウント時は 表示させないようにするカスタマイズ方法を記載します。 サブメニューはremove_submenu_page関数を使うことで削除出来ます。 remove_submenu_page関数はグローバル変数の$submenuの配列データを操作する形になります。 function remove_submenu_page( $menu_slug, $submenu_slug ) { global $submenu; if ( !i

    WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • フックって?WordPressのカスタマイズ方法を説明します! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    おはようございます。小林です。最近のレゴ®ってすごいですね。 さて、WordPressのプロフィールにHTML書きたいときありますよね、特にリンクとか。 例えば、プロフィールを以下のようなHTMLにしたいとします。 もうすぐ4歳。<br> <a href="http://www.takaratomy.co.jp/products/plarail/" target="_blank">プラレール</a>と<a href="http://www.lego.com/ja-jp/" target="_blank">レゴ®</a>が大好き。 もうすぐ4歳。 プラレールとレゴ®が大好き。 ご欄のとおり、target属性は書いても除去されてしまいます。 というのも、WordPressセキュリティのために入力値に様々な制限をかけています。 このプロフィール欄でもそれが適用されているため、上記の様な結果にな

    フックって?WordPressのカスタマイズ方法を説明します! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • テーブルタグをレスポンシブサイトでも見やすくする方法・4選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    テーブルタグをレスポンシブサイトでも見やすくする方法・4選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Illustratorでドットモザイク画像を作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    今回はポップなドットモザイクの画像をIllustratorで作成する方法をメモしておきます。 01:画像を埋め込む 今回はお花の写真を配置しました。リンクは切っておいてください。(パスデータの場合はラスタライズして画像データに変換してください。) 02:画像にモザイクをかける 「オブジェクト」→「モザイクオブジェクトを作成」を選択。(CS3以前では「フィルタ」→「クリエイト」→「モザイク」) こんな感じになります~。 モザイクになったオブジェクトはグループ化されているので、グループ化を解除しておいてください。 03:モザイクタイルを丸ドットにする タイルをひとつ選択して大きさを確認します。 タイル一個の大きさを確認したら、画像全体を選択しなおして、「効果」→「形状に変換」→「楕円形」を選択します。 形状オプションで「値を指定」を選択、幅と高さをさきほど調べたひとつのタイルの幅と高さと同じぐ

    Illustratorでドットモザイク画像を作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ファビコン(favicon)とは?代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です

    ファビコン(favicon)とは?代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • アニメーションに便利なJavaScriptライブラリTweenMaxを使ってみる(その1) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、CTOのづやです。 今日はアニメーションさせるときに便利なTweenMaxの使い方について書きたいと思います。 こちらのスピードテストのページを見るとわかるように、かなりハイパフォーマンスなアニメーションが可能です。 というわけで、基的な使い方を書いていきたいと思います。 とりあえず要素を動かしてみよう まずは公式ページからダウンロードしましょう。 慣れないうちはTweenMax.jsを、とりあえず以下のように読み込んでおきましょう。 <script src="js/TweenMax.min.js"></script> 基的によく使うクラスとして、以下の4つがあります。 TweenLite TweenMax TimelineLite TimelineMax Tween系とTImelite系の2種類がありまして、それぞれMaxが高機能版だと考えてよいかと思います。 単純に要素

    アニメーションに便利なJavaScriptライブラリTweenMaxを使ってみる(その1) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ITベンチャーのLIGから、社員数が約5000人の会社に転職してわかったこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    人物紹介:菊池良 2016年3月まで株式会社LIGに在職していた元社員。ブログ記事の企画・執筆を担当していた。 LIGではない六木のオフィスからお送りします。 え? なんでそんな場所にいるかって? 転職したからだよ! 今年の4月1日から社員が約100人のLIGから、六木にある約5000人の会社に転職しました。 そこで今回は規模の違う会社に1ヶ月ほど勤務してみて、わかったことを報告いたします! 転職してわかった5つのこと 1.どんな人が働いているかわからない 5000人も社員がいると、「基、知らない人」です。 エレベーターで乗り合わせるのも知らない人。廊下ですれ違うのも知らない人。社内の打ち合わせにやってくるのも知らない人。 知らない人だらけ。 会社って基、知らない人が回しているんだなぁってことがわかりました。 というか僕、上司が誰かわからないんですよね。3人ぐらい候補がいて、みんな

    ITベンチャーのLIGから、社員数が約5000人の会社に転職してわかったこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 上手な話し方とは?話がわかりやすい人とわかりにくい人の違い8か条 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。5月から自転車通勤を始めたライターのあだちです。 とても気持ちいいですよ! ところで、皆さんは「話がわかりやすい」と言われたことはありますか? 会議然り、報告然り、「話がわかりやすい」ということには、さまざまなメリットがあります。 一方、「ものすごく話のわかりにくい人」がいるのも事実です。何を言っているのかわからなかったり、何度聞き返しても要領が得られなかったりと、コミュニケーションの難しさを痛感してしまうようなときもあります。 この二者の差は一体どのようなところにあるのでしょう。そこで今回は、かつて私がコンサルティング会社で働いているときに教わった、「話のわかりやすい人と、わかりにくい人の違い」を8つにまとめてご紹介したいと思います。 【こちらもおすすめ】 ☞ プレゼンが苦手な人でも人前で話すのが上手になる6つのコツ 「話がわかりやすい人」と「わかりにくい人」の違い8か条 1

    上手な話し方とは?話がわかりやすい人とわかりにくい人の違い8か条 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 検索結果でサイトリンクを表示させるために知っておきたいこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。いいオフィス支配人のセコです。 皆さんはサイトリンクというワードを知っていますか? Googleで検索している方は見たことがあると思います。 つまりここのこと。 今回は、このサイトリンクの出し方に関して書きたいと思います。 サイトリンクとは サイトリンク Google の検索結果で一部のサイトの下部に表示されるリンクはサイトリンクと呼ばれ、ユーザーがそのサイトに移動する際に役立ちます。Google では、サイトのリンク構造を解析して、情報を迅速に見つけるために役立つショートカットを検出します。 引用元:サイトリンク – ウェブマスター ツール ヘルプ https://support.google.com/webmasters/answer/47334 サイトリンクが出ているサイトは、その他のサイトより検索結果時に画面占有率が高く、何が掲載されているのかわかりやすくなっているのが

    検索結果でサイトリンクを表示させるために知っておきたいこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    nemusg
    nemusg 2015/05/18
  • ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、ライターのナッツです。 突然ですが、Shareaholicのレポートによると、ソーシャルメディアからのトラフィックはPinterestTwitterを抜いて2番目の参照元となっているようです。(1番多いのはFacebook) 参考:Shareaholicレポート https://blog.shareaholic.com/social-media-traffic-trends-10-2014/ この調査結果は、魅力的なビジュアルコンテンツはサイトへ多くのトラフィックをもたらしてくれる可能性を示しています。 しかし、私のようなノンデザイナーにとって「魅力的なビジュアルコンテンツ」をつくることはなかなかハードルが高いもの。そもそもPhotoshopとか持ってない!という方がほとんどではないでしょうか。 そこで今回は無料で使えるビジュアルコンテンツ作成ツールを紹介していきたいと思いま

    ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや!間違いない!」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語??」ってことと、「インストールが上手くいかない!コマンドプロンプト使い方わからない!Dreamweaver(以下DW)動かない!GUIソフトってなに!?」ってことです。

    これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    nemusg
    nemusg 2014/08/25
  • 基本中の基本!PHPのプログラミングエラーの種類と内容 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    大体こんな事が原因でエラーが出ます。 E_ERROR / FATAL : 実行時の状態がそもそも問題 ①呼び出す関数名間違い ②外部モジュールがエラーの場合 ③スペルミス ④複雑な家庭環境 E_PARSE / Parse : 構文エラー ①セミコロン忘れ、閉じ忘れ ②全角スペース混入 ③視力低下または乱視 E_WARNING / Warning : 警告。問題は発生するが処理継続 ①実行処理の失敗 ②参照先が参照できなかった場合 ③型が違う ④精神不安定 E_NOTICE / Notice : 通知。問題になりうるが処理継続 ①未定義変数の利用 ②関数の引数がおかしい ③興奮状態 エラーが起きることでこんな被害が予想されます。 ①FatalとParseに至っては動作しないので、頭および実行結果が真っ白になってしまう。 ②いろいろな情報が出力されたりするので、脆弱性になりうる。 ③表示(レイ

    基本中の基本!PHPのプログラミングエラーの種類と内容 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    nemusg
    nemusg 2014/08/14
  • サイトに独自のいいね!ボタンを設置できるWordPressプラグイン「Reaction Buttons」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    サイトに独自のいいね!ボタンを設置できるWordPressプラグイン「Reaction Buttons」 段田商会被害者の会(会員数1名)代表の段田です。 段田商会のおかげで、最近LIGではマスコットキャラクターみたいに扱われています。 stores.jpの仕組みについてTwitter等で『特定商取引法的にまずい』という意見がありましたが、それよりも『私物が勝手に出品されている』ことには誰一人意見しないところにソーシャルネット社会の厳しさを痛感した次第です。 それでは題に入りましょう。 今回はWordPressでFacebookのいいね!ボタンのような、独自ボタンを作成することができるプラグイン『Reaction Buttons』を紹介したいと思います。 インストール こちらからプラグインをダウンロードします ダウンロードしたらファイルを解凍し、pluginフォルダに設置して下さい 管理

    サイトに独自のいいね!ボタンを設置できるWordPressプラグイン「Reaction Buttons」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 登録不要で無料のWebサイト分析ツールとサービス8選! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索:Google(コマンド検索) https://www.google.co.jp/ 類似サイトを

    登録不要で無料のWebサイト分析ツールとサービス8選! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    nemusg
    nemusg 2014/06/10
  • PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG

    こんにちは。LIGブログ編集部です。いつも「時間が足りない!」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか? Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ

    PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
  • Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    みなさんどうも〜こんにちはぁ! 日々レベルアップを目指してWebを学んでおりますライターの、のび太です。 以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です! そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい! マジで有益すぎる! ありがてぇ!」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。 今まで知らなかったという人は、ぜひこの機会にRSS購読を! 制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の

    Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 永久保存版!デジタル一眼レフ初心者のためのカメラ用語辞典 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。みなさま、連休はどこかにお出掛けしましたか? 7年振りの海外旅行で張り切り、自前のデジタル一眼レフを持って行ったのに、バッテリーを忘れて結局iPhoneで撮影していたライターのemiです。 iPhoneでも充分キレイな写真が撮れるけど、最近流行りのデジタル一眼レフも使ってみたい!という方のお役に立つように、今回はよく使うカメラ用語をまとめてみました。「これ、どういう意味だっけ?」と思ったとき、ぜひ参考にしてください。 それでは、はじめます。 ア行 アウトフォーカス 絞りを調節することで、画面の中にあえてピントを外してぼかした部分を入れること。ピンぼけとは違います。 例えば、人物の撮影でバックをぼかして際立たせるなどは、LIGブログでもよく取り入れている手法だと思います。 こういうことですね。 赤目現象(あかめげんしょう) フラッシュを使って写真を撮影したとき、人物などの目が赤く

    永久保存版!デジタル一眼レフ初心者のためのカメラ用語辞典 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作