令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお

こんにちは。LIGが長野県信濃町にて運営しているゲストハウスLAMPの支配人、堀田です。 以前、「長野に来て半年で、僕は一軒家を手に入れました。本当にありがとうございました。」という記事でお伝えした通り、こちらの一軒家を借りることにしたのですが、このままでは住めないのでリノベーションをしようと思い… LAMPの改築でもお世話になっているログラフの大工、拓さんに相談したのですが… 「こんな感じでどう？」 と、地面に枝で書いた設計図？のようなものを見せられ… 「ここで資材を揃えた方が安いねん」 と言われ、近所にあるリサイクルショップ？？？のような所に連れて行かれ… 工事が始まりました。 さて、この家、建造物としてもっとも重要な基礎が無く、すべての柱は腐っていました。 なぜこの家が自立できているのか分からないのですが、もしかしたら浮いているのかもしれません。 長野、マジすごい。 とりあえず不安な

こんにちは。ディレクターのたまです。 すっかり冬です。冬はこたつですね。こたつと言えばみかんと猫ですね。僕の自宅にはこたつはありませんが、猫が3匹います。 そう、猫が好きなのです。 そういうわけで、猫好きに向けたWebサービスやアプリを紹介しようと思いました。 ちなみにLIGにはこたつがありますよ〜。それではぬくぬくいってみましょう〜。 メディア・SNSで猫を愛でるなら 1. ilove.cat http://ilove.cat/ja スタイリストや漫画家、アートディレクターなど、業界で活躍している方とねこのライフスタイルを紹介しています。 写真がとてもきれい。 2. Petwell http://www.petwell.jp/ 「飼い主さんへ正しい知識を」をコンセプトに、猫の病気や気をつけたいことの情報を発信しているメディアサイトです。 3. ねこらぼ http://nlab.itmed

（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless

こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増

こんにちわ段田です。 今回もWordPressプラグインにスポットをあてたいと思います。 今回は管理画面の投稿画面で役立つプラグインをテーマに紹介します。 1.Parent Category Togglerプラグイン 通常、投稿画面ではカテゴリ項目で子のカテゴリにチェックした場合、画像のように親のカテゴリには自動的にチェックが入りません。 Parent Category Togglerプラグインは自動で親のカテゴリにチェックしてくれます。プラグインインストール後、子カテゴリにチェックすると、自動的に親のカテゴリにもチェックを入れてくれます。 便利！ Parent Category Toggler 2.Save Editor Scroll Positionプラグイン 投稿を保存した時、エディタのスクロールは一番上に移動してしまいます。このスクロールの位置をそのまま動かさないようにするプラグイ

デザイナーチームマネージャーのひろです。 最近、息子のアンパンマンのハマり具合に困惑しています。 アンパンマンが、画面に現れるやいなや大興奮。 軽い近所迷惑状態です(@_@;) クリスマスプレゼントは、間違いなくアンパンマングッズでしょうね（笑） さて、今回は、LIGのデザイナーが、普段からWeb制作を行うにあたり、便利に活用しているWebサービスやWebサイトを紹介したいと思います。完全保存版です！Bookmark間違いなしです！！ デザインするときに役立つWEBサービス５選 960 Grid System 横幅960px用にグリッドが引かれたpsdを何パターンかDLできるWebサービス。 http://960.gs/ Gridulator グリッドデザインには必須のグリッドラインを手軽に作れちゃうWebサービス。 PNGを書き出せるのでとても便利です！ http://gridulato

こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D　で　描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを

デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー

皆さんこんにちは！九州ライターの村上です。 Instagram(インスタグラム)、便利ですよね。逆光でも、構図が下手でも加工でちょちょいとかっこよく撮れちゃう。そんな便利なInstagramですがフィルターを選ぶのが毎回迷いませんか…？だってどれも似てるんだもの！！ もちろん色々なフィルターをあれこれ選ぶのもInstagramの楽しみ方の一つですが、こういう時にはこれ、というのがいくつか決まっているとパッと選びたいときに便利だと思います。なので、今回はInstagramのフィルターを「アレを撮るならこのフィルター」という形式で紹介させていただきます！ アレを撮るならこのフィルター！Instagramのフィルター効果まとめ ■ご飯を美味しく見せるなら 元写真はこちら。手作りのソーセージと畑の自家製レタスをまぜてぶっかけたものです。 これは断然Lo-Fiですね、この２つ以外のフィルターでは全然

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

こんにちは。新婚の紳さんです。 皆さん、巷で噂の「マカンコウサッポウ」をご存知でしょうか。 タイミングよくジャンプした瞬間にシャッターを押すと、こんな感じの面白い「ふっとび写真」が撮れるというわけなのですが、女子高校生を中心に日本中で流行し、海外などでも話題になりました。 ブームの火付け役となったのはこちらのツイート マカンコウサッポウ！！！！！！！ twitter.com/mkpiiii9/statu… — ちゃんまんさん (@mkpiiii9) 2013年3月25日 最初に「マカンコウサッポウ写真」を撮影してTwitterに投稿し、一躍人気者となった「ちゃんまん」さん。今回、インタビューに応じて頂く為に、同じ高校のお友達を6名ほど連れてLIGに遊びにきてくれました。 マカンコウサッポウについて色々と聞いてみた。 『本日は色々とお話を聞かせて頂きます。よろしくお願いします。』 『よろしく

こんにちは、デザイナーの王です。 昨今セピア風やらトイカメラ風何やら、昔っぽい写真のような加工が流行ってるみたいですね。自分的には今の最新鋭の一眼で撮ったまんまのようなクリアな写真のほうが好きだったりします。 とはいっても、たまには古き良き昔の写真も味深くていいのかもしれないですね。デザイン的見地から見ても色が統一されてたり、色の寒暖差が出たりで印象的な写真になりやすいものね。 スマホとかでその手のアプリが多数出回っているので、カスタマイズ性は低いものの、割りと手軽にできますが、パソコンなら言わずと知れたことだが、Photoshopで加工する場合がほとんどだと思います。 スマホよりは自分好みにいじれるが、いざやろうと思うとなかなか手間がかかって面倒だったりします。加えて、枚数が多い場合なんかはさおさらそうです。だがしかし！アクションを使えば一気に形勢逆転！ 寒色系 Purple wonde

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

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

こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre

皆様こんにちは、株式会社LIG、代表の岩上です。 本日、お取引させていただいている皆様へ営業時間外での対応についてのご連絡がございます。 LIGは創業以来、お客様からのお問い合わせ、ご連絡には可能なかぎり即レスポンスをするというスタンスにて仕事をしてまいりました。これは深夜であろうが土日であろうが、なるべく早めに返信し、対応する事がお客さまの利益につながり、ひいては我々の利益にも繋がるからと思っての事です。 しかしそれ故に、緊急性の高く無いメールや電話に対しても営業時間外で対応してしまい、社員の慢性的な残業、緊急性の高い案件へのレスポンスの遅れなどが出てしまっておりました。これは長い目で見た時にはクライアント様、弊社の両方にとって良い結果が出ないと思い、この度、営業時間外での対応を見直す事にいたしました。 原則として、10:00〜19:00の間にいただいたご連絡に対しては、可能なかぎり即時