この記事は、アクセシビリティ Advent Calendar 2024 - Adventar の10日目の記事です。 初めまして、たじまん です。zennのブログ投稿デビューします。 私はとある会社でアクセシビリティエンジニアという名前で、プロダクトチームのイネイブリングなどをするお仕事をしています。 このブログを書くことになったきっかけ 昨今のwebフロントエンド界隈では、コントラスト比やフォームコントロールのアクセシビリティネームをきちんと設定したりと当たり前品質が高まっている気がします。いろんな人がサービスを作る時の指針に「使えるの範囲の広さ」を入れていることが嬉しいです。 そこで、そういったアクセシビリティちょっと気にし始めましたというエンジニアへむけて「強制カラーモード」という使い方があることを紹介したいと思います。 強制カラーモードとは？ 強制カラーモードとは、色のコントラスト

2024.12.11 エンジニア組織のリアルな失敗経験から学ぶ！ 生産性向上＆チーム強化Tips

STEP2. アウトプットを実現するために必要なデータソースを書き出す アウトプットの整理ができたら、今度はインプットとなるデータソースの整理を行いましょう。 必要なデータソースは要件から読み解くことができます。 今回は「10代のユーザーの月間視聴数（性別 / 動画カテゴリごと）の推移をグラフで見たい」という要件です。 ここから、この分析に必要なエンティティ（実体）とその属性、集計値を抽出しましょう。 エンティティと属性 ユーザー 性別 年代 動画 カテゴリ 集計値 視聴数 これらのデータを管理するテーブルを、調査やヒアリングを実施して探します。 今回は以下のテーブルを使用することとします。 user：ユーザー登録に必須な入力項目を管理するテーブル user_profile：ユーザーが登録後に設定できる任意の入力項目を管理するテーブル video：ユーザーが投稿した動画を管理するテーブル

英語を学ぶって、本当にお金と時間がかかる…！ 外国人に道を尋ねられたとき、就活などの人生の大切なターニングポイント、そしてお仕事の場など、英語力が必要とされる場面が格段に増えてきました。 まず家でできるリーズナブルなオンライン会話を始めようと思っても多忙でなかなか続かず、思い切って塾に通おうと思うと数十万の費用で手が出せないなど…お金や時間が課題で挫折しがち。そんなこんなでハードルが高いと思われがちな英語学習ですが、実はChatGPTを使えば、英会話からリーディングやライティングの対策までできちゃうんです♡ 今回は現在イギリスの大学に留学中のライターKが、ChatGPTがあれば完結する、コスパ抜群の英語学習法をお届けします。 スピーキング ①ChatGPTと英会話 「え？ ChatGPTと英会話？ どうやって？」と思った方も多いかもしれません。 実際に私がやっているのは、「シチュエーション

癌治療を専門にしている医師ですが、夜寝付けなかったので、 癌になった時にまず最初に知っておいて欲しい事をかいてみました。 結論いかに早く治療を開始できるかで癌の治りやすさが変わります。 そして、あなた（患者）の頑張りで、治療開始日は大きく変化します。 今回は、知っておいて欲しい癌の知識について書いた後、癌の疑いがあると言われた時の治療開始RTAのコツについて書きます。 （RTA:リアルタイムアタック、いかに早くゲームをクリアできるかの挑戦の事） --- 知っておいて欲しい癌の知識 癌は、ひたすら増え続けるおかしな細胞人間の体は細胞で出来ていて、正常な細胞は決まった日数で細胞分裂して増えますし、決まった日数で死にます。例えば皮膚の細胞は1か月くらいで新しくなって、古い細胞は死んで垢になります。このバランスが保たれているのが通常です。 ただ、変な細胞も一定の割合で発生します。決まった日数で死な

2. 駐車場に停めたクルマを探す 特定の場所を目指して進みたい場合には、「ウェイポイント」という機能が使えます。 この「ウェイポイント」とは、要するに特定の地点を登録しておく機能。登録した地点が、コンパスアプリ上で目印として表示できるのです。 これに関連して日常生活で特に便利なのが、「停めたクルマを探す」という使い方。実は、一定の設定条件（※）を満たしておくと、iPhoneがBluetooth等で接続した車両について、接続が切れた時点での位置情報（つまり、クルマから降りた場所）が、自動でウェイポイントとして表示されるようになっています。 つまり、初めて訪れた街の適当なコインパーキングや、広いショッピングモールの駐車場、広大な空港併設の駐車場など、「アレ…どこに停めたっけ？」とうっかり忘れてしまった場合に、コンパスアプリを開くだけで、クルマまでの方角をチェックできます。 操作としては、コンパ

幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの変更があった際はCSSも変更する必要もあります。 そこでstretchキーワードを使用すると、便利です。要素はオーバーフローせずに使用可能なスペースいっぱいに表示され、マージンの計算も必要なくなります。 The stretch keyword: a better alternative to width: 100% in CSS? by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに width: 100%;が便利な例 width: stretch;の使い方 stretchのサポートブラウザ

iPhoneやiPadでは使う機会が多い【DFUモード】 強制的に工場出荷時と同じ状態に初期化することができる方法で、OSのアップデートエラーなどでうんともすんとも言わない文鎮化した場合の解決方法としてSMARTでも使っています。 前回のMacOS12 Montereyの文鎮化問題の際にMacBookにもDFUモードがあることがわかりましたので、DFUモードへの入り方等をご紹介します。 MacのDFUモードとは？ Appleの公式サイトには、 macOSのアップデートやアップグレード中の停電など、非常にまれな状況でMacが反応しなくなった場合は、ファームウェアを復活させる/復元する必要がある場合があります。 https://support.apple.com/ja-jp/guide/apple-configurator-2/apdebea5be51/mac という記載があります。 完全に起

Apple M4/Proチップを搭載し新デザインとなった「Mac mini (2024)」は、これまでのMac miniとDFUポートが異なるのでファームウェアの復元やSSDのアップグレード時には注意してください。詳細は以下から。 Apple T2チップとApple Siliconを搭載したMacでは、macOSのメジャーアップデート時などでファームウェアのアップデートに失敗し文鎮化[1, 2]すると、MacがDFU(Device Firmware Update)モードに陥り、

こんにちは、JADEのコンサルタントの郡山です。 「GA4をWebマーケティングに役立てたいが、独学で実務に活かすことは難しい」 そんな声をよく耳にします。 BigQueryへエクスポートをして、カスタム設定やダッシュボードも一通り揃えた環境でGA4を活用できる体制まで築ければ理想的です。 ですが、まずはGA4管理画面でできることをひとつずつ理解・実践していくノウハウをお伝えすることに意義があるのではと感じています。 そのような思いから、JADEブログで毎月１回「Webマーケティングの担当者がGA4を活用するための、現場で役立つノウハウ」を発信することにしました。 今回はGA4の探索レポートで利用できる「セグメント」の作成例を挙げながら、活用方法について解説します。 こんなことを解説します！ セグメントの基礎知識や、保存できる機能についてはこちらをどうぞ。 blog.ja.dev これまで

年末調整が難しすぎる（令和６年度版）https://anond.hatelabo.jp/20241115174825 を読んで大変そうだなあ。確定申告すればいいのにと思いました。 年末調整は会社の義務だけど、従業員は全ての税処理を年末調整でする必要はない。年末調整を行うのは会社の義務ですので、会社は年末調整をしないといけません。 ただし従業員は全ての項目を年末調整で行う必要はありません。 最低限の項目だけ入力して提出しても大丈夫です。 控除の申請を確定申告で行っても何も問題ありません。 最終的にちゃんと申告し納税すれば大丈夫です。 年末調整のシステムは会社ごとにバラバラ。年末調整の社員の手続き方法は、会社ごとによってかなり違います。 年末調整の手続きシステムは、一般の企業が開発しているものを、それぞれの会社が契約して、従業員に使ってもらっています。 どのサービスと契約しているかによって、手

