「5W1H」をもとに、サイト制作時の背景やインサイトの課題を洗い出そう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGのアートディレクターの長岡です。 10月は運動会シーズンで、子供の成長がダイレクトに感じられてとても嬉しいです。万国旗制作を手伝ったのも良い思い出です。 さて、今回の記事では、「5W1H」をもとに背景やインサイトを探り、それによって事前に課題や問題点を洗い出すことで、効果的なWebサイトを制作することができるようになるというお話です。 すごく基本的な話ではありますが、Webディレクターや担当者には必要不可欠なものとなりますので、参考にしていただけたらと思います。 背景やインサイトを知る「サイトの5W1H」 それでは一緒に「5W1H」について考えていきましょう。 1. Who：誰がwebサイトを利用するのか？ いったいどんな人たちが、サイトを利用するのか？ きちんとターゲットを見据え、最適なコンテンツを提供する必要があります。 まずは仮説からペルソナを設計していくことが重要
Webディレクター必見のプロジェクトマネジメント術！遅延を発生させないポイント3つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのなかみーです。 さて、プロジェクトのスケジュールが遅延してしまうと、クライアント・制作会社問わず関係者全員が不幸になってしまいますよね。逆に、安心安全にプロジェクトを回せたら、Webディレクターとしてこんなに幸せなことはありません。 ところでこのWebディレクターの仕事って、何なのでしょうか。企画提案、制作進行、クライアント調整……と、必須スキルは多岐に渡っています。 しかしそれにも関わらず、参入障壁がとても低く、産業として歴史が浅いこともあってか、他の業界に比べてプロジェクトの遅延が発生しがちなのかな……と思うときがあります。 かくいう僕自身も過去にさまざまなプロジェクトを担当させていただき、思いきり遅延を発生させてしまったこともあります。そこで本日は、反省と自戒を含め、プロジェクトを遅延させないためのポイントを3つにまとめてみました。 他のWebディレクターの
【図解】写真を魅力的に見せる12の構図！魅力的な写真の特徴も紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「撮影」を本格的に学びたい方へ 撮影の基本知識を身につけたい、映像クリエイターを目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ 魅力的な写真とは カメラを構えているとき、ファインダーを覗いて撮りたい画を決める瞬間があります。その瞬間の「撮影範囲」、あるいは「撮影した後にトリミングしようと思っている範囲」を決めることをフレーミングといいます。 写真が魅力的になるかどうかは、このフレーミングにかかっています。 ヨコに撮るかタテに撮るか？ アングルは上からか下からか？ など、カメラマンが自分のセンスで、被写体および背景をどのように写真に収めるのか決めていきます。 このフレーミングを行う際に、注意すべき点が1つあ
受付担当から見た「仕事ができる人」の企業訪問時の身だしなみ・態度10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ライターの柘榴るりです。 私は以前、とある企業で受付担当をしていました。受付担当といえば、企業の「顏」あるいは「玄関口」として、あらゆるお客様をお迎えさせていただく大切なお仕事です。 そこで本当に数多くのビジネスマンの方の応対をさせていただく中で、「仕事ができる」人にはやはり見え方の時点で他と違うということがわかってきました。 受付の時点で「ちょっとこの人は・・・」と思われるような人は、やはりビジネスも上手くいかないケースがほとんどだと私は感じています。 じつは、受付の瞬間から既にビジネスははじまっているのです。 そこで本日は、企業訪問時に注意すべきポイントを解説したいと思います。それでは、いってみましょう！ ▼目次 身だしなみについて 1. 全体のスタイル 2. 髪型、顏周り 3. 首元 4. 袖口 5. 腰元 6. 足下 7．最後にもう一度全体のスタイル 態度について 8.
夏休み四日目☆燻製器を100均で買った道具でつくってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGブログをご覧の皆様、どんな夏をお過ごしでしょうか？ 夏休み四日目のレポートは、ゆうせいがお送ります。 私が今回、レポートの題材に選んだのは「燻製」。そう夏のイベントの定番、バーベキューなどで外せない、あの「燻製」です。 なんでも、たったの315円で燻製器がつくれるという噂を耳にし、こいつぁゲームやってる場合じゃねぇって飛び出してきました。 100均で買える道具で燻製器をつくる まずは道具を揃えに100均へ。ここで買うものはたったの3つです。 ステンレスボール（24cm） これを2個買います。 焼き網 丸タイプ（24cm） ボウルの内径より小さいサイズの網でもOKです。今回は同サイズを選択。（と言うよりもこれしか売ってなかった） これだけで燻製器の完成 たったの315円で完成した燻製器がこちら・ステンレスボールを向かい合わせで重ね、間に焼き網を挟むだけの簡単なお仕事です。
賃貸物件や中古マンションがもっとオシャレに！リノベーション会社サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、うららです。突然ですが、みなさんはどんなお家にお住みですか？ 私は実家暮らしですが「独り暮らしをするならオシャレな部屋に住みたいな〜」とか「もし将来結婚して旦那さんと一緒に住むならかわいい家がいいな〜」なんて妄想をよくします。でも、現実にはいろいろと問題が多く、特におしゃれな物件って割高だったりするんですよね。 そんなとき出会った言葉が「リノベーション」です。みなさんはリノベーションという言葉をご存知でしょうか。 リノベーション（renovation）とは、既存の建物に大規模な改修工事を行い、用途や機能を変更して性能を向上させたり価値を高めたりすること。マンションの一部屋から一棟、また、木造・RC造・鉄骨造等、特に構造に関係なく行うことが可能。 住宅リフォームとも混同されるが、リフォームは老朽化した建物を建築当初の性能に戻すことを言い、壁紙の張り替えなど比較的小規模な工事を指す
上手な話し方とは？話がわかりやすい人とわかりにくい人の違い8か条 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。5月から自転車通勤を始めたライターのあだちです。 とても気持ちいいですよ！ ところで、皆さんは「話がわかりやすい」と言われたことはありますか？ 会議然り、報告然り、「話がわかりやすい」ということには、さまざまなメリットがあります。 一方、「ものすごく話のわかりにくい人」がいるのも事実です。何を言っているのかわからなかったり、何度聞き返しても要領が得られなかったりと、コミュニケーションの難しさを痛感してしまうようなときもあります。 この二者の差は一体どのようなところにあるのでしょう。そこで今回は、かつて私がコンサルティング会社で働いているときに教わった、「話のわかりやすい人と、わかりにくい人の違い」を8つにまとめてご紹介したいと思います。 【こちらもおすすめ】 ☞ プレゼンが苦手な人でも人前で話すのが上手になる6つのコツ 「話がわかりやすい人」と「わかりにくい人」の違い8か条 1
【HTML5・CSS3】おしゃれなテーブルデザインのサンプルソース5点 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れる仕事もしてみたい！ そこで本日は、日々の業務で見かけてこれは使えるぞと思ったtableを、独自に再構築してソースコードを公開しようと思います。 table作成時に参考になるサイト 本題に入る、その前に。XPの公式サポートも終了し、HTML5＋CSS3の普及が進んでいます。今更ながら、この技術でどんなtableが実現できるのか、とてもわかりやすく説明されていたサイトをまずご紹介します。 table専門参考ページ4選 table専門の参考ページを4つほど選んでみました。 CSS3を使って美しく装飾されたテーブルの作り方｜Webpark CSS3でのtableの作り方を、見た目とソースから解説してあります。 テーブル｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScr
他人の知識から学びとれ！Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか？？ 本を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I
上野で合法ハーブを買って、実際に使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部の朽木@amanojerkです。 LIGのオフィスにほど近い上野アメ横商店街で、合法ハーブが売買されているという噂を聞きつけて、さっそく取材に行って来ました。 今回はその撮影の様子をご紹介します。 実は身近！？合法ハーブの世界 アメ横の地下街。信頼できる関係者筋によれば、ここに合法ハーブを買い求める人たちが集まる店があるそうです。 異国情緒が漂う地下街を進むと、目当ての店を発見しました。 想像していたよりも目立つ場所で、しかもすごい量のハーブが売られています。 ちょうど、外国の方がハーブを購入していました。 いわゆる乾燥タイム。古代エジプト、ギリシャの時代から使用されているハーブです。 韓国産。これは使いすぎると痛みを感じ、粘膜を傷つける場合があります。 中国産のハーブは匂いが強く、一部愛好家に人気です。 独特の香りの主成分であるピネンなどのモノテルペン類は蒸散し
模写して学ぼう！駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね（どの業種にも言えることだとは思いますが）。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース（模写）」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか？ なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要！ などなど、良いことがたくさんあります。 まずはカッ
プレゼンが苦手な人でも人前で話すのが上手になる6つのコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのあだちです。 プレゼンテーションは得意ですか？ 私は人前で話すのが苦手だったので「プレゼンテーションを上手く」やる、ということには本当に苦労しました。 コンサルタントをやっているときは、講師をやったり、提案書の説明をこなしたりと、おそらくプレゼンテーションの機会は年間200回以上はあったと思います。それでもやっぱり、プレゼンテーションは苦手でした。ただ、苦手ながらも「ここを抑えておけば、大失敗はない」といういくつかの心得を発見しました。 私のような凡人でも使うことのできるプレゼンテーションのコツをまとめましたので、お役に立てれば幸いです。 では、行ってみましょう。 プレゼンテーションが苦手な人必見！プレゼンが上手くなる６つのコツ 1. フルネームを名乗り、自己紹介をきちんとおこなう プレゼンテーションにおいて、もっとも重要な儀式の一つが自己紹介です。 いわゆる「つかみ
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
作業効率化！Googleアプリを1000%活かせる「Google Apps Script」の始め方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
そして一日が終わった… 今日もアニメ見逃した… こんにちは、メディア事業部の王です( ́・_・ )、アニメの視聴時間を増やすために、常日頃から仕事の効率化を心がけております。今回は作業効率化の強い武器になる「Google Apps Script」を紹介したいと思います。 まずは初耳の方にQ&A形式でご説明します。 Q&A Q:「Google Apps Script」って？ A: Googleが提供している様々なサービス、例えば「Gmail」、「スプレッドシート」、「マップ」、「ドライブ」、「カレンダー」、「Analytics」、「Adsense」等のAPIをJavascriptで利用するクラウド型スクリプト（要は実行はクライアント側ではなく、サーバーにて行う）です。 Q:Google Apps Scriptで何ができるの？ A: Googleアプリを自分の好みや必要に応じて機能を自由に拡張
フラットデザインの参考にも！Bootstrap3対応のかっこよすぎる無料テーマまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Bootstrap3の無料テーマ＆テーマ集まとめ BlackTie.co http://www.blacktie.co/ 最近衝撃を受けたフリーのテーマ集。どのテーマもかっこよすぎて涙が出ます……ありがたや……ネーミングとロゴもかわいくてきゅんとしますね。 テーマ数は現在（2015年6月時点）25個あり、今後の追加も楽しみですね。 Bootswatch http://bootswatch.com/ こちらもテーマ集です。Bootstrap2の頃からありましたが、3にも対応したようです。フラットデザインにするなら「Flatly」がおすすめ。 Start Bootstrap http://startbootstrap.com/ こちらもテーマ集。管理画面用やポートフォリオ用など、いろいろな用途別に作られているのがありがたいですね（「Sponsored」のタグがついたものは有料なのでご注意！）。
ウェブサービスの管理画面を作る上で守るべき6つのルール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！！ メディア事業部のまさしです。 昨今、ウェブサイトをはじめとするウェブサービスやアプリなどは、作っておしまいではなく、作ってから運用し改修を続けて成長させていくことを前提とするようになりました。 その際に重要な役割となる管理画面ですが、管理画面って作るときに何のデータを出していいのか、どうデザインしたらいいのか迷いますよね。結果、あらゆる機能とあらゆるデータを盛り込んだ管理画面になってしまいがちです。 今回は、そんな悩みを解消できるように、目的に合っている使い勝手の良い管理画面をつくるための6つのルールをご紹介いたします。 ウェブサービスの管理画面をつくる上で守るべき6つのルール ルール1：ターゲットは1つに絞るべし！ 最も効果的な管理画面とは、単一のユーザーをターゲットとして、その目的をもとに固有のデータを表示しているものです。 複数のユーザーをターゲットとしてしまうと、い
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
リスティング広告担当者がチェックしている運用に役立つサイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 小さい頃はダンゴ虫をポケットに入れて遊んでいました、きょうへいです。 よく「Web業界は日々進化している」という言葉を目や耳にします。リスティング広告も例外ではなく、日々新しい機能が生まれ常に変化していきます。新しい情報を手に入れることで、より効率的に効果的な広告を運用できるようになるかもしれません。 そのため、僕もなるべく新しい情報が入手できるように色々なサイトを見るようにしています。今回は、その一部を紹介できればと思います。 1. admarketech（アドマーケテック） http://www.admarketech.com/ アタラ合同会社取締役CCO「岡田吉弘（おかだよしひろ）」さんが運営するブログです。 検索、ディスプレイ、ソーシャル、モバイル、データ・アクセス関連の記事が多く、海外のものを中心に書かれています。業界で活躍されている方々のインタビュー記事も豊富で仕
カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
【急募】LIGの旧オフィスを借りませんか？【切実】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGの岩上です。 単刀直入に言います。 どなたか 我々が 元々借りていた 台東区入谷にある 旧オフィスを 借りませんか？ 安くて広い、お洒落なオフィスです 元々は殺風景なオフィスだったのですが、天井を抜いて白く塗り、照明を交換してあります。 パーテーションの無い、オープンなオフィスです。（家具は付属していません） 広さは40坪（140㎡）くらいあります。 かなり広いオフィスなので、突然の来客にも困る事はありませんでした。 最終的にこのオフィスに30人ほどのスタッフが働いていました。 場所は台東区。家賃は20万以下（激安）です！ LIGの旧オフィスは台東区の合羽橋商店街（最寄り駅は日比谷線、入谷駅、TX浅草駅）にありました。 アクセスが良いとは言えませんが、そこまで悪くもない、そんな場所にあります。 そして、相場よりもかなり安い賃料（坪単価5000円以下）で借りる事ができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
