【PC/SPモダンブラウザ全対応】SVGで画像をナナメにクリッピングマスクする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。まろCです。 今回は、SVGで画像をクリッピングマスクするときに、ほとんどのブラウザできれいに表示される方法をご紹介したいと思います。 案件でこのデザインが上がってきたときに調べた情報を共有します。 SVGでクリッピングマスクとは 画像にsvgの図形の形で切り抜くイメージでこのようなブラウザ上で画像加工ができるものです。 この出来上がりを目指してコードを紹介します。 準備するもの 画像…すごくかっこいいゴリラの画像を使います！ svg…今回はこの形で切り抜きます（わかりやすいように背景を黒くしています） 手順 HTMLソース こちらになります！ See the Pen KrQoWY by maroc (@maroc) on CodePen. 処理のながれ 画像を読み込んだSVGタグと、クリップしたい図形のsvgをHTMLに記述します。ことのき、図形のほうはposition: a
今後LIGが制作するWebサイトは、Internet Explorerの対応をやめます。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでフロントエンドエンジニアをしているライダーです。 IE対応、やめます。 2007年の創業以来Web制作に携わってきたLIGは、これまで長らく、Internet Explorerを動作環境に含んだWebサイトの制作を提案してまいりましたが、 今後、LIGが制作するWebサイトは、 Internet Explorerの対応を行いません！ ただしInternet Explorerに特別な配慮が必要な場合は、お申し付けください。これまでのノウハウを活かし、Internet Explorer上でも動作するよう制作させていただきます！ もちろんMicrosoft Edgeに関しては、これまで同様に対応を続けますよ！ 今日は、その背景を簡単にお話しさせてください。 IE対応によってできなくなることがある できる・できないに関しては、さまざまな考え方がありますが、ここでは予算やスケジュ
自作の3Dモデルを「A-Frame」で読み込んで「AR.js」上に表示させてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Blenderで3Dモデルを作成する 簡単なモデルを作成 今回はBlenderの概要については割愛します。私は簡単なモデルを作ったことがある程度のレベルですが、テキスト文字をモデル化して１文字ずつアニメーションさせる、といったことはできるのでその方法をご紹介したいと思います。 ※作ったものはgithubに公開しています。 https://github.com/hal-satoyuki/ar-gltf-sample/tree/master/assets/model Blenderのおすすめ設定 日本語化設定 左クリックと右クリックを入れ替える 作業の前に、上記のふたつは設定しておくと便利です。こちらの設定方法は調べるといっぱい出てくるので検索してみてください。 Blenderの起動 まず、Blenderを起動するとこのような画面になるかと思います。 最初のCubeを削除 四角い箱のCubeが
Pocketに記事ためすぎてない？どうせ後で読めないからPocket APIでSlackに定量通知しちゃう。【コード掲載】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Pocketに記事ためすぎてない？どうせ後で読めないからPocket APIでSlackに定量通知しちゃう。【コード掲載】 大人になったら、もう勉強しなくてもいいと思ってた。 これが公開されるころは夏休みも佳境というところでしょうか（執筆時は 7 月後半）。あの 8 月末日、友人宅でひたすら宿題を「処理」していたときのひぐらしの鳴く声は未だに悪夢で見ます。こんにちは。バックエンドエンジニアのまさくにです。 さて大人になるとペンとノートに向かうこと自体は減りましたが、日常的に様々な記事を読んで頭に入れておく必要が出てきました。読まなきゃ追いついていけない。そこで皆様も後で読む記事をストックしておけるように Pocket を使用されているのではないでしょうか。 でも気がついたら Pocket にも記事がいっぱい……。そもそも これポイポイ気軽に Pocket に入れているけれど、よく考えてみる
slackのサイドバーのテーマを完全カスタマイズ！やり方の紹介から配色のサンプルまで | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGブログデザイナーのんちゃんです。 わたしの在籍しているチームではslackを使っています。slackはローディングの一言とか、アイコンとか、通知音とか、ユーザーを楽しませる仕様がたくさんあっていいですよね。 今回は、最近わたしがハマっているサイドバーのテーマのカスタマイズをご紹介します！ サイドバーのテンプレ変更方法 そもそもカスタマイズできるサイドバーとはここのことです。 左上のメニューの中の”Prefernces”にいくと、 “Your Preferences”のページにいくので、メニューから”Sidebar Theme”を選択します。ここからテンプレのサイドバーのテーマを選べます。 わたしはこの白いテンプレがお気に入りです。しかし、わたしはミントグリーンと蛍光の黄色の組み合わせがとても好きなのですが、残念ながらその色のテンプレはありません……。 サイドバーを完全カ
仕事中に銭湯へ行くときに気をつけたい7つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今日は僕がやっている一番効果があるリラックス法をお教えします。 業務時間中に銭湯にきた。こんなにリラックスできることってない。リラックスしないといい仕事はできないからね！ #会社にバレるとまずいのでリツイートしないでください pic.twitter.com/umi7PNHKO2 — 菊池良 / Kikuchi Ryo (@kossetsu) 2015, 11月 17 それは「仕事中に銭湯に行く」です。ちょっと今から入ってきますね！ ・ ・ ・ ・ はぁ〜、もう最高です。疲れがぜんぶ取れました。これ、本当に気持ちいいんです！ 勤務中に行く銭湯は至極の時間 他の人は仕事をしているけれど、自分は銭湯でまったりしているって最高なんです。 ぜひあなたにも実践してほしい。けど、バレるんじゃないかって心配ですよね。そんな人のために「仕事中に銭湯に行くときに気をつけたいこと」を7つ紹介します。これを参考に
管理人さん、ぼくはあなたに出会ってしまった……『めぞん一刻』vol.1 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターの阿羅漢（あらか）です。今回からこちらの「漫画チャンネル」で、好きな漫画について語らせていただくことになりました。 さて、漫画といえば僕は高橋留美子先生の作品が大好きなのですが、最大の魅力はいつも心惹かれるヒロインが登場するところ。 そんな中でも、僕がいちばん心をかき乱された作品が『めぞん一刻』です。 まぁ、作品というか、管理人さんについて話したいんです めぞん一刻 (1) (小学館文庫) 著者高橋 留美子 価格￥ 648(2015/11/25 21:02時点) 出版日1996/12 商品ランキング44,873位 文庫337ページ ISBN-10409192171X ISBN-139784091921710 出版社小学館 『めぞん一刻』のヒロイン・音無響子さん（管理人さん）。『うる星やつら』や『らんま1/2』などのヒロインと違い、22歳という「大人」な年齢設定。さす
「エンジニアに確認しますね」を減らそう。Webディレクターがインフラを勉強できるサイト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのあゆみです。 「業界とは……？」とつっこみたくなるのであまり「業界トーク」は好きじゃないのですが、Web業界はやっぱり変化速度が無茶苦茶早いなあと実感しています。技術の進化もめまぐるしいですし、常に新しい情報が行き交っています。「こうやるといい」というセオリーはなかなかなくて、絶えずトライ＆エラーをしているというのが、流れの真っ只中にいてひしひしと感じていることです。 「ここまでいったら一人前」という基準値はあるはずもないんですが、最近、特に感じていることがあります。 テクニカルディレクターという職種の重要性 見出しの通り、「テクニカルディレクターという職種の重要性」を前以上に感じるようになりました（と思いませんか？ 少なくともわたしの周りではよく聞くようになりました）。 テクニカルディレクターとは、プロジェクトのシステム要件の定義や提案、技術面でのサポートを行う
Web制作をもっとスムーズに！制作現場の全員が理解しておきたいクライアントの気持ち。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのまさしです。 あっという間に夏みたいに暑くなりましたね！ こう暖かいと外に出て仕事したくなっちゃいますよね♪ さて、Web制作に携わる方でしたら、クライアントとの認識にズレがあって、なかなか仕事が先に進まないなどの経験をされた方もいらっしゃるのではないでしょうか。 クライアントの気持ちを理解するだけで、制作はもっとスムーズに進行します。 ですから、Web制作の流れをクライアントに理解してもらう前に、まずクライアントの気持ちを理解してみることをおすすめします。 今日は、クライアントとの認識にズレが生じている際のクライアント側の気持ちを解説したいと思います。 一度、顧客視点になって考えてみると、進め方にも工夫が出てくるかもしれません。制作フローの見直しや顧客との関係づくりの何かの気づきになれば幸いです。 クライアントは素人です クライアントと話す際に専門用語を使った
海外のハイクオリティなフリー写真素材サイト11選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webサイト制作時には、写真素材サイトが必須ですよね。クオリティの高いものを選べば、それだけでサイト全体の印象もぐっとよくなります。 本日は、Webサイト制作時に使える高クオリティな海外のフリー写真素材サイトを紹介します。 頑張って他の記事とかぶらないものを選出してみたつもりです。（かぶっていたらゴメンナサイ。） どれもオシャレなので、Webサイト制作時だけでなく、ダミー写真や写真を撮る際の参考などにもお使いください。 無料で商用利用可能のものを集めていますが、僕の翻訳能力が怪しいので、ライセンスはご自分でお確かめになってからお使いください。それでは、どうぞ。 ※編集部注：この記事は2014年9月に公開されたものを、最新情報を元に再構成・編集しています。 写真編 New Old Stock https://nos.twnsnd.co/ サイト名のとおり、クラシックな作品を揃えており、単純に
【好評のため制度延長！】 1ヶ月の休暇と100万円支給の採用制度がすごいので、他社のプレスリリースを読んでみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【好評のため制度延長！】 1ヶ月の休暇と100万円支給の採用制度がすごいので、他社のプレスリリースを読んでみた こんにちは、株式会社LIGの代表取締役社長の岩上貴洋です。 LIGは6月から第9期を迎えます。会社として様々な変化が訪れる一年になると思っています。ただ、僕がいつまでも変わらず大切にしたいのは、やはりLIGで一緒に働く仲間たちです。 そんな仲間たちをもっと増やすため、今注目しているのが各社の採用制度です。 すごい採用制度見つけました LIGにも「友達紹介制度」など、採用に関するユニークな制度は存在しますが、もっとみんながわくわくし、笑顔になるような制度を導入できないかといろいろ調べていました。 そんなとき、ちょうどエンジニア採用募集の宣伝を頼まれたIDCフロンティアさんの採用制度がなんかすごかったので、紹介したいと思います。 なお、この制度のすごさを正しく宣伝するため、発表済みの
読書家必見！絶対読みたい本を探すときにおすすめのサイト・ サービスまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。4月に入社した、新卒社員のうららです。 一緒に入社するはずだったさんぺーが留年したため、同期がいません。先日大学の友人と集まったとき、「同期飲みをした」「夏に同期で旅行に行く」という話題がでたのですが、私はどっちも一緒に行く人がいません……。 今年新入社員になられた方、ぜひ私と仲良くしてください。 さて、私は最近まで大学生だったのですが、レポートに使いたい資料がなかなか見つからないということが日常茶飯事でした。 LIGブログを読んでいる人の中にも、置いている店が少ない技術書や人気すぎていつも品薄の本などが必要なときもあるのではないでしょうか。 今回、欲しい本が近所の本屋に売っていない、図書館にも置いていない、Amazonでも売られていない・・・！という人にこそぜひ使って欲しいサービスをまとめました。 欲しい本が売ってない！絶対に見つけたい人が使うサイト・サービスまとめ 下記の4
コーディング初心者必見！ゲーム感覚で学べるプログラミング学習サイト「Progate」「CODEPREP」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
コーディング初心者必見！ゲーム感覚で学べるプログラミング学習サイト「Progate」「CODEPREP」 どうもですよ。 はやちでございますよ＼＼\٩(´ʘ‿ʘ｀)و //／／ こないだ夜中に「Final Fantasy XV」の体験版をしておりました。 もう素晴らしいですねPS4映像がすごく綺麗でフィールドも広くて体験版と云えかなりボリューミーな内容でした。( ˘ω˘)<ﾉｸﾃｨｽ･ﾙｼｽ･ﾁｪﾗﾑ ｲｹﾒﾝ 発売が楽しみです( ˘ω˘) そんなことはどうでもいいですね、今回はコーディング初心者、フロント初心者必見のプログラミングサービス学習サービスをご紹介したいと思います( ˘ω˘)☝ 目録 今回は2つのサービスの使い方をご紹介いたします( ˘ω˘)☝ Progateの使い方 CODEPREPの使い方 Progateの使い方 http://prog-8.com/ まずはProgateの
東京都台東区上野でWEB制作(ウェブ制作)を行っているLIGのWEB制作の記事一覧です
まだ素材探しに困ってる？ クリエイティブ素材は、日本最大級のフォトストックサービス「ビズクリ」で賢く手に入れる
クラウドソーシングで納品物のクオリティを上げるプロジェクト管理と制作フロー | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのエリーです。 近頃は制作会社がクラウドソーシングを活用して仕事を外注する、ということも増えているそうですが、顔の見えない相手とする仕事には不安もありますよね。 じつはわたしもクラウドソーシングを活用して、プロジェクトを進行したことがあります。信頼関係ができあがっている社内での依頼とは違い、クラウドソーシングの場合はアウトプットのクオリティが未知数。楽しみでもあり、不安でもあります。 その上、万が一進行に遅れが出れば、クライアントが指定した期日までには間に合わない。今でこそ慣れたものの、はじめてやるプロジェクトの進行中は気が気ではありませんでした。 そこで今回、クラウドソーシングを使用する機会が増えるであろうディレクターやエンジニア、デザイナーのために、クオリティの高いプロダクトを期日通りに納品するプロジェクト管理と制作フローをランサーズ株式会社さんからお聞きしました
やる気が出ない理由と科学的にモチベーションを上げる13個の方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「やらなければならないことが残っているのに、行動に移せない」 「何に対してもやる気がでない」 誰にでもそのようなこと、ありますよね。そこで今回は、やる気が出ないよくある原因とやる気を出す方法について、科学的に検証されている方法を紹介します。 この記事を読めば、やる気の出し方がわかり、「やらなければならないこと」や「ずっとやりたかったけど一歩目が踏み出せなかったこと」に着手できるようになりますので、ぜひ最後までお読みくださいませ。 【編集部からのお知らせ】 今の仕事をつまらなく思っているあなた。「Webクリエイター」に興味はありませんか？ 作ることが好き、人に喜んでもらうのが好き、という方にはピッタリの職業です。 スクールで体系的に学んで、未経験からプロを目指しましょう！ 気になる方はぜひスクール公式サイトを御覧ください。 編集部注：この記事は2022年6月に情報を更新しました。 やる気が出
新年度、新しい技術を学びませんか？Webデザインやプログラミングなどのテクニカルスキルを学べるスクール特集【東京】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
新年度、新しい技術を学びませんか？Webデザインやプログラミングなどのテクニカルスキルを学べるスクール特集【東京】 こんにちは、ディレクターのあゆみです。 今年の冬は長いな〜と思っていたのに一気にあったかいですね。薄手のコートの使い道のなさ……。 最近、Facebookのフィードにやたらと「◯ヶ月でWeb制作をマスター！」「0から始めるプログラミング！」といった社会人向けのスクール広告が表示されますが、4月って、新しいことを始めたくなりますよね。 世の中にはできないよりできた方がいいに決まっているものが山ほどありますが、プログラミングはその頂点な気がします。可能性そのもの。 今自分の子どもが出来たら、自我が芽生える前にプログラミングさせたい。（映画のherやイミテーション・ゲームを見てから、より一層その傾向が強い） 今回はそのあたりのスキルを、仕事をしながらも学べるスクールを集めました。
かわいくてきゅんとする。イラストが印象的なWebサイトデザインまとめ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 もともと人様のイラストを見るのが好きなので、かわいいイラストが使用されているサイトを見るときゅんとします。 汎用性があるアイコンと違って、イラストはサイトのテイストに合わせて、いちから描かなければいけないけれど、手間がかかる分印象にはよく残ります。 今回はイラストが使用されているサイトをまとめてみました。 イラストが印象的なWebサイト10選 太陽のマルシェ http://timealive.jp/ 勝どきで毎月定期開催されているマルシェ、「太陽のマルシェ」のサイトです。 ロゴにも人参や花などのイラストが入っていてすごくかわいい！ footerにはマルシェの様子が描かれたイラストが。 ハピスタ http://happy-photo-studio.jp/ 大阪の子ども写真スタジオ、「ハピスタ」のサイトです。 鉛筆で描かれたような動物たちのイラストがかわい
アナログを制するものは人生を制する！仕事がないフリーランスがやるべき3つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。 NYを拠点に活動するクリエイター集団「NY City Index」CEOのMaksimです。 最近フリーランスとして仕事をしている人が日本でも増えてきました。フリーランスは会社に雇用されている訳ではないので、時間が好きに使えるようになって自由になった気がしますが、考え方を変えれば、会社の元で働いていた安定した状態から、雇用主のいない不安定な状態になったとも言えます。 フリーで長く仕事をするなら、自分のことを一人の人間として見てくれるクライアントと関係を築くことがマストになります。そんな素晴らしいクライアントを作ることは大変そうに感じますが、実はそう大変なことでもありません。 これからお伝えする誰でもできる3つのことを実行するだけで、人生は大きく変わります。 1. 時間の使い方を把握する 時間は唯一人間が平等に与えられた物です。 お金を払っても増やせないし、お金がなくても奪われ
Gmailのエイリアス機能を使って別名メールアドレスを作成する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。あかねです。 先日2年半勤めていたLIGという会社を退職し、現在はiichiというハンドメイドのCtoCマーケットプレイスのディレクターとして働いています。 入って早々、サービス理解のために全部の動作をひと通り触ってみているのですが、その中で便利だー！と感動したことがあったのでライターとして書かせていただきます。朽木さん、ありがとう。 複数のメールアドレスが欲しくありませんか？ ECサイトやCtoCサービスなど、ユーザとアドミンの両方に管理画面がある場合、そのテスト作業はかなり大変だと思います。 両方で会員登録を行い、メールのやりとり内容も確認する……。本当に骨の折れる作業ですよね。 両方で会員登録するということは、メールアドレスも複数必要になってきます。 このテストのために複数メールアドレスを発行するのは面倒！ そんなときの便利な方法です。ご存知の方も多いかと思いますが、5年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
