意外と奥深いCSSのfont-weightの話 - ICS MEDIA
普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまうこともあります。 この記事ではフォントウェイトのまつわる落とし穴と、それを回避するための方法を紹介します。エンジニアだけでなく、デザイナーの方にも役立つ内容です。 Noto Sans JPを例にフォントのウェイトの設定を変えながら見え方を確認できるデモページを用意しました。ぜひ試してみてください。 サンプルを別ウインドウで開く コードを確認する アンチエイリアス まず、アンチエイリアスについて簡単に説明します。アンチエイリアスとは、画面上で表示される輪郭を色の濃淡などを用いて滑らかにする処理
事業サイトをWordPressブロックテーマに切り替えてみた所感 | オレインデザイン
これまで長い間、こちらのサイトでは WordPress プレミアムテーマの Snow Monkey を活用してきましたが、自身の学習と検証のためにもブロックテーマを活用して実験的に運用してみようと思い、オリジナルのブロックテーマに切り替えました。 本記事では、こちらのサイトで実際に利用しているオリジナルのブロックテーマの制作の流れや、制作を通じて感じたこと、運用を始めて感じたことなどをまとめてみたいと思います。 本記事執筆時の本サイトの環境は以下の通りです。 WordPress 6.3 テーマ：オリジナルブロックテーマ 使用プラグイン All-in-One WP Migration All-in-One WP Migration Dropbox Extension Disable Comments HIghlighting Code Block Performance Lab SEO SI
IllustratorのPDF書き出し時のハイパーリンクの保持とパラメーター保持しているときのトラブル｜DTP Transit 別館
2023年6月リリースのIllustrator 2023（27.6.1）から、書き出すPDFにハイパーリンクを保持できるようになりました。 ハイパーリンクを保持するには、PDF書き出し時のダイアログボックスにて［ハイパーリンクを保持］オプションをONにします。 このオプションは、〈PDF/X〉や［雑誌広告送稿用］などのプリセットを選択しているときには無効です。 Illustratorでのハイパーリンクの設定方法Illustratorでのハイパーリンクの設定方法は次の手順で行います。 ［属性］パネルを開く ここではテキストに対して設定していますが、図形でもOKです。2. リンクを設定したいオブジェクトを選択して、［イメージマップ］に「長方形」を選択 「長方形」のほか、「多角形」でもOKです。3. ［URL］にリンク先を入力（コピー&ペースト） 地球儀アイコンをクリックするとブラウザーが開き、
ブリヂストンがEV向け技術を備えたタイヤをモータースポーツに初投入、MCN比率は63％
ブリヂストンは冠スポンサーを務めるソーラーカーレース「2023 Bridgestone World Solar Challenge」の概要について発表した。 ブリヂストンは2023年8月29日、東京都内で会見を開き、同社が冠スポンサーを務めるソーラーカーレース「2023 Bridgestone World Solar Challenge（BWSC2023）」の概要について説明した。 BWSC2023ではシリコンパネル太陽電池の使用が義務化 BWSCは、高いエネルギー効率と安全性が要求されるソーラーカーのレースで、車両開発には空気力学、電気工学、電子工学などさまざまな分野の知識が求められる他、世界最高峰のソーラーカー技術が集結し、持続可能なモビリティの次世代革新技術の開発競争が行われる。 さらに、さまざまな国／地域から集まった学生による40以上のチームが参加しており、ソーラーカーの開発は、学
CSSの新機能@scopeが便利すぎる！ セレクタの適用範囲を設定できる、@scopeの基礎知識と使い方
CSSでこの機能を待ち望んでいた人もいると思います。 セレクタの適用範囲を設定できる@scopeがいよいよChromeでサポートされます。@scopeの基礎知識と使い方を紹介します。 たとえば、下記のHTMLにはimgが2つあります。@scopeを使用すると、1つ目の.media-object直下のimgにのみスタイルを適用できます。.content内のimgはターゲットにされません。 A quick introduction to CSS @scope by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS @scopeがなぜ必要なのか CSSカスケードの仕組み CSS @scopeの基本的な使い方 @scopeのさらに優れた使い方 はじめに CSSの@scopeについてご存じですか？ @sco
Googleがコーディング補助やデータ解析が可能なAIサービス群「Duet AI」のプレビュー版をGoogle Cloudに導入
Googleが作業補助AIサービス群「Duet AI」のプレビュー版をGoogle Cloudに導入したことを発表しました。Duet AIにはコーディングやデータ解析などに役立つAIが含まれており、記事作成時点では無料でテスト可能です。 Duet AI | Google Cloud https://cloud.google.com/duet-ai Duet AI in Google Cloud Preview | Google Cloud Blog https://cloud.google.com/blog/products/ai-machine-learning/duet-ai-in-google-cloud-preview Googleは「Googleドキュメントでテキストを補完できるAI」や「Googleスプレッドシートでデータを分析するAI」などの作業補助系AIをまとめて「Du
Google、SGE (Search Generative Experience)を日本でも試験提供開始
[レベル: 上級] Google は、日本での SGE (Search Generative Experience) を開始した模様です。 生成 AI が日本語で回答を作成 日本の Google で SGE が生成したスナップショットです。 VPN は利用しておらず、日本の自宅からいつもと同じように google.co.jp に普通に接続しています。 Google アプリからのモバイル検索でも SGE が稼働しました。 クエリによっては、スナップショットが自動で生成されない場合もあります。 「AI による概要を生成しますか？」と尋ねられ、「はい」を選択すると SGE が起動してスナップショットを作ります。
意図せず自動作成されてしまったGA4プロパティを削除する方法 | 株式会社プリンシプル
ユニバーサル・アナリティクスからGA4への完全移行の締切から約2か月が経過し、徐々にユニバーサル・アナリティクスの集計が停止するプロパティが増えてきました。 また合わせて、ユニバーサル・アナリティクスからGA4への移行の際に自動マイグレーション・オプトアウトの設定漏れにより、意図せず自動移行GA4プロパティが作成されてしまったケースも散見されます。「自動作成されたGA4プロパティ」と「きちんと手動設定したGA4プロパティ」が混在してしまうと、レポートを見る際にも「どのGA4プロパティが正しいプロパティか？」と迷うことがあるため、不要なプロパティはできるだけ削除するべきです。 本記事では、意図せず自動作成されてしまったGA4プロパティを削除する方法を説明します。 GA4プロパティを削除する際の問題点 自動作成されたGA4プロパティは、対応するユニバーサル・アナリティクスと接続された状態で作成
【GA4】探索：間違いやすい指標について | CCI Analytics
こんにちは。CCIのアナリティクス担当の谷井です。 前回のコラムでは間違いやすいディメンションについて解説しました。 探索の指標においても数多く存在し、似たような名称の指標もあります。 今回は間違いやすい指標を解説しますので、違いを理解しましょう。 ■アクティブユーザー数／総ユーザー数 まずは、Googleの公式ヘルプに基づいた定義を記載します。※Googleヘルプ アクティブユーザー数：エンゲージメントセッションが発生したユーザー、 first_visitイベントが発生したユーザー、 engagement_time_msecが発生したユーザーの数 総ユーザー数：サイトに訪問したユーザーの総数 アクティブユーザー数は定義を見ただけでは分かりづらいかと思いますので、 定義をひとつずつ説明していきます。 「エンゲージメントセッション」とは サイトに10秒以上滞在したセッション、CVしたセッショ
検索結果一覧 | KDDI News Room
検索結果一覧のページです。気になるテーマのタグから、KDDIに関する最新情報をご覧いただけます。
レスポンシブデザインとブレイクポイントについて改めて整理してみた
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回は、「レスポンシブデザインとブレイクポイント」についてです。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回はウェブサイトのレスポンシブデザインと、そのうえで重要なブレイクポイントについてです。レスポンシブやブレイクポイントは、デザイナーやエンジニアの皆さんにとっては当たり前の手法として用いていると思いますが、PCやタブレット、スマホなどさまざまなデバイスが登場し、多種多様な閲覧・活用方法があるため、改めて整理してみたいと思います。 各デバイスは解像度が大きくなり数年前とはサイズが大小さまざま違います。そんな中で現在の主流となったデバイ
［速報］Google、AIが支援してくれる「Duet AI」サービス群を多数展開へ。Google WorkspaceやBigQuery、Looker、Meet、Chatなど。Google Cloud Next '23
［速報］Google、AIが支援してくれる「Duet AI」サービス群を多数展開へ。Google WorkspaceやBigQuery、Looker、Meet、Chatなど。Google Cloud Next '23 Googleは、8月29日（日本時間の30日未明）から米サンフランシスコで開催中のイベント「Google Cloud Next '23」で、AIが人間の作業を支援してくれる「Duet AI」サービス群を多数発表しました。 同社が提供するオフィススイート製品であるGoogle Workspaceをはじめ、大規模データ分析サービスのBigQuery、オンライン会議サービスのGoogle Meet、チャットサービスのGoogle Chatなど、多数のサービス向けにAIによる支援サービスが展開されます。 オフィスツールから開発、運用、セキュリティ対応まで支援 今回発表されたものとすで
生成 AI による検索体験 (SGE) のご紹介
Google は、20 年以上前に日本で Google 検索の提供を開始しました。それ以来、常により良い体験となるよう機能をアップデートしてきました。AI と機械学習の進歩により、Google の検索システムはこれまで以上に人間の言語を理解することができるようになりました。そして本日より、国内で Google 検索の新機能として生成 AI による検索体験 (SGE -Search Generative Experience) の日本語版の試験運用を開始します。 Search Labs に Google アカウントを登録することで、デスクトップの Chrome ブラウザと スマートフォンの Google アプリ（ Android および iOS ）でご利用いただけます。 生成 AI による検索の進化生成 AI の新たな技術進歩により、検索エンジンの更なる可能性を再考することができ、新しいタイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KDDIとスペースX、衛星とスマホの直接通信サービス提供へ 2024年内目処
Google Workspace、自動資料作成や会議要約など「Duet AI」開始
グーグルが日本でも｢生成AIでググる｣検索をスタート、慎重にテストする狙いとは
Google、自動でプレゼンスライドを作成する「Duet AI」。月額30ドルでプレビュー