こんにちは、tetsuです。 今回は「Google Apps」で作成したグループのメールアドレスを、Gmail（ブラウザ）の送信者メールアドレスとして利用する方法を紹介します。 グループのメールアドレスを用意 「Google Apps」のグループ管理画面から、上図のようにグループを作成します。 ここではグループのメールアドレスを「liglig@liginc.co.jp」と仮定して、話を進めます。 Gmailに送信者として追加 Gmailにログイン後、ブラウザ右上にある「設定」をクリックします。 設定画面が開かれたら「アカウント」タブをクリックし、赤枠の「メールアドレスを追加」をクリックします。 「名前」と「メールアドレス」を入力して次へ進みます。（※画面は入力例です） 所有者確認のための「確認メールの送信」というボタンをクリックして次へ進むと、「確認コード」を入力する画面となります。 設定

こんにちは。代表の岩上です。LIGではコーポレートサイトをメディア化するべく色々と試行錯誤しながら、やれ今月はPVはどれくらいいきそうかなどメディア事業部をつついております。今回、ふと、自分自身が良く見ているサイトのPVやUUはどうなのだろうと調べてみたので、分かる範囲で共有します。 Tech Crunch Tech Crunch 海外、国内問わずベンチャーに特化したニュースサイト。ターゲットを絞った上で190万PVはスゴイですね。ターゲット層もIT関連企業で先進的なユーザと明確です。2006年のTechCrunch Japan立上げから僕もずっと見てます。 月間UU：80万 月間PV：190万 メディア資料[PDF] CNET Japan CNET Japan IT系の総合ニュースサイトです。1000万PV以上はさすが。ここ最近、IT系のブログメディアが増えてきてるので、過去から現状の経

訪問者数は大幅増！過去最高を記録しました！ 新規訪問者数は513,257人。PVも紳さんが結婚した4月に次いで、歴代2位の記録となりました。10月もたくさんの方にご来訪頂きまして、誠にありがとうございます。 Adsenseの広告収入 10月度広告収入 クリック単価 PVが増えた事で、Adsenseの広告収入も増えました。 ※「アクセスの割にAdsenseの収入が少なくない？」と思われた方、流石でございます。実は、LIGブログでは基本的に純広告（広告枠をお客様に買って頂く）を優先して表示しておりまして、売れ残った枠でAdsenseを表示させるようにしている為に少ないのです。 10月度人気のあった記事TOP10 1位 これが全部無料なの？フリー写真素材サイトまとめ15選 56,828PV　　（先月：41,681PV） 2位 どれが良いの? iPad、Nexus7など人気のタブレット端末7種をレ

皆様こんにちは、LIGのエンジニア、段田です。 突然ですが、セカンドライフというゲーム、ご存知でしょうか。セカンドライフとは、広大な3D仮想世界でチャットをしたり、観光したり、土地を購入したり、お店をひらいたりと、まさに第二の人生（セカンドライフ）を体験できる自由度の高いゲームのことです。 2002年に開発され、米国で圧倒的な人気を誇り、近年日本でもユーザー数が爆発的に増えたようです。また、セカンドライフ内に三越や野村証券、ソフトバンクモバイルといった大手企業が出店して話題になった事は記憶に新しいと思います。それ以外にも、個人のプレイヤーがセカンドライフ内の土地を購入、転売し、莫大な利益を上げた事もニュースになりましたね。 今回は、そんなセカンドライフの世界を、皆様にご紹介したいと思います。 俺自身も初めてやるので、導入方法からセカンドライフの楽しみ方、土地購入、うまく行けば転売してウハウ

こんにちは。先日、嫁に「寝顔が可愛い」と言われました。 紳さんです。 ところで皆さん、【人狼】というゲームを知っていますか？ 人狼を簡単に説明すると… 外国で生まれたパーティーゲームで、プレイヤーはそれぞれが村人と村人に化けた人狼となり、自分自身の正体がばれないように他のプレイヤーと交渉して正体を探る。ゲームは半日単位で進行し、昼には全プレイヤーの投票により決まった人狼容疑者の追放が、夜には人狼による村人の捕食が行われる。全ての人狼を追放することが出来れば村人チームの勝ち、人狼と同じ数まで村人を減らすことが出来れば人狼チームの勝ちとなる。 最近、フジテレビで芸能人達が人狼をプレイする番組が放映されていますが、かなり流行の波が来てるんですよ！ LIGではいつやるの！？ NOWでSHOW！ …というわけで、 「人狼の楽しさを世界に広めまくる」、という理念で活動を行う【株式会社人狼】の方々をLI

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

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; を適宜指定する。 フォ

こんにちは～　仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux　三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能

こんにちわ。 子供の出産予定日を過ぎているので、毎日お腹に応援歌を歌ってるADの野田です。 前回書かせていただきましたデザイナー募集の記事では、 一切笑いのない記事となり大変申し訳ございませんでした。 してやったりだったので、ドSな僕としてはちょっと快感でした。 今回、cssを使っていて私自身が「へぇー」となったものを記憶をたどってご紹介させていただきます。 常に、新しい技術等をチェックしているつもりですが、 日々の業務との葛藤で、つい情報を見逃してしまうこともございます。 そんな方は、今回の記事を見て「へぇー」っと、なっていただけると嬉しいです。 知らなくても恥ではないので、これを期に使ってみましょう。 なお、今回は単純に「こんなの出来るんだ」ということを知ってほしいだけなので、 対応のブラウザやバージョンは記載していません。 ご了承ください。 文字は透過せず、背景のみを透過する これは

こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

