タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
世の中に溢れる「うざい広告」をプロが徹底解説！マーケターは必見です | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 ネットサーフィンをしていると頻繁に出会う「うざい広告」ってありますよね。広告を制作、運用する立場としてこの手の広告がなぜ存在するのか、そして今後こういった広告はどうなっていくのかを、今回はしっかり勉強したいと思います。 今回講師としてお招きしたのは、マーケティング会社の「株式会社キーワードマーケティング」の代表である、滝井さんです。以前よりTwitterやブログを読ませていただき勉強していたので、今回は非常に楽しみです。それではご覧ください。 滝井 こんにちは。株式会社キーワードマーケティングの滝井です。本日は、まこりーぬさんに「うざい広告」についていろいろと説明したいと思います。「うざい」と思う広告を勉強することで、ユーザーに訴求する最適な広告とは何か？ を考えることにつながると思いますよ。 まこりー
たった数分で環境構築が完了！TypeScriptでWebアプリケーション開発ができるフレームワーク「frourio」が本当に手軽だった。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
たった数分で環境構築が完了！TypeScriptでWebアプリケーション開発ができるフレームワーク「frourio」が本当に手軽だった。 こんにちは、エンジニアのづやです。 突然ですがエンジニアのみなさん、TypeScriptに触れた経験はありますか？ TypeScriptはGitHubが毎年発表しているランキングで今年4位に急上昇したくらい、もっともアツいプログラム言語の1つです。 出典：https://octoverse.github.com/ しかし、いざ試してみようと思っても、 フレームワークは何を使えば良い？ どうやって導入したら良い？ など、意外とハードルって高くないですか？ そこで「frourio（フルーリオ）」という画期的なフレームワークを見つけました。こういうのってある程度経験を積んだエンジニアでないと使いこなせない……というケースも多いですよね。 でもfrourioはそ
簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整（カーニング）ができます。 はじめに：ベタ組みと文字詰め 日本語フォントは基本的にベタ組み（等幅）で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
こんにちは、デザイナーの花ちゃんです！ 最近イラストのご依頼をいただくことが増えています。描くのは楽しい反面、時間がかかってしまうこともしばしば……。 そんなときの時短テクニックとしておすすめしたいのが、「ロイヤリティフリーのイラスト素材」です。自分のイラストと組み合わせることもできますし、構図や配色の参考としても役立ちます。 この記事では、無料で使えて、商用利用もできるフリーイラスト素材サイトをカテゴリーやテイスト別にまとめています。イラストは作者によって絵柄や表現の仕方に個性が出やすく、イメージに合ったものを見つけるのが難しいですよね。日頃からさまざまなテイストのイラストをストックして、引き出しを増やしておくことが大切です。ぜひイラストを探すときの参考にしてみてください！ イラストも作れるWebデザイナーを目指すなら…… イラストの制作のテクニックや基礎的なデザインスキルを一から学びた
転職してもう丸3年。ありがたいことに2021年3月からは本格的にチームをもつようになりました。前職でもLIGでも「リーダー」という肩書きはもともと持っていたものの、管理職としての役割はほぼなく、人生初の挑戦にドキドキしています。そんな私がいま一番克服したいこと、克服するために取り組んでいることを今日はご紹介します。 まだ見ぬ全国の同じ病をもった方に、「わかる。私も克服したい。一緒にがんばろう！」なんて思ってもらえるととっても嬉しいです。 「自分でやった方が早い」という病 私がいま一番克服したいこと、それは「自分でやった方が早い病」です。病名は小倉広さん著『自分でやった方が早い病』から拝借しています。この病気はその名前のとおり、「自分でやった方が早いわ」と、ついつい手や口を出して周りから仕事を奪ってしまう行動癖を指します。 たとえば、みなさんにこんな心当たりはありませんか？ □ メンバーが出
ヘッドレスCMSのメリットデメリット・比較おすすめ13選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。元LIGのWebディレクターで、いまはとある事業会社で開発ディレクターをやっているともぞうです。 さっそく本題ですが、みなさんはなんのCMSを使っていますか？ WordPress、Drupal、Movable Typeあたりでしょうか？ 最近ではヘッドレスCMSというものも出てきて、CMSの選択の幅が広がりました。 今回はそのヘッドレスCMSに焦点を当て、ヘッドレスとは？ というところから、ヘッドレスCMSのメリットデメリット、各ヘッドレスCMSの比較ができる記事をお届けします。 ※この記事は株式会社ディバータの提供でお届けします。 ヘッドレスCMSとは まずヘッドレスCMSの説明からはじめます。 ヘッドレスCMSとは表示機能を持たないCMSのことを呼びます。「ヘッドレス」で調べてみると以下のような説明がでてきました。 ソフトウェアについてヘッドレスという場合は、通常は用意され
早く言ってよ〜！CSSのtransformは同じ関数を複数回つかってもOKだった | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのつっちーです。 .foo { transform: translateX(-50%) translateX(10px); } みなさんは、このCSSが有効であること、ご存じだったでしょうか。CSSのtransformプロパティでは、このように同じ関数を複数回使用できます。transformにはもう何年もお世話になってきたというのに、このことは最近になって初めて気が付きました……。「そんなことも知らなかったの？」という方がほとんどだとは思いますが、忘れてしまわないように記事に残しておきます。 たとえばこんなときに 複数の単位で移動距離を指定 See the Pen Multiple Transform Functions 1 by dsktschy (@dsktschy) on CodePen. See the Pen Multiple Transform Funct
リモートワーク中に3日ほど仕事をサボってキャンプをしてても、上司は気づかないのでは？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGで新卒2年目の営業をしています、イチローです。 みなさんの会社はリモートワークですか？ LIGはもう1年以上、基本的にリモートワークをしているんですが、最近思うことがあります。それは リモートワーク中にサボってても、上司はまったく気がつかないのでは？ ということです。正直、世の中のリモートワークをしている人の8割はなんらかの形で仕事をサボっているというデータ（僕の直感）があるくらいなので、みんな仕事をサボっているはずです。 今回僕は、よりダイナミックに、3日間くらいがっつりサボってみようと思います。果たして上司は僕がサボっていることに気がつくのか。この記事はそのドキュメンタリーです。どうぞご覧ください。 ルール ①2泊3日でキャンプをする（僕の趣味） ②仕事はしないが、お客様に迷惑をかけないように締め切りのある仕事などは事前にすべて済ませておく ③仕事をサボる仕事なので、
AdobeXDで画面設計資料を作るときに気をつけること・おすすめの作り方（前編） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エクセルやパワポで作るよりもいろいろな利点があるため気に入っているのですが、思わぬところに落とし穴があったりと、いろいろ工夫が必要なところがあります。 そこで今回は、私がXDで画面仕様書を作る際に気をつけていることと、おすすめの作り方をご紹介します。 今回は下準備編です。 下準備その1：前提資料一式を作る まずはXDで画面仕様書を作る前に、必要な前提資料一式を作ります。これらを作らずに画面仕様書を書き始めてしまうと、書き方が迷走したり、 一つの資料に情報を詰め込みすぎた見にくい資料になってしまいます。 最低限、以下の資料は事前に作るようにしています。 サイトマップ ディレクトリマップ（テンプレート一覧） コンポーネント一覧 フォーム入力項目一覧 ※フォームがある場合 CMS編集項目一覧 ※CMSがある場合 いずれも一覧系の資料になります。画面上の細かい仕様を決める前に、これらの資料を通し
こんにちは！ エンジニアのまうみです。 突然ですが、「今使ってるブログサービスからWordPressに引っ越ししたい」と検討中の方はいらっしゃいますか。 もし、現在のブログサービスに記事をエクスポートする機能がない場合、手作業で記事を更新する必要があります。10記事程度ならまだしも、100記事以上ともなると、それは流石に手作業では骨が折れますね。 そこで今回はGoogle Apps Script（以下：GAS）で、スクレイピングしたデータをスプレッドシートに保存するプログラムを作り方をご紹介します。 【前提】スクレイピングとは スクレイピングとは、あらかじめ指定したWebサイトを巡回して情報を取得し、新たな情報を出力するためのプログラムです。 今回は、開発環境を構築することなく簡単にプログラムを実行できるGASを使用します。特に開発環境は初心者がつまづくところなので、そこをスキップできるの
Adobe XDで簡単なアニメーションを作る方法を超丁寧に解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのしーちゃんです！ 以前初心者でも作れる！Adobe XDを使って簡単なアニメーショを作る方法の記事を書きましたが、皆さんご覧になりましたでしょうか？ 色々調べた結果、まだまだXDでできるアニメショーンがありましたので、今回もサイトのメインビジュアルにつけるアニメショーンを紹介したいと思います！ このアニメーションの特徴 イラストに動きをつけることで、おしゃれ・先進的といったイメージや、ストーリー性をサイトに持たせることができます。 サンプルのデザインから作ります。 こちらのアニメショーン作るときのポイントは、イラストをそれぞれのパーツに分けることです。分ける理由は、自動アニメショーンを付けるときに一個ずつのパーツを順番に動かすためです。 各パーツのデザインが完了したら、アートボードを選択し、コピー＆ペーストして複製。複製したアートボードを選択し、タイトルとテキストを
おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー／マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わっていくので、クリエイターとして常に追いかけていく必要があります。 2022年に入って結構経ってしまいましたが、今後直近で流行りそうなデザインを参考とともにピックアップしました。 ※最新2023年版のWebデザイントレンドは以下記事をご覧ください！ 👉注目のWebデザイントレンド10選【2023】 ※今回こちらの記事を参考にしています 22 inspiring web design trends for 2022 10 Web Design Trends To Expect in 2022 Top
こんにちは、株式会社LIG Webディレクターのイナッチです。 Webディレクターといえば、サイト制作プロジェクトの提案や要件定義のフェーズにおいて「サイトマップ」を作る機会が多くあります。 とてもシンプルなフォーマットなので、誰でも作れるように思いがちですが、実は奥深く、取り組み甲斐のある作業の一つだと思っています。このシンプルな図のクオリティによって、その後のプロジェクトが円滑に進むかどうかを左右することさえあると感じています。 そこで今回は、私がサイトマップを作るときに意識していることと、サイトマップの能力を拡張するためのアレンジ技5選についてご紹介いたします。 ※ この記事でご紹介する「サイトマップ」とは、サイト全体の構造を図示した資料のことであり、XMLサイトマップ（sitemap.xml）の作り方については含んでおりません。 Webサイト制作会社をお探しですか？ 2007年創業
みなさまこんにちは、Webディレクター・プランナーのむむです。 Webサイト（ホームページ）を作りたいと思ったときに、何から調べたらいいのか悩みませんか？ 決して安くない金額と時間がかかるWebサイト制作。Webサイト制作で頭を抱える人が少しでも減りますように……。そんな願いを胸に、 Web制作（ホームページ制作）に関して、これを見れば全部わかるという資料を作りました！ なんと全75ページの超大作！ もう、本ですね。当時の自分にこの資料を渡してあげたい。 資料ダウンロード また、こちらの記事ではWebサイトを制作するメリットや価格、制作期間などを解説します！ LIGにWeb制作の相談をしませんか？ 2007年創業、年間150サイト制作の実績で、毎年複数のデザインアワードを受賞しています。 訪問した瞬間貴社の魅力がグッと伝わる！そんなWebサイトを制作します 💡LIGのWeb制作実績・お問
こんにちは、デザイナーの花ちゃんです！ かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……！！ 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう！」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです！ 紹介したいWebメディアが
Webサイトリリース前後におこなっている忘れがちな確認事項まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回はWebサイトのリリース前後に最低限おこなっている確認作業を一部ご紹介します。 LIGでは、リリース後でないと確認できないことや、案外忘れがちなものを「最低限おこなうものリスト」として管理しています。あくまで忘れがちなものたちの確認のため、クロスブラウザテストや機能テストといったスケジュール内に組み込まれるものは対象外になっています。 リリース前の確認作業 リリース前には、以下のことを実施しています。 最低限おこなうものリスト（リリース前） faviconは正しく表示されているか metaタグは記述されているか（title,description） ogpタグは記述されているか（type,title,description,url,site_name,image） headタグ内に不要なタグが出力されていないか canonicalの設定は
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも出ちゃうときもありませんか？ うん、ですよね。 そんなときの解決策の一つ、「作字」 “デフォルト書体そのまま感”をなくす方法はいくつかありますが、その一つとして「作字」があります。デフォルトの書体を少し調整して文字に特徴をつけることですね。 文字を”ちょっとロゴっぽくする”するという言い方が近いでしょうか（わかりにくいか……）。 作字するといい意味で”違和感”がでて、印象的なビジュアルになります。その作字のひとつに「文字を溶かす」という小ワザがあります。 文字を溶かすって？ Afterの文字を拡
習慣は力なり！「Daily UI」でUIの引き出しを増やそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ マーケティングチーム所属のシエロです。 桜も散って、令和になり、だんだんと夏に近づいてきましたね。新しい季節になると新しいことにチャレンジしたくなりませんか？ Web制作やWebメディアにいると、どのポジションでも避けては通れなくなっているのが「UI（ユーザーインターフェース）」。 ただ、どうやってイケてるUIを作れるようになるのかしら…そのために何をすれば良いのかしら… 制作に関わる人なら悩んだことがきっとあるはず！ そんな中、最近見つけた「Daily UI」がUIの引き出しを増やすのによいかも！と思ったのでご紹介させていただきます。 Daily UIとは? https://www.dailyui.co/ ひとことでお伝えするとUIデザインの100本ノックです。 「UIに関する100個のお題に対してUIデザインを作り、「#DailyUI」をつけてTwitterなどのSNSに
2022.11.15 働き方 プログラマーお金CTO 降格ーー。会社員にとって最も聞きたくない言葉の一つだろう。せっかくつかんだポジションを降格させられたら、今まで自分がやってきたことを否定されたと感じる人もいるかもしれない。 しかし、ひたすら降格し続けているのに、むしろどんどんハッピーに働いている人がいる。それが、システム開発やWeb制作を中心に企業のDX支援を行う株式会社LIGでエンジニアとして働くづや（高遠和也）さんだ。 づやさん（@zuya_osora） 1983年生まれ。長野県出身。愛知工科大学卒業後、東京でエンジニアとして勤務。2007年、吉原ゴウと株式会社アストロデオを共同創業。12年に株式会社LIGと合併し、LIGの技術部門の中核として事業を支える。20年、取締役およびCTOを退任。ちなみに本名は高遠和也 創業メンバーとしてLIGの草創期を支え、CTOとして活躍するも退任。
問い合わせから提案までを爆速に！Webサイト提案で使える分析解析ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します！ NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうことできないので、外部の調査ツールを使うことが多いです。 提案を行う際によく使うWeb解析ツールの概要や活用例、おすすめの種類などについてを紹介します！ Googleアナリティクス GoogleアナリティクスではPVや訪問数、直帰率など、Webサイトに訪問したユーザーの行動がわかります。 目標設定を行なっている場合は、目標完了数、目標完了率を確認することが可能です。 NDAを結んでいてGoogleアナリティクスのデータを見せてもらえる場合は、提案資料に活用しま
みなさんこんにちは！ デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピードが上がらないと悩んでいる方も多いのではないかと思います。私も入社した当初はアイキャッチ（サムネイル画像）1枚に3日（！）もかけて作成していましたが、それから1年経ったいま、数時間で作成できるようになりました。 今回は、私がアイキャッチやバナーなどの制作スピードを上げるために意識的におこなったったことを紹介していきます！ デザイン編 3選 まずは、デザインに関して意識して取り組んだことを紹介します！ ①最初にレイアウトを固めてから配色などの装飾する PhotoshopやIllustratorな
デザインスピード1.5倍！？Adobe XDにおけるデザインデータ管理術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 常に美しいデータ管理を模索中のありさんです。 突然ですが、XDでデザインしているとき、データってカオスになりがちですよね……？ メインコンポーネントがどこだかわからなくなる XDがフリースタイルすぎて、とっ散らかる 自分しか理解できない置き場所になってしまう 自分だけで作っているときは良いですが、いざフロントエンドやバックエンドのエンジニアさんにお渡ししたときに「これどうなってるの……？」って困らせてしまうケース……私はめっちゃあります！！！！！ そんな、プロジェクトの平和のために、ワイヤーフレーム作成、デザイン作成時の管理方法を作ってみました。 今回紹介する管理方法を実際のプロジェクトでも使ってみたところ、プロジェクトメンバーとの意思疎通もスムーズでデザインスピードも1.5倍（体感）くらいになったので、紹介します。 XDデータをつくるうえでの要件 プロジェクトメンバー全員が
【意外と教わらない】Webデザイナーなら知っておくべき画面サイズのお話。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのまいまいです🦀 みなさん、駆け出しのWebデザイナーのころってどんなことを学びましたか？ デザインツールの使い方、フォント、レイアウト、配色、コーディング、etc……。 いろんなことを学びますよね。今回は、「めちゃくちゃ大事なのに言葉でサラッと説明するのが難しい」「はじめからきちんと理解しておけば……」と私が感じた画面サイズについて書きます！ 独学でつまずいていませんか？ Webデザインの基本を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 カンバスサイズ PhotoshopもしくはXDやFigmaでデザインをつくると
AdobeXDにGoogleスプレッドシートからテキスト情報を流し込むプラグインが便利すぎる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでWebディレクターをしているなべちゃんです。 Webサイトを制作する際に、クライアントや外部のライターさんにサイトに入れるテキストを依頼をする、というシーンは多いのではないでしょうか？ LIGでもまだテキストが確定していないときは「テキストテキスト……」「ダミーダミー……」と、領域を確保してクライアントやライターさんに依頼をしています。 今回はAdobeXDでワイヤーフレームやデザイン制作をしたあと、Googleスプレッドシートと連携し、Googleスプレッドシート上で書いたテキストがXDに流し込まれるという画期的なプラグインを紹介していきたいと思います！ 実はこのプラグインは、ちゃんれみさんが週に1回開催されているディレクターミーティングで紹介して、「神」「画期的だ」「もっと早くに知りたかった」と歓喜の声が上がっていました👏 私もこのプラグインを知ってからはかなりお
PDFから超簡単文字起こし！Googleドライブが優秀すぎた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ オフショア開発チームで通訳/翻訳をしているゆまです。 今回は長年の悩みだった「PDFの文字起こし」について、感動する出来事があったのでシェアさせてください。 ※手っ取り早く方法だけ知りたい方は、「Googleドライブで文字起こしする方法」からご覧ください！ ある日の出来事 翻訳依頼が入りました。 しかし、原本がPDF…… しかもWordなどから生成されたものではなく、スキャンされた画像…… わかります……最終的に保管したい文書ってサイン済、捺印済の書類ですよね……。 これ、翻訳担当あるあるじゃないですか？ 翻訳に限らず、コーポレートあるあるな気がするのですが、皆さんどうですか？ けっこう前に締結した契約書をベースにしたい、でもWordファイルどっか行っちゃった、とか……。 原文、どうやって文字起こしする？手打ちする？ さて、こういった状況の場合、どうやって文字起こししますか？
みなさんこんにちは！ デザイナーのえびちゃんです。 フォントってデザインの印象を決めるのにとても大事な要素ですよね。 フォントを変えるだけでガラッと印象が変わったり、しっくりこないな〜と思って先輩にレビューをもらったらフォントが原因だと気づいたり……。 ですが、デザインをはじめて間もないころだと、知っているフォントも少なく、出したい表現に近いフォントを探すのにも一苦労しますよね。 街中でよく見かけるフォント、使いたいけど名前がわからない、とかとか……。 そんなデザイナーの方に向けて、普段私がアイキャッチやバナーなどグラフィックデザインでよく使用している・使用したいなと思ってアクティベートしているAdobeフォントを、見せたいイメージ別に実際の制作物を用いながらご紹介します。 「キャリアアップを目指して転職したい」「でもどんな会社を選べばいいか分からない……」とお悩みの方。Web制作会社のL
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっていることから、より効率的なコミュニケーションが模索されてきています。 AIを使ったサービスが爆発的に認知を広げていたりとさまざまな変化があるなかで、Webサイトはどう進化していくのでしょうか。妄想を膨らませながら見ていきましょう。 ※今回こちらの記事を参考にしています。 Top Web Design Trends of 2023 11 engaging web design trends for 2023 9 interactive web design trends for 2023 こんな
canvasで大量の円がランダムに動くパーティクルを実装してみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する canvas要素を作成し、そのcanvas内に円を作っていきます。 まずは一つだけ作りたいと思います。 <canvas id="canvas"></canvas> // キャンバス要素を取得 const canvas = document.getElementById('canvas'); // キャンパスに描画するコンテキストを取得 const ctx = canvas.getContext('2d'); // キャンバスサイズをwindowサイズに canvas.wi
【初心者向け】ひと手間でデザインの物足りなさを解消する方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、新人デザイナーのナガレダです！ 社内制作チームでLIGブログのアイキャッチやバナーなどを作っています！ 日々デザイナーの先輩にフィードバックしていただき、発見と学びのある毎日です。 皆さんはデザインをしているときに、「ラフの通りに作っているのに何か物足りないな」と感じることってありませんか？ 私はめちゃくちゃあります。 素材を作って実際に画面に当てはめて完成間近！ でもあれ？ なんかさみしい……ってなることが多いんですよね。 そんなときに先輩デザイナーに教えてもらった、ひと手間加えるだけで物足りなさを解消できる方法をまとめてみました！ また、本記事と同じ内容をYouTubeにもUPしています！動画や音声で楽しみたい方はこちらを参照してみてくださいね。 デザインの物足りなさを解消する方法 文字周りに飾りを入れてみる before クライアントのWebサイト用に作成した「スマホによ
非デザイナーは「生成AI」でどこまでUIデザインを作れるのか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の永松です。 私が在籍しているTechnology部ではさまざまなシステム・アプリ開発を手がけています。 しかし、部内にはデザインやUIUXの知見がまだ足りていないのが実情です。 実際にデザインをするときは、他部署のデザイナーに力を借りることがほとんど。 ……近年こんなに生成AIが進化しているのであれば、これらを使って自分でデザインを作成することはできないものでしょうか？ WF（ワイヤーフレーム）の作成だけでもいいんです。これらが誰でもできるようになれば、もっとお引き受けできる案件も増えるはず。 というわけで、今回はクライアント提案に耐えうるデザインを生成AIでどう作るのか、試行錯誤した結果を紹介します。以下のツールについて感想をまとめていますので、ぜひ参考にしてください。 今回試したサービス ChatGPT Midjourney(+Vary Region) Fram
AdobeXDで更新しやすいテーブルの雛形を作ってみた〜コンポーネント・スタック・パディング機能の活用〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD（以下：XD）で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか？ なぜ作れたのか？ などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方は、もろもろスキップしてこちらからどうぞ。 XDで更新しやすいテーブルができるまで XDといえばWebサイトなどの画面デザインのためのソフトというイメージですが、その使い勝手の良さから、デザイン以外の場面でも活用する機会が増えてきました。たとえばLIGのアカウントプランナーのノブさんは、企画書（提案書）をXDで作られるそうです。
Webサイトリリース前に確認すべきSEO内部施策10項目をご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作事業部WebディレクターのZIMAです。 みなさん、SEO内部施策やってますか？ やっていないわけないですよね。しかし「どこまでやってますか」と聞かれると……困っちゃう人多いのではないでしょうか。 実は自分もどこまでやればいいんだろう？ と思って、我らがづやさんに聞いてみたところ「ふむふむ、それなら、 ちょうどいいの作ってるから、勉強がてらZIMAがつくってみてよ」と、ひょんな流れから私がLIGのSEO内部施策チェックリストを作成することになりました。 せっかくなのでブログにして自分の学びをみなさまに共有したいと思います！ そもそもSEO内部施策ってなんだ？ Webサイトの中身をGoogleなどの検索エンジンに正しく伝えたり、ユーザーがストレスなく利用できるようユーザビリティを向上させるための施策のことです。 世界中のWebサイトをクローリングしているのは簡単に言えばロボッ
Illustratorでイラスト描くときに便利なツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもデザイナーのナガレダです〜。社内デザインチームでLIGブログのアイキャッチやバナーの制作を行っています。 最近コロナの影響もあり、オフラインでの撮影の機会が減りました。アイキャッチなどでもイラストを描くことが増えてきています。 もともとイラストを描くことが好きで、趣味で描くときはイラストを描く専用のソフトを使っていました。なので、正直Illustratorでちゃんとしたイラストなんて描けるわけないだろ！ と思っていたのですが……。 Illustratorをいじっていくうちに、すんごいイラスト描きやすいツールが多いことが判明してしまったので、よく使う便利ツールをご紹介します！ 「わからないこと」が一瞬で解決するかも？ Illustratorについて効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、
WordPressでWP-CLIを使って記事移行とかを少し楽にする | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい！」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい！」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って、WordPressだけ呼び出して処理ですね、お手軽。 <!--?php require_once "wp-load.php"; // パスは環境によって変えてね ?--> これを読み込んだら、WordPress関数が使えるので、CLIからphpとして実行したり、まあdocument rootにおいて実行して消すなりしちゃえばOKです。WordPress管理外じゃないけど、WordPressの記事を引っ張りたいときとかと一緒ですね。 たまに「wp-blog-header.php」を
【作例付き】WebデザインにおけるAdobe After Effects活用法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元：モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
サイト公開前のブラウザチェックを簡単に行う方法。不具合発見後の対応も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
うどん県出身・Webディレクターのセイタです。夏にジムへ入会しましたがバキバキな身体にはなりませんでした。来年の夏はビーチのスターになれるようにやっていきます。 さて今回は、制作したWebサイトの公開前に必ず実施する、ブラウザの表示テストについて学び直したことをまとめました。 制作が完了し、これでリリースできる！ と喜ぶのはまだ早い。このテストを完了させてこそ、はじめてきちんとした状態で公開を迎えられるのです。 なぜブラウザの表示テストを実施するのか？ 先に結論から言うと、さまざまな端末およびブラウザにおいて制作したWebサイトの品質を担保するためです。 もう少し柔らかく言い直すと、ユーザーは様々な環境でWebサイトを閲覧するため、どの環境においても問題なくWebサイトが表示されるようにテストする、ということです。 ユーザーが閲覧する環境は端末だと、下記がありますね。 Windows Ma
サイト改善の神ツール！？無料で使えるユーザー行動分析ツール「QA Heatmap Analytics」がスゴかった件 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイト改善の神ツール！？無料で使えるユーザー行動分析ツール「QA Heatmap Analytics」がスゴかった件 みなさんこんにちは、外部メディアコンテンツ制作チームでリーダーをしているやぎです。普段はさまざまなオウンドメディアの記事制作代行や運用支援をしています。 突然ですが、私と同じオウンメディアのコンテンツ制作に関わっている方は重々承知かと思いますが…… 記事は「作って終わり」じゃないんです！！！ メディアを成長させるうえでは、作った後がもっとも重要といっても過言ではありません！ ただ作って終わりではなく、コンテンツ設計にあたり決めたKPIに対する進捗はどうなのか、といった効果測定を日々実施し、PDCAサイクルを構築していくことが重要であり、もっというと”C”の「Check（評価）」 、つまり記事の「分析」 を怠ると、メディアの成長はできません！ さぁみなさん、今すぐに自社のオウ
はじめまして！ 株式会社LIGでコンサルタントをしている、わべと申します。 さっそくですが、皆さんは「デザイン思考」という言葉を聞いたことはありますか？ 学生の方はあまり聞き馴染みのない言葉だと思いますが、社会人の方は最近耳にする機会が増えてきたのではないでしょうか。 デザイン思考という言葉をはじめて聞く人からすると、「デザイン思考ってデザイナーの人がやってるあのデザイン？」と思われるかもしれません。しかし、デザイン思考≠デザインで、今や多くのビジネスパーソンに求められるスキルとなりつつあります。 そこで今回、私がデザイン思考とは何か、そしてデザイン思考を学ぶ中で気づいた点をまとめてみました。デザイン思考という言葉を耳にしたことはあるものの、具体的な内容についてはあまり理解できていない方や、これから学んでいきたい方は是非参考にしてみてください！ デザイン思考って何？ デザイン思考とは、一言
【無料】高精度&爆速で文字起こしが終わるAIツール「Gladia」がスゴイ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、インハウスマーケティング部のかけるです。 生成AIによってライティング業務の効率化が進むなかで、「文字起こし」は生成AIが得意とする領域の一つです。 今回は数ある文字起こしAIのなかでも、実際に使ってみて良かった文字起こしAI「Gladia」について、その使い方や魅力をご紹介します！ 「Gladia」は精度が抜群 https://www.gladia.io/ まず前提として、Gladiaの文字起こしの技術には、OpenAIがオープンソースとして公開している文字起こしAI「Whisper」が活用されています。 Gladiaの大きな魅力は、なんといっても音声から文字を起こす（Speech-to-Text）際の精度の高さです。 一般的に、音声認識の精度は「単語誤り率 （WER）」という、その音声認識モデルが音声をテキストへ変換する際にどれぐらい間違えてしまったのかという評価尺度があり
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーイラスト素材サイト39選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「自分でやった方が早い病」を克服したい。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
GASを使ったスクレイピングの作成手順を紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイトマップの作り方！デザイナーのアレンジ技5選 | 株式会社LIG
Webサイト制作・ホームページ制作発注の流れと事前知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
伝わる図解の作り方～レイアウトや配色のポイントを解説～ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「三度目の正直もダメでした」CTOを3回退任→現場エンジニアになったLIG元取締役づやさんの“最良の選択” - エンジニアtype | 転職type
デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【現役デザイナー厳選】おすすめAdobe Fonts23選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイン思考とは？フレームワークの5つのプロセスを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
anond.hatelabo.jp
www.bing.com
www.bing.com
sports.yahoo.co.jp
ameblo.jp/lm154603
x.com