投稿

CSSで読みやすい文字の色を設定する

イメージ
Webデザインにおいて、明るい背景色に明るい文字、暗い背景色に暗い文字を配置すると、視認性が低下します。誰にでも読みやすいデザインにするためには、背景色と文字色のコントラスト比を高くする必要があります。 WCAGのAA基準では、このコントラスト比を4.5:1以上にすることが推奨されています。 Web Content Accessibility Guidelines (WCAG) 2.2 CSSではcontrast-color()関数を使用することで、背景色に応じて読みやすい文字色を計算することができます。 この関数は、指定された色に対して白か黒のうち、よりコントラスト比の高い色を返します。 .content { background-color: var(--bg-color); /* 背景色に応じて、自動で白か黒の読みやすい方が選ばれる */ color: contrast-color(var(--bg-color)); } ただしグレーのような中間色の場合、必ずしも最適な色になるとは限りません。それでも、色の管理がしやすくなり、とても便利な機能です。 5/19(火)~ 5/20(水)開催の バックオフィスDXPO に出展します。

Google ChatからのMeetリンクについて

イメージ
Google Chatから、朝礼や夕礼、各種会議の際にMeetリンクを作成して利用しています。 少し前まで、iPadアプリ上でMeetリンクが表示されなくなる事象が発生しており、やむを得ずPCでリンクを作成し、iPadで利用するという手間がかかっていました。 不具合だったようで、気がつくとiPadでも再びリンクが表示されるようになり、無事に復旧していました。 改修によって使えていた機能が突然使えなくなると、業務の中で小さな手間が増えてしまいます。こうした小さな負担も積み重なると、結果的に大きな時間ロスにつながると改めて感じました。 今回の件は無事に復旧して安心しましたが、日々の業務効率を考えると、こうした変化には注意していきたいところです。

アップデート

イメージ
5月から、職場体験を希望している実習生の受け入れを行います。 そこで今回、実習生の特性に合わせて企業実習のカリキュラムを見直しました。 とはいえ、実習内容を大きく変えたわけではありません。 これまでの流れを活かしつつ、開発環境をアップデートし、カリキュラム一つひとつの目的を改めて整理した、というのが今回の見直しのポイントです。 見直しを進める中では、もちろんAIも活用しました。 ひとりで考えていると、どうしても視点が偏ったり、考えが煮詰まってしまうことがありますが、考えをアウトプットして、それに対して別の角度からの意見が返ってくることで、新しい気づきにつながります。 AIが相手であれば他の人の時間を気にする必要がなく、気軽に相談できる点も大きなメリットです。 指摘や意見を受けることで内容が整理され、結果としてカリキュラムのブラッシュアップにもつながりました。 カリキュラムは一度作って終わりではなく、時代や状況に合わせて見直していくことが大切です。 今回のように事前の整理はもちろん、実習の進捗に応じてその都度柔軟にアップデートしていくことも、これからは求められていくのかもしれません。 5/19(火)~ 5/20(水)開催の バックオフィスDXPO に出展します。

パソコンでデータを扱うときに知っておいてほしいこと

イメージ
システムではCSVファイルをよく扱います。 ところが、このCSVファイルをExcelで開くと、値が変わってしまうことがあります。 「001」が「1」に、「2024-01-01」が「45292」に変わったり、自動的に形式が変換されてしまうのです。 なぜ?とAIで深堀りしてみても、 「Excelはデータを自動的に解釈して、最適だと思う形式に変換する仕様になっている」 そういうもの、ということです。 テキスト形式で開く方法もありますが、大多数のユーザーはそんなことはしません。 CSVという拡張子を見て、ダブルクリックするだけです。 「CSVをExcelで編集して、Excel資料として使う」なら、自動変換のおかげで見やすくなります。 でも「CSVを加工して、またCSVとして別のシステムに流す」なら、値が変わってしまい非常に困ります。 多くのユーザーはこの違いをあまり理解していません。 本来、Excelで開くなら「データの取得機能」を使うのが推奨されています。 ダブルクリックは簡易的な操作で、データの正確性が必要な場合は不適切です。 CSVの編集が必要なら、テキストエディタやCSV専用ツールの利用をおすすめします。 値の変換を心配することなく、安心して編集できます。 データを扱う際には、こうした背景を理解しておくと、予期しないトラブルを防げるでしょう。 インプラス株式会社

ニホンタンポポ

イメージ
地域清掃で回っている公園にニホンタンポポが咲いていました。見分け方は花の付け根部分がささくれずにストンと落ちているというポイントです。 よく見かけるセイヨウタンポポと比べると、1つの個体で群落を作っている、葉がロゼッタ状にならずに立ち上がっている、花が高く伸びているなどの違いがありました。 花が終わると見分けるのが難しくなってしまいますが、妙に大きかったり、葉が立っているものはニホンタンポポかもしれません。 バックオフィスDXPO (5/19(火)~ 5/20(水)開催)に出展します。

「仏教と儒教」(ひろさちや)

イメージ
  「仏教と儒教」(ひろさちや)を読みました。 仏教についてはそれなりには知っていたので儒教のところを集中して読もうと思って手に取りました。正直あまり面白くなく途中から飛ばし読みをしました。 いずれ「仏教と儒教」(荒木見悟)が読めるくらいの知識を身に付けたいものです。

C#でもユニオン型

イメージ
  2026年11月にリリースを予定されている.NET 11ではC# 15がサポートされます。C# 15で新たに追加される機能の一つがユニオン型です。 ユニオン型とは、指定した複数の型のうち、いずれか一つの値を持つことができる型のことです。 public record struct Cat(string Name); public record struct Dog(string Name); public record struct Bird(string Name); public union Pet(Cat, Dog, Bird); Valueプロパティから値をObject?型として取得できます。 Pet pet1 = new Dog("Rex"); Console.WriteLine(pet1.Value); // Dog { Name = Rex } Pet pet2 = new Cat("Whiskers"); Console.WriteLine(pet2.Value); // Cat { Name = Whiskers } ユニオン型の真価は、switch式と組み合わせたときに発揮されます。コンパイラがパターンをチェックしてくれるため、型の安全性が高まります。パターンが不足していればビルド時に警告が出るため、バグを未然に防ぐことができます。 Pet pet = new Dog("Rex"); var petDescription = pet switch // この switch 式では入力型の可能な値がすべて扱われるわけではありません (すべてが網羅されているわけではありません)。たとえば、パターン 'Bird' がカバーされていません。 { Dog dog => $"It's a dog named {dog.Name}", Cat cat => $"It's a cat named {cat.Name}", }; Console.WriteLine(petDescription); // It's a dog named Rex まだプレビュー段階の機能ですが、正...