Illustratorの3D効果で作る、簡単アイソメトリックなイラストの作り方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 最近、Webサイト制作の案件でアイソメトリックのイラストを作る機会がありました。 アイソメトリックとは、アイキャッチにもあるような、物体を斜め上から見下ろしたような図形のことをいいます。 はじめはこの斜めから見た角度はどうやって作ればいいんだ……？ 俯瞰でイラストを描くのって一番難しいのに……！！ と思っていたのですが、Illustratorの「3D効果」というとっても便利な機能に出会ったおかげで、作るのが楽しくなってきました！！！ 今日はクリスマスということで、アイソメトリックな「プレゼント」と「クリスマスツリー」を作ってみましたので、その方法をご紹介いたします！ アイソメトリックについてはゆうこさんのこちらの記事をご覧ください。
「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
『ドラゴンボール』を読んだことのない僕が、先輩に反論するために全巻読了した結果 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、アシスタントエディターの栄藤八（@hachi_jejeje）です。他社オウンドメディアの記事コンテンツ制作代行を行う「外部メディアコンテンツ制作チーム」で見習いとして働いています。 突然ですが、みなさんは『ドラゴンボール』という作品をご存知でしょうか。「週刊少年ジャンプ」にて1984年から約10年にわたって連載された長編漫画です。1985年からは単行本も発売され、テレビアニメ化までされている、いわゆる大ヒット作品です。 1992年に生まれた私は、これまでドラゴンボールを読むことなく生きてきました。もちろん作品の存在自体は知っていましたし、アニメの主題歌もどこかで聞いたことはありました。しかし、私にとってのドラゴンボールとは「昔流行った漫画」でしかなかったのです。 そんな私が、今更ドラゴンボールを全巻読むことになったのは、ある出来事がきっかけでした……。 ドラゴンボールハラスメン
Google Chromeユーザーは知っておくべき神ワザ！ ひとつ上のスクリーンショット術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Web事業部マネージャーのさささん（さっさん）です。 みなさんは普段使っているブラウザはGoogle Chrome派ですか？ IEやEdge派ですか？ それともSafari派？ FireFox派？ 私は断然Chrome派です。 そんなChromeで実はあまり知られていない機能があるんです。今回はその機能を紹介します！ マジ必見！ ひとつ上のスクショ術 画面のスクリーンショット（スクショ）の取得方法はさまざま。みなさんはどうやってスクショしてますか？ 私はこれまでこんな方法でスクショしてました。 OS標準機能 Chrome拡張機能（アドオン）の「Awesome Screenshot」 アプリSkitch しかし、いつの時からかChromeに標準でスクリーンショット機能が付いていたんです。やりかたを紹介します。 1. Chromeでスクショを撮りたいページにアクセスする 今回はこの
Google Maps APIをコピペで使い倒せ！Web初心者でもカスタマイズできるgmaps.js | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
「了解しました」より「承知しました」が適切とされる理由と、その普及過程について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
あなたは「了解しました」と「承知しました」、どちらをよく使いますか？ 【アンケート】 「了解しました」と「承知しました」、どっちを多く使いますか？ — 菊池良 / Kikuchi Ryo (@kossetsu) 2016年2月25日 ツイッターでアンケートしたところ、こんな感じでした。わずかに「承知しました」の方が多いですね。 この2つの言い回しですが、「了解しました」よりも「承知しました」を使う方が正しい、とよく言われています。 僕がこれを初めて知ったとき、強い違和感を覚えました。理由は 「了解しました」をよく使っていた 日常でもビジネスでも「承知しました」を使っている人を見たことがなかった ある日、急に言われ始めた からです。「承知」が日常的な言い回しではなかったので、気になったんですね。 そこで調べてみたところ、いつから言われ始めて、どういう経路で定着したのかがある程度わかりました。
第15期 代表あいさつ | 株式会社LIG
みなさんこんにちは。今期の代表あいさつは、思い切ってフォントサイズを大きくしてみました。 フォントサイズって大きいと意外と見やすくていいですね。さて、それにしてもこの「代表あいさつ」ってたいていの企業サイトにありますが、あんまり心に響くようなものに出会ったことがないのですが、それってなんでなんですかね。どこの企業の代表あいさつも、昨今の経済状況や、自社における事業戦略やビジョンをまっとうに語っていますが、なんというか、なんら間違ってはいないですし、そのとおりなんですけど、みんな同じようなことを言い過ぎている気がします。そして、それによって記憶に残るような文章が生まれないのでは？ と思っています。 つまり、私の予想では企業のWebサイトにおける代表あいさつはすでに慣例化しており、サイト構築の際に他社でも当たり前のようにやっているので、我が社でも必要、というWeb担当者や制作側の思い込みによっ
【Nikon D600 vs D7100】気合いを入れて一眼レフを購入するときに気をつけたい比較基準とカメラのイロハ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のあゆみです。 私とメディア事業部部長のそめひこが同じタイミングで入社してから早9ヶ月。それまで3人しかいなかったメディア事業部ですが、今やインターンも含めると14〜5人と大所帯に！ お仕事の幅も増えましたので、取材でカメラを持ち出すことも増え、カメラの奪い合いによる仁義なき戦いが熾烈を極めていました。それはもう、あからさまに。 そんなわけで、少し前に私のつよーーーい要望により新しいカメラ、レンズを投入したのです。 そこで今回は、お問合せ頂くことも多いLIGのカメラ事情をあますことなくお伝えします！ また、フルサイズとAPS-Cの一眼のどちらを購入するか悩む方も多いと思いますので、どちらも日々使っている身として、それぞれの魅力や長所・短所をレビューしていきたいと思います。 LIGのカメラ 今までのメイン機 秋口まではNikon D600＋AF-S NIKKOR 2
一眼レフ初心者必見！「焦点距離」が驚くほどわかる！レンズ選びのツボ | 株式会社LIG
趣味はカメラと言いたくて４年前に一眼レフPENTAX k-rを購入し、カメラと名の着くものにはとりあえず飛びつく生活を送っていましたが、昨年のLIGの記事「【Nikon D600 vs D7100】気合いを入れて一眼レフを購入する時に気をつけたい比較基準とカメラのイロハ」を読んで何が何だかさっぱりだったレベルの初心者のライター村上ですみなさんこんにちは。 悔しかったので勉強がてらレンズと焦点距離についてまとめてみることにしました。 一眼レフを取り敢えず買って、基本的なF値とかISOとか露出とかがわかってきたら、さて次に買ってみるかと思うのがレンズ。だけど英語と数値ばっかり書いてあってよくわからない。しかしレンズは安い買い物ではない。ネットで調べると画角とかの説明が長い上に、数字が出てくると混乱するガチ文系の村上にはよくわからない。 というわけで、今回はレンズの焦点距離に絞ってまとめてみまし
GWに復習したいフロントエンドエンジニア開発系勉強記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアの稲葉です。 世間はGWですが「どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。 ゴロゴロするだけじゃもったいない！ GWの時間を、知識・技術のレベルアップにあててみませんか？ もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので！（きっとPC開きたくなっちゃうだろうけど） 開発環境 ちょっと前まではクライアントサイドのビルドツールといえばgruntでしたが、最近はgulpに置き換わりつつあるのかなという印象です。 依存関係の管理もBrowserifyやwebpackと新しいものがどんどん出てきてめまぐるしいですが黒い画面と仲良くなると色々と幸せになれます。 gulpのおすすめ記事 「Gulp.js入門 – コーディングを
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
忙しい人こそ知るべき「忙しい人と仕事ができる人の20の違い」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGの代表の岩上です。ジムに行こうと思っても中々行けない日々を過ごしています。 ついつい時間が足りないと思ってしまうのですが、多分、タイムマネジメントとタスクマネジメントが上手く行っていないんでしょう・・・。寝坊してしまうし。時間管理は永久の課題です。 耳が痛いのですが、友人から教えて貰ったエントリーがとても印象的だったのでご紹介します。 ※各項目のタイトルは勝手ながら付けさせて頂きました。 『忙しい人』と『仕事ができる人』の20の違い 1. 評価基準 『忙しい人』は、「忙しい」と周りに言えば「カッコイイ、頑張っている」と他人が評価してくれると思っている。 『仕事ができる人』は、「忙しい」と周りにに言うことは「無能の証明」だと思っている。 2. スケジューリング 『忙しい人』は、終了時間への認識が甘い。（なんとなく終わったらいいな～的な） 『仕事ができる人』は、絶対にここまで
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
時代はシェア！プロジェクトの進捗などを共有できるタスク管理ツール12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 小学1年生の頃、私のおでこと小学6年生の男の子の前歯がぶつかり、相手の前歯を折ってしまった石頭ライターのうららです。 そんな思い出も、FacebookやTwitterなどのツールでシェアすることが可能になりましたね。 時代はシェアです！ ということで、今回はタスク管理をシェアできるWebサービスをまとめてみました！ ちなみに、ここで紹介するサイトはすべて・・・ オンラインでファイル共有が可能 マルチデバイスに対応 となっております！ すごい！ 3行で紹介するのが流行っているそうなので、そんな感じで紹介していきます！ それではスタート！ 【こちらもおすすめ】 ☞ タスク管理ツール「Trello」をもっと便利にするChrome拡張機能まとめ 完全無料のタスク管理ツール Trello https://trello.com/ 英語にのみ対応 上の写真にある通り、 カードを組み立ててい
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
結婚のご報告。30年彼女がいなかった僕が、秒速で結婚できた理由。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部、部長の紳さんです。 突然ではございますが私、竹内紳也は2013年4月12日に入籍をいたしましたので、ご報告させていただいます。 会社の公式ブログを通じて、このような私的な報告をさせていただく事に感謝しつつ、30年間彼女という存在を手に入れる事が出来なかった僕が、それらのプロセスを全て飛ばして結婚するに至った経緯を公開させていただきます。 ことの始まり 様々な嘘、ネタで盛り上がりを見せるエイプリルフール。我々はあえて嘘をつかず、本気で僕の嫁を募集するという記事を発表いたしました。 紳さんこと、株式会社LIGメディア事業部・部長の竹内紳也が嫁を募集します。 画像ではかなりフザケていますが、記事の内容としてはなるべく真面目に、誠実に、本気でお嫁さんを募集したつもりです。 嫁に求めたいもの 20歳〜35歳の女性の方 将来、長野県の田舎で一緒に暮らせる方 300万円を超え
【後日談】やっぱり、普通にウェブデザイナーを募集します。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Hello all！ ジェイだ。 先日、俺たちLIGは「伝説のウェブデザイナーをさがして…」というコンテンツをアップした。 これはウェブデザイナーを募集する為の記事だったんだが、FacebookやTwitterで拡散される事となり、大変な反響をいただいた。そしてあんなふざけた求人に対して、勇気ある方々から多数の応募もいただいた。俺達LIGと一緒に働きたいと思ってもらえて嬉しい限りだ。ありがとう。 ところが、だ。 やはり、ちょっとふざけすぎたかな…。 と思っている。 やはり、採用というのはもっと厳かに、人生の分岐点として存在していなければならない。そう思い直したところだ。 そこで一言、言いたい。 俺たちは普通にウェブデザイナーを募集している と。 実際のところLIGは普通の制作会社だし、普通の制作会社っぽく、複合機やビジネスフォンも完備している普通の会社だ。 だから是非、普通のウェブデザイナ
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(: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">テキストテキストテキストテキストテキストテキ
伝説のウェブデザイナー | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
伝説のウェブデザイナーを探して 西暦2012年 株式会社LIGは深刻なデザイナー不足に見舞われていた。 そんな中、過酷な労働を強いられるデザイナー達が限界を迎えようとしていた。 「もう15時か。あー、今日もよく働いた」 「おい、お前達、しっかり働けよ。俺はもう上がるからな」 「ヴぇっ！？」 「な、なにをする！」 「うっ…ぐ…」 「……………………」 ～～～～～～～～ 「……………………」 「えっ？」 「ふふふ、社長…ようやく目が覚めたみたいね」 「！？ なんのつもりだ！さっさとここから出せ！」 「社長。俺達の言う事さえ聞いてくれたらすぐにでも出しますよ。」 「お前達の言う事だと…一体何が望みだ？」 「新しくウェブデザイナーを雇うこと。それが望みよ」 「ウェブデザイナーを雇うだと？！…だからって、何故こんな事を…！！」 「………………」 「クズどもが！早くここから出せ！」 「黙って聞いていれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
愛用する腕時計の素晴らしさを伝えたくて、漫画広告を依頼した結果… | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作