先週、新婚旅行という人生最大級の贅沢を楽しんできたため、日本に帰ってきて放心状態になっている野田です。 もう少し逃げていたかった……現実から……。 という話は置いておいて。最近LIGのブログではフォントネタが頻繁に登場するようになってきたので、それに僕も便乗しようと思います。 Webに関わっている人でも、「フォントが大事なのはわかるけどWebフォントは設定していない……」 という人も多いんじゃないですか？ 今日はWebフォントの使い方とおすすめの無料で使えるWebフォントサービスをご紹介します。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！

こんにちは。ステマ（ひろゆき）です。 今回、皆さんにご紹介したいのは、IT／Web系に特化した転職サイトのGreenさんです。 Greenさんと言えば、ユニークなこちらのバナー。 Web系の情報サイトを訪ねるとよく見かける印象的な広告ですよね。 さて、俺はLIGという会社が好きなので特に転職したいとは思わないのですが、ステマ記事を完成させるためには転職の話に繋げないといけません。 なので、今回は一般的にありがちな「転職を決意する瞬間」をLIG社内で考え、まとめてみました。 この記事を読んで転職を決意し、Greenさんのサイトへのリンクをたくさん踏んで頂けるとステマ的には大成功です。 転職を決意する瞬間BEST16 それではさっそく見ていきましょう。 給料が甘栗 給料がハマグリ 毎月、母親を交えた三者面談がある。 撮影協力：魚肴・地鶏【利楽】 電話：03-3876-9108 住所：東京都台東

こんにちは。LIGの代表、岩上です。 僕達は2012年1月からブログを本格的に書き始めて、自社サイトをメディア化するという事に力を注いできました。おかげさまで1年ちょっと運営して月間140万PVくらいの規模のサイトになってきたので、そろそろこれまで僕達がやってきた事の狙い、施策、効果などをまとめたいと思い、記事を書いてみました。 結論から言うと、「自社メディアを持つ」という事はマーケティングやブランディングの観点からとても効果的なのですが、大変な面も多々ありますので、我々の実体験を元にした本記事をお読みいただき、何かの参考になればいいなと思っています。 それではどうぞ。 ※読了目安、10分くらいです。 目次 LIGブログの規模と現状 メディア化とは 自社サイトをメディア化するメリット 運用コストについて 費用対効果について 記事を書く際に意識している事 失敗した事、大変だった事 今後の展開

LIGブログをご覧の皆様、はじめまして。 「世界一即戦力な男」こと、菊池良と申します。 菊池良 とは 6年間の引きこもりを経て大学生となり、就職活動の一環として自らのウェブサイト「世界一即戦力な男・菊池良から新卒採用担当のキミへ」を発表。たちまち話題となり、1.7万いいね！、4500Tweetを記録。届いたメッセージは1000通を超え、採用に乗り出した企業は50社以上という。まさに空前の就職活動バブルを体験した男、それが菊池良なのである。 「世界一即戦力な男・菊池良から新卒採用担当のキミへ」 そんな世界一即戦力な僕が、2月に公開した僕の就職活動サイトなのですが、おかげさまで沢山の反応をいただき、その中でも特に熱心に僕の事を誘ってくれた株式会社LIGさんに可能性を感じ、この度、インターン生として入社する事になりました（報告ページ：「世界一即戦力な男・菊池良は内定が取れました」）。 そして今回

こんにちは、LIGの副社長、ゴウです。 この度、LIGブログに「ページTOPに戻る」機能が実装されました。 どのサイトにでもある、普通の要素だと思うのですが、今回、我々は“ウザさ”にこだわって作ってみました。 ページ右下にある弊社エンジニアの段田をクリックすると… ゴゴゴゴゴ… ドドドドドドドド… という感じで、段田が天に登るラピュタのように上昇していきます。 俺が知る限り、ここまでうざったい「ページTOPに戻る」は無いと思いますし、今回の開発にはデザインとJSの実装で4日ほどかかっており、「うざい」という以外に感想が無いような機能の実装に大切な会社のリソースを割いてしまった事をこの場を借りてお詫び申し上げます。 とは言え、この機能の一番下に、広告領域も設けてあります。 時間にして2秒ほどしか見えない上に、クリックをするにはそれなりの慣れと反射神経を必要とするのですが、今回特別にこの広告枠

ジェイ退社のお知らせ（社長、岩上より） 皆様、いつもLIGブログをご覧いただきましてありがとうございます。 この度、広報として大活躍してくれたジェイがLIGを退社し、とある上場企業に転職する事となりました。転職については様々な理由がありますが、一言で表すと「ヘッドハンティング」です。 大学時代からの友人であり、LIGの為に一緒に苦労を分かち合ってきたジェイが、まさかこんな形でLIGを去る事になるとは夢にも思いませんでした。やはり月3万円の給料と米15kgの現物支給だけでは生活が苦しかったという事でしょうか。 これまでLIGの顔として大活躍をしてくれたジェイ。彼無くして今日のLIGは無かったと思います。 今回の退社は、そんな彼が悩みに悩んだ末、たどり着いた結論です。社長として、そして1人の友人として全面的に応援し、快く送り出そうと思い、LIGらしく「退社」という今回の記事にまとめさせていただ

こんにちは、ももこです。 HTML5の新要素であるCanvasを使って、グレースケールのマウスオーバーを実現するチュートリアルをご紹介します！ 現在CanvasはFirefox/Chrome/Safari/Operaなど殆どのブラウザの最新版で実装されています。 ■DEMOを表示 Javascript <script> $(window).load(function() { $('#gallery img').each(function() { createCanvas(this); }); function createCanvas(image) { var canvas = document.createElement('canvas'); if (canvas.getContext) { var ctx = canvas.getContext("2d"); // キャンバスサイズを指

どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