これは本当に、かなりお勧めの解説書です。 カピバラのかわいいイラストに癒やされながら、しっかりした知識が身につくHTMLとCSS、そしてWebデザインの解説書を紹介します。内容はかなり本格派。 HTML Living Standardに準拠したマークアップから、CSS GridやFlexboxなど、実務に役立つWebの知識がていねいに分かりやすく解説されています。 初心者向けの解説書ですが、Web制作を仕事にしたい人向けなので、中級者でもかなり学びのポイントがあると思います。一から学び直したい、現状のワークフローを強化したい、最近の知識を身につけたい人にもお勧めします。 版元様より画像をいただきました。 この「さまざまな工夫」というのがポイントです。私もいろいろな解説書を読んできましたが、非常によくできていると思います。詳しくは後述します。 普通の入門書だと短期間で卒業してしまうかもしれま
「これってなんだっけ？」なデザイン様式の名前について調べました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのほそです。 「このデザインテイスト見たことあるな、でもどういう名前なんだろう？」 「こんなテイストを探したいけど、言語化できない……」 と思うことはないでしょうか。 今回は、「これこれ！」っていうのがわかると便利なデザインの様式に関する用語をご紹介します。AdobeStockで使えそうな素材も探してみたので、そちらのリファレンス付きです。 いろいろなデザインテイスト用語まとめ Bauhaus Design｜モダンデザインの源流 引用：Bauhaus Design Images – Browse 1,744 Stock Photos, Vectors, and Video | Adobe Stock 幾何学的かつミニマルで直線的な印象を受けるグラフィック。 引用：https://en.wikipedia.org/wiki/Bauhaus バウハウスとは、1919
こんにちは、Technology部のジョシュです。 今日は、最近バズっている生成AIモデル「Claude 3」と「GPT-4」を比べてみましょう！ 生成AIが絶え間なく進化し続けるなかで、2024年3月に登場したAnthropic社の大規模言語モデルClaude 3。OpenAI社のGPT-4と比較され、多くの議論を呼び起こしています。 この記事ではこれら2つのモデルを深掘りし、それぞれの特徴、能力、そして生成したコードの結果を比較しながらご紹介します。生成AIのトレンドを知りたい方やAI開発に関心を持つ方々のご参考になれば幸いです。 GPT-4とClaude 3の概要 OpenAI社が開発した言語モデルGPT-4は生成AIを広めたモデルとして非常に有名で、様々なタスクをこなす能力があります。そんな中で3月に登場したAnthropic社のClaude 3は、いくつかの分野ではGPT-4を上
フィルタ不要で並び替えができる夢のようなSORT関数【Googleスプレッドシート/Excel】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
SORT関数 使い方 関数の説明はこちらです。 ※記事内の画像はGoogleスプレッドシートで作成し、数式の表記もスプレッドシートをメインとしています。Excelでも部分的に同じように利用することができます。 関数 Googleスプレッドシート =SORT(範囲, 並べ替える列, 昇順(TRUE)or降順(FALSE) [ , 並べ替える列2 , 昇順or降順2 , …] ) ※[ ]は条件を2つ以上指定する場合です。カッコは入力しません。 Excel（Excel for Microsoft 365以降で対応） =SORT(範囲, 並べ替える列, 昇順(1)or降順(-1) ) ※Excelの場合、指定できる条件は1つです。 SORT関数は、指定した範囲のデータを、指定した列で昇順もしくは降順で並べ替えて、別の場所に表示することができる関数です。スプレッドシートでは複数の条件を指定すること
福岡県北九州市でホームページを作成したいと思っても、どのWeb制作会社に依頼すれば良いか、探すのが難しいのですよね。 そこでWeb制作の専門家であるプロが、北九州市にあるホームページ制作会社を1社1社調査して、おすすめの制作会社を厳選しました。 北九州市で評判の良いホームページ制作会社や、実力のある優良Web制作会社が知りたい方は、ぜひこちらの記事を参考にしてください。
「施策のフィルターを外せ」。神楽坂のbarで出会ったツイ廃おじさんから、古くて新しい、マーケティングに大切なことを教えてもらった話。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「施策のフィルターを外せ」。神楽坂のbarで出会ったツイ廃おじさんから、古くて新しい、マーケティングに大切なことを教えてもらった話。 みなさんこんにちは、マーケターのまこりーぬ（@makosaito214）です。 今回は、後輩のなりちゃんと訪れた神楽坂の隠れ家イタリアン「TREES」で起きた不思議な夜のお話をしようと思います……。 ・ ・ ・ なりちゃん：まこりーぬさん、最近めちゃめちゃLIGブログで取材記事書いてますよね！ 本当にお疲れさまです。 まこりーぬ：ありがとう〜（涙）。何気なくはじめた取材活動だったけど、今後はLIGのマーケティング施策の一貫としてもっといろんな記事コンテンツを作って、「LIGが発信する情報はいいなぁ」と思ってくれるファンを増やしていきたいんだよね。 おじさん：マーケティング施策としてファンを増やす、か…… まこりーぬ＆なりちゃん：！ おじさん：こんばんは。質問
単価39円の“原価マスク”登場 パッケージやWeb制作、サーバ費用などを計上せず「われわれには利益は一切ありません」
スマートフォン関連商品を製作するトリニティが、単価39円（税別）の「原価マスク」を販売すると発表しました。50枚入り2176円（税込／送料別）で、パッケージやWeb制作費、オペレーションの人件費、サーバ費用、経理処理などのコストは計上せずに販売するとのこと。 原価マスク 50枚入りです 「原価マスク」は、マスクの入手が難しく転売や粗悪品が多数見受けられる状況が続く現状を打破するために制作されたもの。製造原価のみで販売するため、売れても利益は一切ないとしています。 トリニティは本業であるスマートフォン関連商品を中国に製造委託しており、その工場の幾つかがマスクを製造しているとのこと。今回は特別に協力してもらい、マスクを原価で販売するそうです。 転売対策として、1回に注文できるのは4箱（200枚）まで、また購入後7日間は再購入ができない数量制限を実施。さらに、製品のパッケージに原価構造のイラスト
この記事では、Web制作が快適に捗る、便利な最新オンラインツールをまとめてご紹介しています。 新型コロナウイルスによる影響で、在宅によるリモートワークが増えたことで、誰かと一緒になにかを行う、コラボレーション関連ツールの公開が多くなっています。 その他にも面倒な作業をワンクリックで完了させる、知っておくと便利なジェネレーター系ツールや配色リソースなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインコレクション 2. Web制作便利ツール 3. 配色ツール 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ デザインコレクション、UIキット Magma St
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
17個のWebサイトから学ぶ、デザインクオリティを上げる6つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おはようございます、こんにちは、こんばんは、デザイナーのまべです。 今回は普段Webサイトを見ているなかでグッとくるデザインのポイントを、クオリティを上げるヒントとしてまとめました。 もちろん見るだけでなく実際に制作のなかで実践してきたことを改めて言語化したので、何か物足りない、もう一段階クオリティを上げたいと思っている方に読んでいただけると嬉しいです。 ファーストコンタクトにストーリーをつける ユーザーはWebサイトに初めて訪れたときの接点で、サイトに対して抱く印象がほぼ決まると言っても過言ではないです。巧みなグラフィックは興味を引きますし、ジェネラティブなアニメーションはスタイリッシュな印象や、技術的なイメージを抱くでしょう。 多くのユーザーは情報を取得したい、という動機がありますが、コンセプトからサイトへの来訪、そしてコンバージョンへのストーリーを作り、情報と演出を違和感なく繋げてい
こんにちは、デザイナーのまいまいです。 突然ですが、みなさんのPhotoshop、大丈夫ですか？ 書き出しにありえない時間がかかったり、そもそも開くことが困難だったり、重すぎて落ちたり……重すぎて落ちたり！！！！！！！ Photoshopは、人と共有したりすることも多く、次に使う人のことを考えないといけませんよね……ね？ 重すぎてPhotoshopでの作業時間よりも、回り続けるレインボーを眺めている時間の方が長い……なんてことになったら、共有した人に1週間は強めに恨まれると思います。 なので、人伝や公式ホームページなどでいろいろ調べてきました。そのなかでも「これはよかったなあ」と思った対処法をみなさんにも共有しますね。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなス
良書がたくさん安い！ ビー・エヌ・エヌ社の年に一度の貴重なセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です
当ブログでも人気が高く、良書揃いのビー・エヌ・エヌ社のKindle本セールが開催しています！ ビー・エヌ・エヌ社のKindleセールは、年に一度あるかないかの非常に貴重なセールです。絶対にこの機会を逃してはいけません。 セール期間は、12/9まで。 Amazonでは現在、ブラックフライデーセールが開催されていますが、ビー・エヌ・エヌ社の担当者さまに尋ねたところ、今回のセールはたまたまブラックフライデーと重なってしまったとのことです。 KindleブラックフライデーもWeb制作・デザイン・イラスト関連がたくさんセール対象（紹介記事）になっていますが、ビー・エヌ・エヌ社のはそこには含まれていないので、見逃している人は多いと思います。 年に一度のセールですので、お見逃しないように！ セールではだいたい、30%オフの価格になっています。 まずは、当ブログで紹介した際に、非常に好評だった「レタースペ
Kindleストアで、インプレスグループ30周年記念フェアが開催されています。 30周年記念ということでセール対象本も2,980冊以上とかなり多く、Web制作・デザイン・イラスト関連の定番の良書も最安値となっているので、要チェックです！ セール期間は、2023年2月23日まで。 対象のKindle本は最安値（当方調べ）、気になっていたものがあればこのセールがお買い得です。 【最大50%OFF】2980冊以上対象 インプレスグループ30周年記念フェア フェアとは関係ないと思いますが、Kindle Unlimited 2ヵ月がなんと99円！ 通常1,960円が、99円は文句無しの最安値。 しかも、ここで紹介しているKindle本もかなりの数がUnlimited対象です！ Kindle Unlimited 2ヵ月99円キャンペーン ※キャンペーン期間は、未定です。 それではKindle本のインプ
2020年版、Node.js入門！使い方〜環境構築までを丁寧に解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIG Philippines Inc.のセイトです。 先日久しぶりにNode.jsを書く機会があったんですが、PCを変えたばかりだったので環境構築から始めました。 そして、速攻ハマりました。 あれ、うまくいかねえぞ……と。 調べてわかりましたが、結論、2019年のMac新OSであるCatalinaにおいては、従来のやり方では十分なNode.js環境を構築できません。 そして、これについて書いてある情報を少なくとも僕は見つけられませんでした。 というわけで、Node.jsを書きたいみなさん、おまたせしました。 2020年版、Node.js入門！使い方〜環境構築までを丁寧に解説します。 知識ゼロの方にもわかるよう進めていきたいと思います。 ちなみに、この記事と同じ内容をYouTubeでも解説しています。動画で勉強したい方はぜひこっちを観てね！ Node.jsとは？ そもそもNod
Web制作で気になることのアンケート結果（2019年版）
Web技術 Web制作で気になることのアンケート結果（2019年版） Thursday, October 24th, 2019 Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを採ってみました。 アンケートの実施期間は2019年1月〜10月です。 回答者の属性について Twitter のアンケート機能では「誰が回答したか」は質問者でも見ることかできません。 それぞれの質問の回答件数は100〜300件前後で、私のフォロワーの方が多いと思われます。 （ご回答いただき、ありがとうございます。） 私のフォロワーの方は東京の方が多いですが、Twitter アナリティクス によると、近畿、大阪、中部、福岡、東北など日本全国様々な地域の方がいます。 98% が日本在住の方です。 性別（推定）は 71% が男性、29% が女性となっています。 Webデザイン・コーディ
Kindle本ストア10周年キャンペーンが開催！ Web制作・デザイン・イラスト関連の半額対象のKindle本が多すぎてヤバイ！
AmazonでKindle本ストア10周年キャンペーンが開催しています！ 10周年とは、時が経つのは早いですね。 10周年ということで各版元様からかなりの数のKindle本が半額対象になっています。しかも、セール初登場もたくさんあり、Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です！ スクロールバーを見ると分かると思いますが、本当にかなりの数です。 セール期間は、2022年10月25日まで。 対象のKindle本は最安値（当方調べ）、今年発売されたばかりのもたくさんあり、要チェックです！
新卒未経験Webディレクター向けに作ったマニュアルをチラ見せします | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
と、声をかけていただけることがしばしばありました。 はて？ 何の資料だろう？ と不思議に思っていたのですが、実は休職前に新卒ディレクターに教えるためにまとめていた資料が脈々と受け継がれていたのでした。 なんとも嬉しい声！ 正直、頑張って作った甲斐あった！ 今回は、新卒・新人ディレクターに向けて作ったマニュアルの一部を抜粋して、チラ見せしたいと思います。 ※ 以下の内容はOJTをしていきながら「わからない」と返答されたものを基準にまとめておりますので偏りがあります。一例としてお考えください。 マニュアルの構成 マニュアルの構成は大きく4つに分類されており、それぞれに関係した知識をつけることが大事だと考えています。そのため、マニュアルを作り始めるときには以下の扉ページを作るところから始めました。 資料の扉ページ ディレクション デザイン コーディング システム 1. ディレクションで必要な知識
フォームをスタイルするのが苦手、中でもselect要素が最も苦手という人は少なくないと思います。Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック、select要素に対するブラウザの進化の紹介します。 The Current State of Styling Selects in 2019 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに select要素を美しくスタイルするテクニック ドロップダウンの内側のスタイル select要素の不満点 select要素に対するブラウザの進化 はじめに 2019年、CSSで望まれている機能の一つは、フォームのスタイルでした。トップ5に入っています。 Greg Whitworthのデータによると、フォーム要素の
「そのメルマガ、やり方間違ってます！」配配メール安藤氏に聞く・メールマーケティングできちんと成果を出す方法って？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは、マーケターのまこりーぬ（@makosaito214）です。 マーケターの大先輩取材シリーズもなんと8回目を迎えました。いつも本当にありがとうございます！！！ 今回貴重なお時間をいただいたのは、メールマーケティングといえばこの方！ メール配信システム「配配メール（ハイハイメール）」総責任者の安藤さん（@comune1128）です！！！ 株式会社ラクス MC事業部 部長 安藤 健作 さん大学卒業後、アパレル企業勤務を経て2006年ラクス入社。同社でサポートチームを組織化したのち、マーケティングマネージャーを経て2016年よりMC事業部長/Mail Marketing Lab総責任者。正しいメールマーケティングを日本に根付かせるため、さまざまなメディアやTwitterにて日々情報発信中。 まさに前職の私がそうだったのですが……メール配信って、なんとなく存在する通説のもと、とく
1990年代後半〜2000年前半のWeb制作を中心に12問を出題。ヤングから仙人まで、老人度を5段階で採点します。あなたはいくつ答えられる？
こんにちは、エンジニアのづやです。 ありがたいことに、この業界で15年程度生き抜くことができまして、質問を受けたりレビューをしたりする機会が多くなってまいりました。 しょっちゅう必要ではないのですが、カスタマイズが必要になった際に解決したことを今回まとめてみました。 非公開ページを親ページにしたい 皆様はWordPressをGutenberg（グーテンベルク）で使われているでしょうか。 URLを綺麗にしたいときなど、固定ページで非公開の親ページを選びたいときがありますよね。 page_attributes_dropdown_pages_argsとかquick_edit_dropdown_pages_argsにフックしてたと思うのですが、グーテンベルクになってからは、ここもrest apiで取得しているようで効かなくなってますよね。 add_filter( 'rest_page_query'
Web制作やアプリ開発で、ChatGPTにしてもらうと便利なことをまとめた解説書 -エンジニアのためのChatGPT活用入門
※本ページは、アフィリエイト広告を利用しています。 今年は、Webサイトの制作やアプリの開発にAIを活用するシーンがさらに増えそうですね。「HTMLで入力フォームを作って、CSSはBootstrapで。」「MySQLで商品名・価格・在庫数を管理するデータベースを作って。」とお願いすれば、AIはすぐに適切なコードで作成してくれます。 Webサイト制作やアプリ開発の現場でChatGPTにしてもらうと便利なことをまとめた解説書を紹介します。 本書は、ブラウザ版のGPT-3.5をメインに導入方法をはじめ、ゼロからWebアプリを作ったり、在庫管理システムを作ったり、作業負担を軽減する小さなプログラムを作ったり、サイトの仕様書や規約などのドキュメントを書いたり、と実際に作りながらその使い方を学べる解説書です。最後の章ではGPT-4でのより完璧なコードで作る方法もあります。
React Three Fiberでシンプルなパーティクルアニメーションを実装してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアになりたてのぼこです（ついに2年目になってしまいましたが気持ち的には「なりたて」です）。 今回は、前回の記事で紹介したReact Three Fiberを使って、もう少し具体的な表現をしてみようということでパーティクルアニメーションの実装をしてみました。Webサイトのクリエイティブ表現といえばまずはパーティクル、みたいなとこありますよね（？） コードの量は少なめにシンプルな演出にしたので、React Three Fiberを始めたての人にも参考になると嬉しいです。
「マーケティングやりたい人」がマーケターに向いていない理由とは？ディノス・セシール石川氏＆WACUL垣内氏が世のマーケター像をぶった斬る！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
そこで記念すべき10記事目は、おなじみWACUL垣内勇威さん（@yuikakiuchi）と、その垣内さんが「この人は本当にすごい！」と太鼓判を押すディノス・セシールCECOの石川森生さんに取材の機会をいただきました！ BtoBからBtoC、大手からベンチャーとさまざまな企業におけるマーケティングを経験・支援されているお二人に、全マーケターが気になるテーマである「マーケターのキャリア」についてお話をうかがうことに。いったいどんな切れ味鋭い言葉が飛び出てくるのでしょうか……！（震） マーケターとしてスキルアップしたいみなさま、これからマーケターを目指すみなさま、心してご一読ください！ 株式会社ディノス・セシール CECO 石川森生 さん1984年生まれ。SBIホールディングス入社後、SBIナビ（現ナビプラス）の立ち上げ。その後、ファッション通販・マガシークでマーケティング責任者として、サイトリ
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
本記事に関しまして 今回弊社が企画制作し2021年9月28日付けに公開したPR記事に関しまして、不適切な表現があり読者のみなさま、ならびに関係者のみなさまにも不快な思いをさせてしまい、心よりお詫び申し上げます。 該当記事は30日午前に掲載を取り下げました。 お客様のサービスを魅力的に伝える立場にありながら、ハラスメントと捉えられるような表現を含む記事コンテンツを企画制作し、公開してしまいましたことを深く反省しております。みなさまからのご指摘のとおり、情報発信をおこなうメディアとして軽率な行動・判断であったと関係者一同、この事態を非常に重く受け止めております。 また、弊社が企画制作したコンテンツにご協力いただいた広告主のみなさま、ならびに出演者のみなさまに対して、誤解ある印象を与える結果となってしまったことを、誠に申し訳なく感じております。日頃から弊社とお取り引きしてくださっているお客様に対
アニメーション実装の選択肢のひとつになると思う。Lottieを試してみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイト制作時に今は当たり前のようにおしゃれなアニメーションがついてる時代がきましたね。 CSS3で実装できることも増え、あんまりゴリゴリJavaScriptでってことは減ってきてる気がします（もちろん必要なときはいっぱいあるのでケースバイケースですが）。 制作者としては、意図した通りのアニメーションをつくりたい、それもなるべく手間をかけずに、という思いがあるのではないでしょうか。 そんな悩みを解決してくれるかもしれない「Lottie」を試してみました！ ※今回、After Effectsの使い方はありません、ごめんね。JavaScript側の組み込み方の説明です。 Lottieとは Airbnb制作のiOSやAndroidにも対応したアニメーション用のライブラリです。Adobe After Effectsで作ったアニメーションを、そのままWebにもってこれるやつらしい。 一部使えない機能も
チートシートとは、覚えておきたいことをまとめた「カンニングペーパー、カンペ」のようなものです。この記事では、デザインやWeb制作の作業効率が上がるチートシートをまとめてご紹介します。 デザインの現場に欠かせないPhotoshopやIllustratorといったAdobe製アプリはもちろん、HTMLの基本やCSS FlexboxやGridといった覚えておくのが大変なものから、配色やタイポグラフィーの基本など、「あれ、どうやるんだっけ？」そんなときに役立つチートシートを、日本語版中心にまとめています。 デザインやWeb制作の作業効率が上がる便利チートシートまとめ Photoshopのショートカットキー早見表 Adobe謹製のフォトショップ用チートシート。数あるショートカットの中から、デザイナーによく使われているものをピックアップして一覧表にしているそう。PDFで保存し、印刷することもできます。
Photoshop&Illustratorでネオンサイン風ロゴを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして！ 4月から新卒で入社しましたナガレダです！ 入社して早々外出自粛になってしまい会社に行けなくてさみしいですが、自宅で元気に仕事しています！ 私事ですがコロナの影響で大学での卒業制作展覧会も中止になってしまい、この世の終わりのように落ち込んでおりました。さすがにもう立ち直りましたが。学校の展示という名目じゃないと著作権的に怖いのですべてをネットに載せることはできないし、そもそも学校の機材を借りて展示する予定だったのでこの先個人で展示もできない。キャプションまで作っていたのに……。 ……このままなにもせず成仏できないのは悔しい！！！！ ということで私が卒展の作品を作っているときに学んだナレッジを、実際に作ったデザインとともに紹介したいと思います！ ズバリ……ネオンサイン風ロゴの簡単な作り方です! Illustratorで元になるデザインを作る まずIllustratorでネオン管に
【初心者向け】Webデザインの基本やトレンドを学ぶ方法って？LIGデザイナーのおすすめを聞いてみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デジタルハリウッドSTUDIO by LIGの運営スタッフです！ デジタルハリウッドSTUDIO by LIGとは 株式会社LIGとデジタルハリウッドが業務提携をして始めた、クリエイター養成スクールのこと。現在、上野と池袋にて受講生を募集しています！ 前回、前々回で「Webクリエイタースクールってどんなところ？」をもっと知っていただくために、実際に通っている受講生や、在籍しているトレーナーにアンケートをとりました！
【VSCode】コーディングが楽になる！Web制作におすすめ拡張機能14選 - A'z DesignLife
VSCodeの拡張機能には、それぞれコーディング効率を格段に向上させてくれる機能がたくさんあり、どれを導入したらいいのか分からなくなりますよね… 私はなるべく効率よくコーディングをしたくて様々な拡張機能を試してみました。 その中でサイト制作に便利な拡張機能を見つけましたので紹介します。 今回は拡張機能の導入方法と機能別でおすすめの拡張機能を紹介していきます！
「Web制作会社」と名乗り続けながら、企業の本質的な課題に応えるという挑戦を続けていきたい｜ベイジ代表取締役の枌谷力さん
「Web制作会社」と名乗り続けながら、企業の本質的な課題に応えるという挑戦を続けていきたい｜ベイジ代表取締役の枌谷力さん 関東 2019.8.20 ツイート 0 シェア ブックマーク27 NTTデータ入社後、未経験にしてWebデザイナーへ転身。フリーランスを経てWeb制作会社・株式会社ベイジを創業された枌谷力さん。デザインは勿論、BtoBマーケティング・組織論などTwitterでの示唆深いツイートが魅力的な枌谷さんが考える、デザインに惹かれた切っ掛けやTwitterとBtoBの関係性、色々な言葉が生まれるこの時代に敢えて昔ながらの「Web制作会社」と名乗り続ける理由、ベイジが描く制作会社の理想図とは？
【最新】4大SNSのユーザーについて学ぼう ― 目的・ターゲット別で効果的なPR戦略を！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのあっきーです。この記事にたどりついたということは、「SNSって色々あるけど、それぞれどんなユーザーが利用してるの？」「男女比は？ 年齢層は？」などのお悩みを持っているのではないかと予測しています。 ダイレクトレスポンスマーケティングの世界的第一人者であるダン・ケネディ曰く、マーケティングで成功するためには「マーケット」、「メッセージ」、「メディア」の3Mを適切に選択することが必須です。 この記事ではそのなかの「メディア」についてフォーカスし、「4大SNSのユーザーの特徴、属性」がひと目でわかるようにまとめました。あわせて、広報戦略を考えるにあたって、どのような場面でどのSNSを利用すれば効果が見込めるかもご紹介します。 この記事はこんな人に役立ちます！ ・企業・店舗用のSNSアカウントを初めて作成する人 ・4大SNSのユーザー数、ユーザー属性について詳しく知りたい人
みなさんこんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 2020年は本当にたくさんのマーケターの大先輩を取材させていただき、コンテンツ作りの難しさやおもしろさを体感した1年でした。今回はそんな2020年の集大成ともいえる、年内最後のマーケター大先輩取材シリーズをお届けします！ テーマはずばり企業のマーケティング活動における「よいコンテンツの作り方」。取材相手はもちろんこの方！ 株式会社ベイジ代表の枌谷さん（@sogitani_baigie）です！ 株式会社ベイジ 代表/マーケター/デザイナー/ブロガー 枌谷 力 さん1997年にNTTデータに入社、4年間営業職を経験した後、2001年にデザイナーに転身。制作会社やフリーランスでキャリアを積み、2010年に株式会社ベイジ設立。BtoB領域を強みとするWeb制作会社の代表として、BtoBマーケティング、UX、デザ
「Web制作会社がなくなるってホント？」Web制作会社を14年間経営した筆者が現状と未来を検証してみた。 こんにちは。和田へいです。 経済産業省の統計によると、web制作会社を含む「課金・決済代行及びサイト運営業務」の2022年の合計売上高は、約1兆2191億円だそうです。 2019年から3年間で成長率が約30%と、新型コロナの発生に伴いインターネット業界の中でもweb制作周辺の売上高が急速に伸びているのがよく分かります。 出典：経済産業省 特定サービス産業動態統計調査うちの会社も似たような売上成長率になったのですが、手腕ではなく時代だといま理解しました。そんなコロナ特需とも言える状況の一方で、Google検索のサジェスト（候補キーワード）やtwitterでよく見かけるのが「web制作 オワコン」「web制作会社 なくなる」というフレーズ。 さもありなんと思いつつも、自分の中でも整理しきれ
BtoBマーケティングは結局「なんかよさそうな会社」と思わせることが大事！？行動経済学の専門家・松本健太郎氏インタビュー | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 みなさん、読書してますか？ 私は正直なところなかなか読書タイムを確保できておらず自分をビンタしたいところなんですが、話題の本はかろうじて手にとるようにしています。今回なんと、最近読んでおもしろかった本の1冊である『人は悪魔に熱狂する 悪と欲望の行動経済学』著者・松本 健太郎さん（@matsuken0716）に取材のお時間をいただけることに！！！ マーケター大先輩取材シリーズ第13弾です！！！ 株式会社JX通信社 社長室 マーケティングマネージャー 松本健太郎さん1984年生まれ。龍谷大学法学部卒業後、データサイエンスの重要性を痛感し、多摩大学大学院で”学び直し”。その後、株式会社デコムなどでデジタルマーケティング、消費者インサイト等の業務に携わり、現在は「テクノロジーで『今起きていること』を明らかにする報道機関
ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単
こんにちは。Webデザイナーのぱんちゃんです。 この記事ではデザインをする上で重要な要素である「余白」について解説します。 「デザインがごちゃごちゃしてしまってなんだか垢抜けない……」 「かといって余白を作るとスカスカしてしまいそうで怖い……」 そんな経験をしたことのある方向けに、余白の役割と効果的な使い方、意識するべきポイントを解説します。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 余白によって与える印象はこんなに変わる！ 余白はデザインをする上で非常に重要な要
【Photoshopの小技】切り抜きの精度をグッと上げる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさん、Photoshopで毎日切り抜いてますか？ 今回はPhotoshopの切り抜き精度を上げる小技をお伝えします。 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 切り抜く方法はたくさんある 画像を切り抜くためには切り抜く部分の選択範囲をとる必要があります。画像加工のすべては選択範囲から始まると言っても過言ではありません。 選択範囲を取る方法はたくさんあります。 ・クイック選択ツール ・オブジェクト選択ツール ・ペンツール ・被写体を選択を使う ・マスク機能 などなど、作業時間や目指す精度
New in Chrome 119 Chrome 119 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 119で追加された4つの新しいCSSの機能 CSSの疑似クラス「:user-valid」「:user-invalid」 CSSの相対カラー構文(RCS) CSSのclip-pathで「geometry-box」値 CSSのclip-pathで「xywh()」と「rect()」値 Chrome 119で追加された4つの新しいCSSの機能 11/1にリリースされたChrome 119で4つの新しいCSSの機能が追加されました。対象となるChrome 119は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その4つの新
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者にかなりオススメの解説書！ HTMLとCSSの今のテクニックを基本からしっかり学べるカピバラ本
Claude 3とGPT-4のコーディング性能を比較！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
北九州市のホームページ制作会社9選！HP作成でおすすめのWeb制作会社【2024年版】
これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ
エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Photoshopが重いときの対処法7選【決定版】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Kindleストアでインプレスの特大セールが開催！ Web制作・デザイン・イラスト関連の定番の良書が最安値でお買い得です
Web制作者が苦痛だと感じているselect要素の不満点と美しくスタイルするテクニック
法人向けレンタルサーバーCPI25周年：ネット老人会クイズ Web制作編
たまに役に立つWordPressのカスタマイズ5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
本記事に関しまして | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイン・Web制作の作業効率UP！便利チートシート17個まとめ
ベイジ枌谷氏に「よいコンテンツの作り方」を聞いた結果…… | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「Web制作会社がなくなるってホント？」Web制作会社を14年間経営した筆者が現状と未来を検証してみた。｜和田へい
デザインは余白でこんなに変わる！Webデザイナーが解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web制作者は要チェック！ Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能