【エクセル】VLOOKUP関数とはいったい何者なのか、みなさん気になっていると思います。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。経営企画室のゆりえです。会社全体のさまざまな数字を管理しています。これまでのLIGブログでは、エクセルやGoogleスプレッドシートの活用法に関する記事を書きました。 先日、社内の若者に「ブイルックがよくわからないので教えて」と声をかけられました。ブイルックとは、エクセルやGoogleスプレッドシートで使われるVLOOKUP関数です。 表計算では必ずと言っていいほど出てくる関数ですが、なんだか難しくて、新入社員の方々やエクセルを使いはじめた方が（おそらく）最初にぶつかる壁なのではないでしょうか。 私は、さまざまな事業を抱えるLIGで、みなさんが日々快適に業務ができるよう、いろいろな管理シートを作ったり集計したりしているのですが、VLOOKUP関数は毎日のように使っています。とても便利な関数なので、こんなにとっつきにくいと思われがちなのがもどかしい！ なので今回は、VLOOKUP
Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです！ そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか？ 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
Gitをもっと使いこなそう！ ちょっと上級な便利コマンド32選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
バックエンドエンジニアのKazです。 昨今では、エンジニアにとってほぼ必須ツールとなった、ソースコードのバージョン管理ツール「Git」。今回はGitについて、ちょっと上級ですが、使いこなせばとても便利なコマンドを集めてみました。 なお、記事中のコマンドはすべて最新版のGitを想定しています。一部古いバージョンでは動作しないものも含まれていますので、バージョンの差異で非対応の場合はご容赦ください。 用例 任意指定オプションについて コマンド例の角カッコ （[]）で囲まれたオプションは任意指定となります。 git log [-p] ↑この角カッコ内は任意指定 プレースホルダについて コマンド例の山カッコ（<>）で囲まれた値はプレースホルダとなります。下記に沿って適宜置き換えてください。 <branch>: ブランチ名 <path>: ファイルのパス <pattern>: 検索したい文字列やパタ
MacBookPro の画面解像度を大きくして作業能率を大幅アップ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのライダーです。 1月から約3ヶ月の間、セブ支社で働くことになりました。LIGのセブ支社は「iioffice」を兼ねたオフィスです。毎日コワーキングスペースで仕事をするわけですが、常設の外部ディスプレイがないので、デュアルディスプレイ環境ではありません。 東京では常にそれがある環境にいたので「作業効率が落ちるのではないか……？」と少し不安に思っていました。しかし、少しの対策である程度問題を解決できるだけでなく、他のメリットも生まれ、結果的に環境の不安を完全に払拭することができました✌ 筆者のMacBook Pro MacBook Pro (Early 2015) 13-inch Retina MacBook Pro の解像度を変更する 2つの変更方法が考えられると思うので、その両方をご紹介します。 デフォルトの環境設定 サードパーティ製のアプリケーション
Webデザイナーとフロントエンドが歩み寄るためのPhotoshop豆知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、デザイナーもりたの、デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみたという記事が公開されましたね！ こんな風に、最近LIGのデザイナー＆フロントエンド間では、いかにお互いの仕事をスムーズにするかという話題が増えています。 まだまだ模索中ではありますが、今回は、これを知っておけばお互いにとってハッピーなのでは？というPhotoshopの機能や工夫の豆知識をご紹介したいなと思います。 フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。 その気遣い、伝わってないかも。 デザイナーは普段Photoshopを使っていて自分の使いやすいようにプラグインを入れていたり、さまざまな機能を駆使してい
LIGブログ用に描いてきたイラストの解説と制作時間・使用ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナー兼イラストレーターのもりたです。 ブログの記事を書くときにたびたび絵を描いていたんですが、気づいたら数がたまっていました。なんの参考になるかわかりませんが、せっかくなので制作時間と使用ツールをまとめてみましたので、ご活用いただけると幸いです。 イラストレーターまとめシリーズ おしゃれでかわいい絵を描く、私の好きなイラストレーター5選（アイキャッチ） 「おしゃれでかわいい絵を描く、私の好きなイラストレーター5選」 制作時間 下書きからおよそ45分程度 アニメ的なニュアンスを出したくないときに、こういった頭が小さくて手足の長いスラっとした等身の絵柄をよく使います。 おしゃれっぽく見せるならもっと植物や街などを書き込めればベストなんですが、そこは時間との兼ね合いですね。 使用ツール ステッドラー鉛筆 B3 Photoshop おしゃれな格好をした人を描きたかったんですが、な
Web制作における試験（デバッグ・テスト）について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は新人ディレクターに回ってきがちな試験について書いてみようと思います。 僕は新人のころにエンジニアだったのですが、そのときは試験ばかりやっていました。 試験とは？ 「テスト」とか「デバッグ」と呼ばれることもある試験。 たいていの人は毛嫌いしてしまう工程ですが、品質を上げるためには非常に重要なものでもあります。 あるとき、当時の先輩社員にこんなことを言われました。 「中水くん、テストって技術が必要なんだよ」 と。これは当時の僕には衝撃的な一言でした。 それもそのはず、当時の僕は「テストめんどくせー。全部OKってつけちゃおうかな」って思ってしまうくらい、テストが大嫌いでした。 でも、その一言を言われてから、試験についての考えを改め、ちゃんと試験についての勉強もするようにしました。やっぱり試験をちゃんとすると品質も上がるし、クライアントからの評判も良くなるんですよね。 クリエイターとしても、
AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか？ Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザイン風にページ遷移するアニメーションを作ってみたいと思います。 今回のデモ デモは下記リンクになります。 各メンバーをクリックするとスムーズにアニメーションして詳細ページに遷移します。まずは触ってみてください。 http://frontainer.com/ligblog-sample/angular-morphing-animation/#/ 必要なもの AngularJS1.4 – https:
なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられなかったり、かといってSVGにするほどでもない。 CSSのborderを利用することで、三角形は比較的簡単に作れますし、アニメーションもできる。それではなぜborderを利用することで三角形が表現できるのか、考えてみたことありますか？ 今回はborderを利用して、三角形を表現できるCSSの挙動について紹介したいと思います。 まずは書いてみる 黒で塗りつぶされた三角形を書いてみます。 <span>タグに任意のクラスを当てたHTMLを用意して、下記プロパティを当てることで三角形が表現できます。 <span class="triangle"></span> .triangle{
Chromeのオリジナル拡張機能を開発しよう（ソースコードあり） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Chromeの拡張機能とは？ Chromeの拡張機能は実質的にはただの圧縮したフォルダです。そして、そのフォルダの中身もただのHTMLやCSS、JSファイルです。 つまり、拡張機能の作り方はWebページのそれとは大差ないということですね。 拡張機能にしか提供されていない豊富なChromeのネイティブのAPI群（Chrome.* API）を利用できるところが拡張の魅力です！ 一般公開目的ではなく、普段の業務効率化目的でも十分な利用価値があると思うので、まだの方はぜひ一度触ってみてください。 拡張機能の種類 拡張機能の種類は大きく分けて3つあります。 Browser actions Page actions Override Pages 1つずつ見ていきましょう。 Browser actions ツールバーの右側に小さなアイコンを表示させるタイプの拡張機能です。一番頻繁に見かけるのがこのタイプ
【WordPress】URLやタイトルなどから記事情報を取得する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エリカです。 Google Analyticsなどで計測したデータを、せっかくだからサイトのコンテンツとして活用したいと思ったことはありませんか？ 例えば、Google Analyticsと連携して昨日閲覧された記事のランキングを作りたいときなど、その記事のURLはわかるけれども、サムネイルやタイトルなどの他の情報がわからないというときは、どうすればいいでしょうか。 今回は、サイトがWordPressで構築されている場合、記事の一部の情報からその記事情報へアクセスするためにはどのような方法があるかを調べてみました。 IDから取得する まずは記事のIDがわかっている場合です。 記事のIDというのは、パーマリンク構造でいうところの%post_id%にあたる部分ですね。この場合は非常にシンプルです。 $post = get_post(記事ID); これで該当する記事情報を参照できます
GWに復習したいGoogleアナリティクスによるアクセス解析やWeb分析記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはエリカです。 ゴールデンウィークが来ると、いよいよ夏という気がしてきますね。 2015年後半に向かって変化してくるこのシーズン、改めて自分のウェブサイトを『解析』し直してみるのはいかがでしょうか？ 解析・分析というと難しいイメージですが、1時間もあれば今日からすぐ始められるのです。 Googleアナリティクスを中心に、おすすめの記事を集めましたのでぜひご覧ください。個人的なおすすめ度も添えてみました！ 準備〜導入編 これからGoogleアナリティクスを始めようという方に読んでいただきたい記事です。 ただ慣れている方でも普段使わない機能や、後から追加された機能のことは意外と知らないので、おさらいしていただくとおすすめです。 「Googleアナリティクス」ってなに？ 無料アクセス解析ツールの定番「Googleアナリティクス」の意味と導入方法を知ろう https://liginc.co
初心者におすすめのデザイン勉強本25選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ
高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと（@seito_horiguchi）です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。
Web制作に超便利なおすすめ無料ワイヤーフレームツール4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
無料で便利なワイヤーフレームツール4選 POP https://marvelapp.com/pop/ スマートフォンから手書きのワイヤーフレームを撮影して、ページとページを紐付けることができるアプリです。 こちらの動画を見ていただく方が、言葉でご説明するより早そうです。 スマートフォンサイトのワイヤーフレームはどうしても縦長になりがちな印象がありますが、このように実際のスマートフォンから確認ができれば、そこまで気にならなくなるかもしれません。プレゼンテーションにもオススメです。 Justinmind Prototyper http://www.justinmind.com こちらはインストールして使用するツールです。 インストールすると、最初にデバイスを選択する画面がポップアップで表示されます。 次に作成するサイズを選択します。 するとこのような画面になります。 あとは必要な要素を左からド
【フォントの些事】第2回 Photoshopでの文字詰めとフォントのボディについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、デザイナー兼イラストレーターのもりたです。 前回の「【フォントの些事】第1回 インストールする前に確認したいフリーフォントの基礎知識」で次回予告したものがうまくまとめられなかったので、今回は第3回で予定していた、Photoshopのフォントと文字ウィンドウについて書きます！ 普段仕事でPhotoshopを使ってる人でも、文字ウィンドウはその数値が何を指しているのかよくわからないまま使っていることが多いんじゃないでしょうか。 特に文字詰めに使用する「カーニング」「トラッキング」「ツメオプションの設定」の違いがいまいちよくわからない。 例えば「ツメオプションの設定」の「100％」という数値は、文字のどこを基準に何が100％詰まるの？とか。「トラッキング」の数値って何を基準に100なの？ピクセルじゃないしな？とか。 正直に言っちゃえばWebでは文字詰めをそんなに細かく設定することがないの
フロントエンドエンジニアであり続けるために効率的に情報収集を行う方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
またHTML5 Minutesに登壇してきました。今日はPCを自宅に忘れてiPhoneでブログを書いています。こんにちは先生です。 今日はHTML5 Minutesでお話した「フロントエンドエンジニアとして維持するために」という内容を整理してお届けします。本テーマはHTML5の話ではなく、その前の段階である“情報をいかに効率よく集めるか”というお話です。 はじめに フロントエンド界隈は非常に変化が激しくなっています。 HTML,CSS,JavaScriptはもちろんのこと、SassやLESSなどのプリプロセッサ、TypeScriptやCoffeeScriptなどのAltJS、GulpやGruntなど開発環境も多様化しました。JavaScriptだけ見ても、BackboneからEmber、Angular、Reactなどさまざまなライブラリやフレームワークが注目され、使われています。 そんな激
イラストを効果的に盛り込んでいる、素敵ロゴデザインをまとめました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ のっちです♩ 最近チームで朝のラジオ体操を始めました！ 身体が伸びてめちゃめちゃ気持ち良いのですが、動くたびに全身バッキバキです。日々の運動不足を痛烈に感じます。 さて、3月にデザイナーからディレクターに転身した私ですが、まだまだ現場で手を動かすことも多いです。 先日ロゴを制作させていただく機会があり、いくつかのロゴを参考にしていたのですが、その中でも特にイラストと文字を上手く組み合わせて効果的に見せているロゴが気になったのでまとめてみました。 見たことある！なものも多いかと思いますが、素敵なものばかりなのでぜひチェックしてみてください。 素敵ロゴデザインまとめ 1. 貴和製作所（きわせいさくじょ） http://www.kiwaseisakujo.jp/shop/default.aspx 女の子なら一度は見たことがあるであろう有名な手芸屋さん。ツノの部分が文字になっています
サイト改善に大切な3つの分析手法とおすすめWeb解析ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 分析の手法はさまざまですが、色々な視点から分析することで、多くの課題が見えてくるようになります。 改善に大切な3つの分析視点 アクセス解析やデータから定量的な分析をする 定量では計れない部分を、ヒートマップ・クリックマップを使って分析をする ユーザビリティテストやユーザーテストから定性的な分析をする それぞれ特徴がありますので、今回はそれらの分析手法と、いくつかオススメのツール、サービスをご紹介したいと思います。 これからサイトを改善される方には、ぜひとも読んでいただきたい内容です。 ▼目次 まず、物事を正しく捉えるには、主観と客観の両視点が大切 それでは、そもそも定量と定性って何？ 定量とは？ 定性とは？ 視点1）アクセス解析やデータから定量的な分析をする Google Analytics Adobe Analytics Yahoo!J
【初心者向け】PHPとは？PHPでできることや基本的な書き方を紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ひろゆきです。 僕はWebサービスをつくりたくてエンジニアになったのですが、プログラミング言語は数が多く仕様もさまざま。「プログラミングには興味があるけど、どの言語から手をつけるべきか分からない」という方も、多いのではないでしょうか？ 今回プログラミング言語の中でもPHPをご紹介するのは、初心者でも比較的とっつきやすく、前知識がほとんどなくてもブラウザ上で動かすことができるので、エンジニア入門に適しているからです。 プログラミングでモノ作りをしたいと考えている方は、PHPから始めることをおすすめします。 今回は「無料PHPスクール」を運営している「株式会社ドリーム・シアター」の中田さんの情報提供の元、LIGブログでのif文やwhile文の事例など、PHPを勉強する前に知っておきたい基礎知識をまとめてみました。 中田斉道（なかた せいどう）さん PHP／Javaを中心としたWeb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
