ブランディングの基本的な考え方とフレームワークについて学ぼう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
では、ブランディングそのものはどう行えばいいのでしょうか。 ブランディングを行うには、ブランディングの定義について知る必要があります。また、定義だけでなく、わかりやすい事例をとおしてブランディングの全体像を知ることも大切です。 ブランディングの定義と全体像を把握することにより、なぜブランディングを行うのか、いまどのような状態にあるのかが整理されて、すべきことが明確になります。そうして、よりスムーズにブランディングを進められるようになります。 先日LIGでは、ブランディングをする上での基本的な考え方について理解することを目的に「ブランディング勉強会」を開催しました。勉強会の講師には、ブランディングウェブ戦略研究家の草間淳哉さんを招待しています。今回は、ブランディング勉強会の様子を用語の説明とともにお届けします。 💡厳選したおすすめのブランディング会社7選はこちらから ブランディングとは？
先輩デザイナーが教えてくれたトレンドインプット方法と参考アイデアの探し方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。前職はほぼ主婦、新人デザイナーのこばりんです。 Webデザイン業界って、技術やトレンドの移り変わりが激しいですよね。 LIGのデザイナーグループでは、毎朝15分間インプットタイムを設けていて、最近の気になるデザインニュースやアイデア、最新技術の情報などを持ち回りで紹介し合っています。 毎朝知らなかった情報やアイデアを共有してもらい、とても参考になっています！ そこで、みんなどこからそんな有益な情報やアイデアを得ているのだろう……と気になったので、先輩デザイナーたちにデザイントレンドのインプット方法とデザインアイデアの参考の探し方を聞いてみました！ 情報を自分で取りにいきたいけど、たくさんありすぎてどうしたらよいかわからない……そんな方の参考になったら嬉しいです！ 著者紹介：こばりん株式会社LIGの新人デザイナー。LIGが運営するWebデザインスクール「デジLIG」卒業後LIG
月100万円以上稼ぐ有名ブロガー3名に「ブログで成功するコツ」を聞いてきた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。観音クリエイションです。突然ですが、こんなことを思ったことはありませんか？ もしくは、 僕もLIGに所属しながら副業でブログを運営しているのですが、月間20万PV / 収益10万円ぐらいで頭打ちになってしまいました。欲を言えばもっと成長させたいし、もっと効率的に稼ぎたい。けど何をやったらいいのかわからない。 というわけで今回は、ブログやアフィリエイトで成功しているプロの方をお呼びして、 ブログ収益を伸ばすためにやるべきことは？ ブログ運営のために普段使っているツールは？ これからブログやアフィリエイトで「まずは月5万円稼ぎたい！」って人は何をするべき？ これまでの失敗談は？ ぶっちゃけいくら稼いでますか？ などなど、約2時間にわたってじっくりインタビュー。感想から先に言うと次から次へと役立つ回答を頂いて目からウロコのジャックポットでございました。 「これからブログを始めて収益化
Kindle Unlimitedで3ヵ月無料キャンペーンをしているので、Unlimited対象のWeb制作・デザイン・イラスト本をまとめました
Kindle Unlimitedで3ヵ月無料キャンペーン（申込は2023/7/12まで）が開催されているので、Unlimited対象となるWeb制作・デザイン・イラスト関連のKindle本をまとめてみました。 こんなに読めれば、十分に元が取れると思います。元といっても0円ですが。Unlimitedは他にも文芸や小説、マンガ、雑誌なども数多く対象となっており、3ヵ月間だけ登録するのもありです。 ※Unlimited対象は、2023/7/5時点の情報です。 まずは、Kindle Unlimitedが3ヵ月無料になるキャンペーンから。 99円とか199円とかはありますが、0円は二度見三度見レベルです。 Kindle Unlimited 3ヵ月無料キャンペーン ※キャンペーンの申込は、7/12まで。 Unlimited対象のカテゴリ別は、下記から。 Unlimited対象: Kindle本全体 U
【超簡単】WPでブロックエディタを自作できる、ACFとは？手順も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！「御徒町」を「つれづれまち」と読んでいたバックエンドエンジニアのまうみです。 今回はみんな大好きなWordPressプラグイン「Advanced Custom Fields PRO」（以下、ACFと省略）を使った、自作ブロックエディタの設定方法を紹介したいと思います。 ブロックエディタを自作する方法はいくつかあります。しかし、Reactの知識やjsをbuildするための環境構築が必要ですし、WordPressの実装経験がある方でも、ハードルが高い印象を受けるかもしれません。 また、WordPress本体のアップデートに合わせてメンテナンスをしていく必要もあります。いくらブロックエディタ自体の利便性が良くても、制作やメンテナンスにコストがかかるのは極力避けたいですよね。 そういったハードルをACFを使用することで解決し、簡易的にブロックエディタを開発することが可能です。ゼロからブ
東京都八王子市でホームページを作成したいと思っても、どのWeb制作会社に依頼すれば良いか、探すのが難しいのですよね。 そこでWeb制作の専門家であるプロが、八王子市にあるホームページ制作会社を1社1社調査して、おすすめの制作会社を厳選しました。 八王子市で評判の良いホームページ制作会社や、実力のある優良Web制作会社が知りたい方は、ぜひこちらの記事を参考にしてください。
Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you. Dappi「投稿した従業員は処分後も在籍中」とWEB制作会社。プライバシーを理由に詳細明かさず、裁判長は…フォロワー数17万人以上と、拡散力の大きいTwitterアカウント「Dappi」。主に野党やマスコミ批判の文脈から、国会答弁を編集した動画や、DHCテレビ「虎ノ門ニュース」の動画、インフォグラフなどを公開。その発信内容には不正確な点や誹謗中傷と批判されるものもあり、問題視されてきた。 Twitter上で野党批判を繰り返し、不正確な情報や誹謗中傷が問題視さ
昨年、当ブログでも紹介して好評だった「Web制作会社年鑑 電子版1冊まるごと無料」キャンペーンが、今年も実施されています。 無料期間は、2020年12月15日まで。 「Web制作会社年鑑2020」のPDF、電子版が無料でダウンロードできます。 定価4,800円が完全に無料です。総ページ数は400ページ、日本国内のWeb制作会社とその実績が網羅されており、Web制作者必携の1冊です。 自社や他社の実績を確認したり、Webサイトやスマホアプリのアイデアを見つけたり、転職時の参考資料やクライアントとして制作会社を探す時にも役立ちます。
Docker+WordPress+PhpStormでXdebugを使う手順 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
前回は、こちらの記事でDocker + WordPress + Xdebugな環境を作りました。 今回は、そこからさらにPhpStormでステップデバッグを実行できるようにしていきます。 Docker + WordPress + Xdebugの準備 はじめに、前回のDockerfileに少し手を加え、Xdebugの設定ファイルを利用できるようにします。なお、今回からはdocker-composeを利用していきますので、まずはディレクトリ構造を下記のように準備してください。PhpStormでプロジェクトを作成し、以下のようにファイルとディレクトリを用意します。 続いてxdebug.iniの中身です。 #xdebug.ini zend_extension=xdebug # Xdebugをどのモードで動かすか？ # ※これはプロセス起動時のみ設定可能なのでここでしか指定できません。 # 初期値は
UUIDとULIDの違いと種類を解説【ULID＝ソート可能なUUID？】｜東京のWEB制作会社・ホームページ制作会社｜株式会社GIG
UUID（Universally Unique Identifier）と ULID（Universally Unique Lexicographically Sortable Identifier）は、両方ともユニークな識別子を生成するために使用される技術です。 UUIDにはいくつかのバージョンがあり、この記事では、UUID v4、UUID v7、およびULIDについて説明し、それらの比較を行います。 弊社GIGは、ナショナルクライアントからスタートアップまで、Webコンサルティング、UI/UXデザイン、システム開発など、DX支援をおこなうデジタルコンサルティング企業です。データベース設計やWeb制作、DX支援のご相談はいつでもご連絡ください。 ■実績紹介 ■お問い合わせはこちら UUID・ULIDとは？UUID v4UUID v4は、ランダムな値に基づいて生成される128ビットの識別子で
世の中に溢れる「うざい広告」をプロが徹底解説！マーケターは必見です | Page 2 of 2 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
まこりーぬ なんか、すごいページを経由してきたんですけど…… 滝井 見たことありませんか？ こういうページ遷移の途中で表示される広告。 まこりーぬ たしかに良く見かけますね……次のページを読みたいくらいにモチベーションが高いユーザーだから、ここで離脱はしないんでしょうけど、正直ストレスですよね…… 滝井 2ページ目に気になる情報があることを示唆しながら、その途中で広告を挟む。たしかに「広告を見ていただく」ということだけを考えれば、これ以上ないタイミングではあります。しかし、ユーザー視点が完全に抜け落ちています。 まこりーぬ それは間違いないですね……この手の広告でイラッとしなかったことがないです…… 滝井 まず、そもそも意味のないページ分割もやめるべきなんですけどね。 滝井 さぁ、まこりーぬさん、いよいよ最高にウザい広告の登場ですよ！ なんだと思いますか？ まこりーぬ え……なんですかね？
・・・ こんにちは、エムハンドの山手（@mhand_yamate）です。 弊社では通年でWebディレクターを積極的に採用しており、入社後の新人研修プログラムの強化を継続的に行っております。今回の記事は、その新人研修プログラムの内容をまとめた記事です。今後、エムハンドのWebディレクター求人に応募してみようかなと、ご検討中の方に「入社後は安心の研修の仕組みがある」と思っていただければ幸いです。 まずはじめに今まで20年試行錯誤を繰り返しました。創業当時は研修なんて概念がなかったので未経験であってもいきなり現場に出て調べながらやる時期も長くありました。新卒採用からの育成をメインにしていた時期もありました。時間をかけて育ててたつもりでしたが、当時の弊社の組織形態ではそれもうまくいきませんでした。次に研修内容を体系的に整えて、専任トレーナーの下で、提案・クリエイティブ・制作指揮進行のディレクター業
Photoshop for iPadを検証 〜ペンツールは使える？〜 | 大阪のWEB制作会社ファーストネットジャパン
ホーム > アプリ紹介 > Photoshop for iPadを検証。【2023年版】使い方など基本情報を解説 ～ペンツールは使える？〜 iPad版Adobe Photoshopが2019年にリリースされました。 Photoshop iPad版はPhotoshopをiPad用として最適化した画像編集アプリケーションです。 タブレットのタッチ操作だけで編集作業を行うことができるので外出時の編集などに重宝します。 今回の記事では、iPad版Adobe PhotoshopはWEBデザイン制作業務で使えるのかを検証していきます。 個人的に使ってみたい機能はパスを使って写真を切り抜くペンツールです。 以前ApplePencilを購入したのですがあまり使う機会がないので、iPad版Adobe Photoshopを使うのに役立つツールになればと思います。 ※2023年1月に最新情報追加しています。 公
2022年のSEOはどうなる！？ SEOコンサルタントおおきさんに傾向と対策を聞きました！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エディターの平林享子（きょうこ, @cloverbooks）です。「SEOも強いオリジナル取材記事」という分野を追究しています。 さて、2022年のSEOを取り巻く環境はどう変化していくんでしょうか？ 傾向と対策を知りたい！ というわけで、今回はSEOコンサルタントのおおきさん（@ossan_mini ）に、これからのSEOについて押さえておきたい5つのポイントをお聞きしました！ SEOコンサルタント／おおきさん Twitterでの有益な情報発信で知られるSEOコンサルタント。事業会社、広告代理店のSEO部門、SEO会社などを経て2016年に独立。肩書きはSEOコンサルタントながら、実際にはデジタルマーケティング全般、ブランディングも守備範囲。 Twitter @ossan_mini Instagram @digitalmarketerjp ブログ「SEOの森」 https://se
エスdesign | 使えるデザインテク解説 on Twitter: "僕がバナー作成をするときの手順です。 この手順通りにデザインすれば、 絶対に良いバナーになります💡 画像を参考に、 是非試してみてください📌 #webデザイン #Web制作 https://t.co/YIZiQKlN5Q"
僕がバナー作成をするときの手順です。 この手順通りにデザインすれば、 絶対に良いバナーになります💡 画像を参考に、 是非試してみてください📌 #webデザイン #Web制作 https://t.co/YIZiQKlN5Q
ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単
DALL-E×ChatGPTでUIデザインを作成して実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Technology部のジョシュです。 今回は、OpenAIのDALL-EとChatGPTを使用して、UIデザインからコーディングまで行う方法を紹介します。 DALL-Eはテキストからリアルな画像を生成できるAIツールですが、添付された画像を分析し、それをもとにコードを生成することもできます。 本記事ではDALL-Eを使ってUIデザインを作成し、生成された画像をもとにChatGPTでTypeScriptのコード生成を行いました。実際に使用したスクリプトも紹介しつつ、実装までの流れを解説したいと思います。 DALL-EとChatGPTでデザインを作成する 基礎知識：今回使うツールについて 今回は下記3つのツールを使用します。 ChatGPT:テキストを理解し、会話を生成するために訓練されたOpenAIのAIモデル。今回のプロジェクトではアイデア出しやコードのブラッシュアップに使用
Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。 この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。 以前CSS便利ツールを集めた厳選リストの公開が2021年。あれからおよそ3年のあいだに話題となったツールを中心に紹介しています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 Web制作の面倒におさらば、CSS時短ツール厳選リスト CSS pattern backgrounds ジグザグやサークル円などシンプルな幾何学模様をつかったCSSパターンをコピペで利用できるオンラインツール。 CSS Polka Dot Generator ポルカドット柄を作成、カスタマイズできるCSSツールで、影を設定するとよりレトロな印象に仕上がります。 CSS
WordPressのプラグイン・ACF Extendedの充実した機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさい！ エンジニアのうーまーです。沖縄からフルリモートでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこともあります。そういうかゆいところに手が届くようにしてくれるのがこのACF Extendedです。 機能があまりにも多すぎてすべては紹介しきれないのですが、個人的にすごいと思う機能をいくつかピックアップして紹介したいと思います。 ACFとは？その拡張とは？ Advanced Custom Fields (ACF) とは、WordPressの投稿ページや固定ページ、カテゴリ、コメント欄など任意の箇所へ入力欄を追加できるWordPressの追加機能（プラグイン）です。 テキストや画
Web制作ツールの開発を手掛けるショーケース（東京都港区）は10月25日、同社のクラウドサービスが第三者の不正アクセスにより改ざんされたと明らかにした。利用するWebサイトで、ユーザーの入力した情報が外部に流出した可能性がある。 7月26日に取引先から、入力フォームの操作性向上ツール「フォームアシスト」のソースコードに不審な記述があると指摘を受けて調査。同ツールの他、マーケティングツール「サイト・パーソナライザ」、スマートフォン版サイト作成ツール「スマートフォン・コンバータ」で改ざんが見つかった。 ソースコードは修正済み。再発防止策も講じているという。流出の恐れがある企業には対象となる情報や期間を連絡した。所轄の警察署にも被害申告をしており、今後の調査にも協力するとしている。 関連記事 日清紡Gでもセキュリティコードなどクレカ情報1000件漏えいか ECサイト改ざんで 日清紡のグループ企業
埼玉県所沢市でホームページを作成したいと思っても、どのWeb制作会社に依頼すれば良いか、探すのが難しいのですよね。 そこでWeb制作の専門家であるプロが、所沢市にあるホームページ制作会社を1社1社調査して、おすすめの制作会社を厳選しました。 所沢市で評判の良いホームページ制作会社や、実力のある優良Web制作会社が知りたい方は、ぜひこちらの記事を参考にしてください。
あらゆる規模の高度な Web サイトの制作をサポートデザイン →複雑なデジタルエクスペリエンスをより直観的に制作できます。 開発 →カスタム機能を迅速に構築・デプロイできます。 AI 機能 →内蔵の AI ツールでワークフローを整理し、サイト制作を高速化します。 ビジネスソリューション →ネイティブツールを活用して多機能のビジネスサイトを構築できます。 ネットショップ →強力な EC ソリューションで、独自のネットショップを効率的にデザインできます。 管理ツール →プロジェクト、チーム、クライアントの一元管理に役立ちます。 CMS →ノーコードの動的コンテンツでサイト制作を加速できます。 SEO →高度な SEO 機能でクライアントの事業成長をサポートします。 マーケティングツール統合 →ネイティブおよびサードパーティアプリを統合して、サイトにより多くの機能を追加できます。 スキルアップと
東京都町田市でホームページを作成したいと思っても、どのWeb制作会社に依頼すれば良いか、探すのが難しいのですよね。 そこでWeb制作の専門家であるプロが、町田市にあるホームページ制作会社を1社1社調査して、おすすめの制作会社を厳選しました。 町田市で評判の良いホームページ制作会社や、実力のある優良Web制作会社が知りたい方は、ぜひこちらの記事を参考にしてください。
Technology部の町田です。 生成AIが台頭しはじめ早くも1年以上が経ちましたが、特に進歩がすさまじい技術の1つが画像生成AIです。画像生成AIを使えば、数秒で画像を生成できるようになりました。 ただし、自分がイメージしたような画像を生成するには、プロンプトがとても重要です。 そこで今回は、思い通りの画像を生成するためのプロンプト作成のコツをまとめました。 代表的な画像生成AIツールであるStable DiffusionとMidjourneyの使い方とあわせ、プロンプトの作成ポイントをお伝えします。 生成AIを業務で活用するには… 生成AIをビジネスや業務で活用するためには、導入時に直面する課題・リスクについても考慮する必要があります。生成AIの活用をご検討中なら、こちらのページで紹介している生成AIコンサルティング・導入支援を得意とする会社へご相談してみてください！ 画像生成AIと
ボタンを押すとタイトル・description・OGPが確認できるChromeの拡張機能作ったよ！【LIGアドベントカレンダー16日目】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ボタンを押すとタイトル・description・OGPが確認できるChromeの拡張機能作ったよ！【LIGアドベントカレンダー16日目】 こんにちは、ハルです。推してるアイドルが新曲を出してイベントをするたびにCDを買うので、どんどんCDが増えています。 Google Chromeの拡張機能を作ったので、「こんなの作ってみたよ！ よかったら使ってね！」という記事を書きたいと思います！ アドベントカレンダーでの記事ということもあり、「ワイからの皆さんへのプレゼントやでっ！」というよくわからない意気込みで作りました（ただ拡張機能を何か作りたかっただけ）。 LIGアドベントカレンダー2019は こちら！ どんなものを作ったか TDK Meta Checker TDK Meta Checkerという拡張機能をつくりました！ 閲覧中のheadタグ内のtitleタグやmetaタグのdescriptio
After Effectsでアニメーションをつくるチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのみやです。 去年の暮れにようやっとFlashからAfter Effectsに移行しました。 結果、それまでけっこう時間がかかっていたアニメーション制作が格段に楽になったので、使えるようになるまでに勉強した基礎的なことを噛み砕いてお伝えします。 今回伝えたいこと After Effectsの基本的なこと 基本的なアニメーションの作りかた なぜデザイナーの僕がアニメーションを作っているのか デザイン提案の際にアニメーションを含めて提案するためです。 言葉よりも絵、絵よりも動画の方が伝えられるイメージの量も質も上がります。限られた期間で作り、限られた時間でプレゼンをする中で、不要なやり取りを極力減らし、魅力をより伝えられるのではないかと考えています。 最近のサイトは細かなところでもアニメーションしていることが多いですよね。「実装時にはグリグリ動きます」ではクライアン
【SEO対策】画像形式WebPでデータを軽減し、検索順位を上げよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
そのなかでもみなさんが気になっているのはWebP（JPEGやPNG、GIFの各利点と高い圧縮率を兼ね備えた静止画像フォーマット）対応だと思います。実装にはいくつか方法があるのですが、まずどうやってWebP形式の圧縮画像を作ればいいのか。 一つひとつの画像を圧縮・WebP変換するにはGoogle謹製の画像処理サービス Squoosh がおすすめです、という話を前回させていただきました。しかし、このサービスの難点は、複数画像の一括処理がブラウザ上ではできないこと。 そう、「ブラウザ上では」。 コマンドライン版Squoosh 実はSquooshはコマンドライン版というものが存在します。というかむしろこっちが本命だと思われます。ちなみに今回の内容も非エンジニア向けなので、CLI（コマンドラインインターフェイス）と呼ばれるあの黒い画面にアレルギーが発症しない方はぜひトライしていただきたいです。 利用
Chrome 122に追加された、CSSの新しい機能3つを紹介します。 今回のアップデートは新しいプロパティを使えるようになったではなく、既存のものの仕様が変更されたという感じです。ここで紹介する機能はデフォルトで、有効になっています。 Chrome 122 beta New in Chrome 122 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サポートされていない機能を含む@containerクエリは一致しない CSSの::backdrop擬似要素は初期値を継承します CSSの@importのsupport()条件をサポートします はじめに 2/21にリリースされたChrome 122で3つのCSSの新しい機能が追加されました。対象となるChrome 122は、Andro
はじめまして、ライターの古閑です。 私はつい最近まで都内の大学に通う大学生でした。もともと文章を書くことが好きだったのですが、働くならマーケティングにも触れてみたいと思い、4月からライターとしてベイジで働いています。 大学で文章を書いていたとはいえ、プロのライターとしては実績がないため、代表の枌谷や編集者経験があるディレクターの五ノ井から、ビジネスコピーについて教えてもらいつつ、まずはwebサイト内のテキストのリライトなどの仕事をしています。 ベイジに入ってから知ったのですが、ライターが所属しているweb制作会社というのは実は少ないそうです。そんな中、ベイジが私のような未経験のライターでも重要視して採用したのは、これからのweb制作、ひいてはデジタルマーケティングにおいて、文章が書ける／コンテンツが作れることが非常に重要で、その力を会社全体で高めていきたい、という考えがあるからです。 今回
【Photoshopの小技】淡い色の背景でも白文字を読みやすくする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
白の文字を薄い背景にのせたいときありますよね デザインをしていると、薄い背景の上に白い文字をのせたいときってないですか？ 薄くて淡い空に白の文字をのせたいとき。 あると思います。 基本的にこれらを押さえれば大丈夫 白い文字をのせてみる まぁ読めるっちゃ読めます。読めるんだけど読みにくい。特に雲のせいで後半が読みにくい。 うん。 読ませたいならまずドロップシャドウ そういったときの解決策として、Photoshopのレイヤースタイルで影（ドロップシャドウ）をつけると思います。 レイヤーをダブルクリックするとレイヤースタイルが開きます。 ドロップシャドウを選択して影をつけます。 いつでもここから編集できるのがレイヤースタイルのいいところ。 影をつけてみました。 影つけたけどなんか汚くね？ ちゃんと読めるようになったけど……なんか汚くない？ どうも！シャドウです！あざます！ ってなってます。影の主
ただのワイヤーフレームと一歩差をつける！作成するときの10のコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのなべちゃんです！ 今回はWebサイト制作では欠かせない、サイトの骨格である「ワイヤーフレーム」の作り方について、紹介していきたいと思います。 LIGではデザイナーがワイヤーフレームを作成することが多いのですが、今回は先輩ディレクターでありデザイナーでもあるほそさんにフィードバックをいただきながら作成していきました。 お客様にとって内容がわかりやすいのはもちろん、デザイナーにとってもデザインしやすいという観点でのフィードバックが、目から鱗の内容だったので、今回学びのアウトプットとしてまとめていきたいと思います！ そもそもワイヤーフレームとは 冒頭でチラッと書きましたが、サイトの骨格・情報の設計図のようなものです。 Webサイトを作成するときに、いざデザインをするとなると、この情報は必要なかった、この情報は入れてほしい、表示順を変えてほしいと出戻りが起こってしま
これからのコンテンツSEOはどうなる？ SEOのプロ・ミエルカの月岡さんに聞きました！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
SEOで成果を上げるには、専門家を集めてチームをつくることが大事！ ▲月岡さんにオンラインでインタビューしました。 きょうこ：月岡さんは、私も愛用しているSEOツール「ミエルカ」のエグゼクティブ・マーケティング・ディレクターで、SEOの専門家でいらっしゃいますが、これからのSEOについて、月岡さんの予測や対策、心構えなどをお聞かせくださいますか。 月岡さん：逆説的ですが「SEOで成果を上げたかったら、SEOだけじゃダメ」というのが僕の持論です。 というのは、実際にSEOの成果を出すためには、Webサイトやサービス全体のプレゼンスを上げていく必要があるため、Webの施策に限らず、SNS、広報、営業、展示会やセミナーなど、さまざまなチャネルで自分たちのコンテンツや会社、サービスについて発信することが大事になっていきます。 なので、検索結果で上位表示されるためには、SEOのことだけを考えていても
神奈川県相模原市でホームページを作成したいと思っても、どのWeb制作会社に依頼すれば良いか、探すのが難しいのですよね。 そこでWeb制作の専門家であるプロが、相模原市にあるホームページ制作会社を1社1社調査して、おすすめの制作会社を厳選しました。 相模原市で評判の良いホームページ制作会社や、実力のある優良Web制作会社が知りたい方は、ぜひこちらの記事を参考にしてください。
社内のチャットツールをChatworkからSlackに移行しました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、もう右上で言うことがないよ、づやです。 実はLIGでは10月を持ちまして、全社的に利用していたチャットツールを移行しておりました。 移行の経緯や、移行の時に大変だったこと、困ったことをもろもろ備忘録としてまとめさせていただきます。 そもそもLIGの事情はどうなっているのか 弊社株式会社LIGはいろいろな事業を持っています。 2019年10月現在で、Web制作事業、コンテンツ制作事業、ゲストハウス事業、コワーキング事業、飲食事業、教育事業、アート事業です。 また事業ではありませんが、経理や人事、経営企画室、監査役が１人に取締役が4人存在しています。いちばん人数が多いのがWeb制作事業です。チャットツールは全事業で使われており、使っていたツールは「Chatwork（チャットワーク）」でした。 LIGでもいろいろお世話になっており、個人的には思い入れのあるサービスです。 ※こんな記事
Amazonで、Kindle本ゴールデンウイークセールが開催しています！ Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です！ セール期間は、2023年5月12日まで。 対象のKindle本は最安値（当方調べ）、久しぶりにセール対象になったものもたくさんあり、要チェックです！
クライアントへヒアリングする際に、つい聞き漏らしてしまうことってありますよね…。状況や担当者、ミーティングの流れなどで、プロジェクトごとにどうしても聞くタイミングが変わってしまうもの。 そこで、私はクライアントに書いてもらう用のシートとは別に、「自分用のヒアリングシート」を作って都度記入をして必要な情報の抜け漏れがないか確認するようにしています。 ディレクターさんやエンジニアさんと社内で共有するのも効果的なので会社員デザイナーさんも、フリーでお仕事されている方デザイナーさんも、ぜひ活用してみてください！ 記事の最後に、コピーして使えるテンプレート（GoogleスプレッドシートのURL）も置いてあります。 （１）ヒアリングシートの全体像A4に印刷するとそこそこ長いです。 （２）ヒアリングシートの項目一覧全部使う必要はないので、足したり引いたりアレンジしてみてください。 1. 基本情報1-1.
公開日:2020.4.26 ／ 最終更新日:2021.1.14 実はヤバい？aタグと別タブで開く（target=”_blank”）の使い方 HTML注意喚起ホームページ制作タグ ※ 2020年4月26日公開記事に一部追記を加え、2021年1月14日に更新しました。 ＜2021年1月14日更新＞ ※本記事の公開後に、 WordPressの仕様変更がありました。 WordPressのバージョンを5.1以降にアップデートすると、別タブで開く 「target=”_blank”」属性があるaタグに対して、自動で「rel=”noopener noreferrer”」が付加されるという仕様に変更されました。 文章だけでなく、以下のように写真に対して「新しいタブで開く」を選択した場合にも、自動で「noreferrer noopener 」が 追加されるようになっています。 それによりWordPress5.
Next.jsを勉強してみる その① 〜何も考えず環境構築編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
まいどです。LIGにジョインして5ヶ月経ちますが、コーディングしたステップ数はまだ100行に満たないバックエンドエンジニアのやなさんです。 とはいえ、私もエンジニア。現在の案件で採用されているNext.jsを勉強するため、勉強用の開発環境を構築することにしてみました。 Next.jsとは Zeit社が開発したユニバーサルなReactアプリの開発が可能なフレームワーク。よく比較されるフレームワークでいくとVue.jsを使って開発されたNuxt.jsなどがある。 今回はDockerを使って何も考えず、爆速（気分）で開発環境を構築してみようと思います。 とりあえず、立ち上げるまで頑張ってみる next.jsインストール # ルートディレクトリにsrcフォルダを作成・移動 mkdir src && cd src # Next.jsのアプリケーションの雛形を作成 $ npx create-next-
「スライダーを実装したい！」「でも何を使えばいいの？」という方に朗報です。 この記事ではスライダーを作成するプラグイン「slick」の設定方法から使い方、カスタマイズまでをしっかりばっちり説明していきます。 slickを使えばデザイナーやディレクターの要望にばっちり応えられること間違いなし！（かもしれません。） 目次 slick（スリック）とはslickの使い方～導入編～slickの使い方～実践編～slickの使い方～カスタマイズ編～slickの使い方～レベルアップ編～slickの使い方～もっとレベルアップ編～slickの使い方～まとめ～slick（スリック）とはslickはjQueryベースの、スライダーを作成するためのプラグインです。レスポンシブにも対応し、IE8以上のブラウザであれば完全対応で、カスタマイズの幅も広いため、世界的に利用されています。 また、商用の利用もOK（※ちょっぴ
ユーザーを飽きさせない！ワクワクするWebデザイン5選#2019年11月 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今月もめまぐるしく大変でしたね。お勤めご苦労様です。どうも、デザイナーのけんてぃです。 今回はミニマムなレイアウトながらも素敵な工夫のあるWebサイトをメインに、僕の好きなデザインを集めてみました。 肌ナチュール 炭酸クレンジング 公式サイト https://hadanature-rmc.jp/ こちらは炭酸を含んだ泡タイプのクレンジングで有名な肌ナチュールの公式サイトです。 ミニマムなレイアウトは清潔感があり情報の見やすさに長けている反面、単調に見える懸念があります。 ですが、今回紹介しているサイトはミニマムながらもダイナミックなレイアウトとアニメーションや配色で上手くリズムを作っているので、見ていて飽きません。 メニュー画面やストーリーページなど、どのページを見ても参考になるので他のページもぜひ回遊してみてください。 株式会社サーキュレーション https://circu.co.jp/
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
八王子市のホームページ制作会社7選！HP作成でおすすめのWeb制作会社【2024年版】
Dappi「投稿した従業員は処分後も在籍中」とWEB制作会社。プライバシーを理由に詳細明かさず、裁判長は…
2020年版！日本国内のWeb制作会社と実績が網羅されたWeb制作会社年鑑のPDFが、無料でダウンロードできます
ディレクターの新人研修について｜エムハンド｜Web制作会社
Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】
Web制作サービスが改ざん被害に 利用したサイトで情報流出の恐れ
所沢市のホームページ制作会社8選！HP作成でおすすめのWeb制作会社【2024年版】
Wix Studio | 制作会社・企業向けの Web 制作ソリューション
町田市のホームページ制作会社7選！HP作成でおすすめのWeb制作会社【2024年版】
画像生成AIで思い通りの画像を生成するプロンプトのコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web制作者は要チェック！ Chrome 122で新しく追加された3つのCSSの機能
なぜweb制作ではコピーが手薄になるのか？ | knowledge / baigie
相模原市のホームページ制作会社8選！HP作成でおすすめのWeb制作会社【2024年版】
Kindle本のゴールデンウィーク特大セールが開催！ UIデザイン、Web制作、イラストの良書が半額でお買い得です
WEB制作でクライアントへの確認漏れ対策！自分用・社内共有用のヒアリングシートを使おう | デザインメモ 2.0
実はヤバい？aタグと別タブで開く（target=”_blank”）の使い方 | 名古屋のホームページ制作なら ＷＷＧ ｜ 企業のWeb制作会社
slick sliderの使い方からカスタマイズまで【スライダープラグイン決定版】 | 東京のホームページ制作 / WEB制作会社 BRISK