sponsored Backlogに招待するだけでは「使ってくれない」、ではどうする？ うまくいく！ 複数人チームでのプロジェクト・タスク管理立ち上げの方法 sponsored 手軽に“壁100インチ”の大画面を楽しもう！ 自宅が映画館になる「JMGO N1S Ultra 4K」を推す理由 sponsored JN-38i160U-H-C9をレビュー PS5 Proの4K/120fpsプレイを大迫力で！38型でKVM機能付きのゲーミング液晶がかなりイイ sponsored CyborgやThin、Clawなどが最大25%オフ！ AmazonブラックフライデーでMSIのゲーミングPCが即ポチレベルの格安価格で買えるぞ！ sponsored リモートワーク環境はまだまだセキュリティ対策が不十分 ハイブリッドワーク中の社員PCがフィッシング詐欺被害！ どうやったら防げた？ sponsored 高

こんにちはイワツカです。 食欲の秋ということでサツマイモやキノコが美味しい季節ですね。 さて今回は、生成AIを使おうと思ってもプロンプトの書き方がよく分からず、生成AIから思ったような回答を得られない...なんて方におススメのOpenAIのプロンプトジェネレーター機能を紹介します。 1. プロンプトジェネレーターとは 使い方 2. ユースケースごとのプロンプトと結果比較 Pythonコードのリファクタリング プロンプトジェネレーターを使わない場合 プロンプトジェネレーターを使う場合 API設計 プロンプトジェネレーターを使わない場合 プロンプトジェネレーターを使う場合 ブログ作成 プロンプトジェネレーターを使わない場合 プロンプトジェネレーターを使う場合 3. まとめ 1. プロンプトジェネレーターとは プロンプトジェネレーターとは、その名の通り、AIに対する指示文（プロンプト）を自動的に

本当においしい。 簡単、楽しい「カレーブック」 売上No.1のアナンのスパイスセット。わずか数ステップで、ひとつひとつのスパイスの香りを楽しみながら、本格カレーが出来上がります。 商品を見る

はじめに エンジニアの皆さん、日々のお仕事や勉強お疲れ様です。 続けていると、スキルレベルや経験の差などで他人と自分を比較してしまうことは良くありますよね。 そんな時に「他者と比較するよりも昨日の自分と比較する」というのは有効なアプローチだと思います。 しかし、「それが大事なのは頭ではわかった、それでもついつい他人と比較してしまうんです」という方も少なくはないでしょう。 私も腐るほどこのテーマで悩みました（現在進行形かもしれない） こちらは、その「他者比較」に関して心理学的理論も交えながら、対処法を考えていくための記事です。 エンジニアのメンタルリスク エンジニアのメンタルヘルスは一般職の3倍と言われるほど、ハイリスクです。パーソルのリサーチによれば、ITエンジニアのキャリア不安には、他の職種に比べて「スキルの陳腐化」や「新しい技術を習得しなければならないというプレッシャー」が非常に多いこ

2024年4月に施行された法改正により、障害を持つ方への「合理的配慮」の提供が、民間企業においても法的義務となりました。これによりウェブデザイン分野では、アクセシビリティ対応の機運がますます高まっています。 この手の話になると、「アクセシビリティに取り組むには、どれくらいのコストがかかるんでしょう？」という質問をよくいただきます。実際に挙げてみると、以下のようなところでしょうか。 アクセシビリティの知識習得に費やす時間 専門家にアクセシビリティ診断を依頼する費用 アクセシビリティに対応するため、Webサイトやプロダクトを改修する費用 こうやって具体的な項目を見ると、アクセシビリティ対策に取り組むことを躊躇する方もいるかもしれませんが、逆に「アクセシビリティに取り組まないコスト」を考えたことはありますか？ アクセシビリティに取り組まないことで、潜在的な市場機会を逃し、顧客満足度を低下させるリ

Looker Studio という無料で使えるダッシュボードが結構使いやすいので、ここにメモしておきます。 玉葱堂書店の本の仕入れと売上などは、 Google Spreadsheet で細かく管理しています。 Google Spreadsheetで管理している様子総仕入れ額などは、関数を使って計算したりしていますが、なんとなく視認性が弱いです。ピンと来ずらい点があります。 そこで、 Looker Studio の出番です。 玉葱堂のLooker Studioこんな感じで可視化することができます。 データソースは先ほどお見せした Google Spreadsheet をそのまま使っているので、 Spreadsheet が更新されれば、こちらのダッシュボードも更新されます。 これで、いつどれぐらい売れたのか、直近いつ跳ねたのかなどがパッと見でわかるようになりました。 リソース -> 追加済みの