Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 文字の色と背景色の間には、一定以上のコントラスト（明るさの差）がなければ、文字の可読性が低くなります。特に老眼や弱視など、見えづらさを抱えている人は、文字の色のコントラスト比の低さの影響を受けやすくなります。 WCAGにはコントラストについていくつかの基準がありますが、最も意識される頻度が高いのは1.4.3 コントラスト (最低限)（レベルAA）に登場する4.5:1というコントラスト比の数字でしょう。文字が大きいときは、とか、レベルAAAでは、という話は一旦置いておきましょう。 WCAGの基準で使われるコントラスト比は、文字の色と背景色
はじめに 簡単なサンプルプロジェクトを作ったのでこちらに置いておきます: 本記事ではnode環境でもともと tsc コマンドでビルドを行なっていた環境から esbuild を使った環境への移行をしたい場合のガイドを書きます。 インストール npm install -D esbuild 注意点など TypeScript の項を読んでみるといくつか注意点。 TSサポート(.ts .tsx)はデフォルトで入っているので、特別必要なことはない ただし、babelと同じくトランスパイルはしてくれるが、型チェックはしてくれない tsc --noEmit を別で走らせてチェックはした方がよい TSにしか存在しないシンタックスもちゃんと動作する tsconfig.jsonでisolatedModules を有効にする必要がある ファイルごとに並列でビルドするので、ビルド時にimportされたものが型なのか
こちらはエムスリーAdvent Calendar 2024 13日目の記事です。 こんにちは、エムスリーエンジニアリンググループの福林 (@fukubaya) です。 今回は、長年運用されてきたレポジトリをgitを使って発掘する上で使っている道具を紹介します。 福岡タワー（ふくおかタワー）は、福岡県福岡市早良区のシーサイドももち地区にあるランドマークタワー（電波塔）。本文には関係ありません。 帳票環境 レポジトリからDBテーブルの使用箇所を探す スケジュール設定だけ消される gitレポジトリ考古学 ファイルが消えたコミットを知りたい ある記述が消えた(追加された)コミットを知りたい あるテーブルが使われているバッチを探したい 大量にgit grepしたい git grepの結果がEUC-JPでもUTF-8でも正しく日本語を出力する まとめ We are hiring! 帳票環境 弊社には「
2024年12月11日、警察庁はEUROPOL主導で進められているDDoS攻撃に対する国際共同捜査（OPERATION PowerOFF）より、サービス利用が特定された関係者に日本人が含まれており、3名を摘発したことを公表しました。ここでは関連する情報をまとめます。 DDoS攻撃関与の疑いで10代少年らを摘発 日本は2023年9月から15カ国が参加する共同捜査 Operation PowerOFFに参加しており、これまでの共同捜査の取り組みによる成果は次の通り。 DDoS攻撃サービスが利用する27のドメイン（zdstresser[.]net、orbitalstress[.]net、starkstresser[.]netなど）、18のBooterプラットフォームをテイクダウン フランスとドイツでインフラ管理者3名を逮捕 327名のDDoS攻撃サービス利用者の特定 毎年クリスマスシーズンはDD
重度の知的障害がある女性が、障害がない人と遜色のない作業時間で仕事をしているお店があります。 それを可能にしたのは、 “あるシステム”です。このシステムは、同じ職場で働く、障害がない人たちの働きやすさや効率の向上にもつながっているといいます。 開発のきっかけとなったのは、障害児を育てる母親が感じた“生きづらさ”でした。
毎年必ずどこかでウォーターフォールとアジャイルを対立させ「ウォーターフォールwwwww」と味付けしたツイートに待ってましたと総ツッコミが入るムーブがあるように思います。 今シーズンは下記のツイートがK点超えの大ジャンプを記録しました。 今どきウオーターフォール型開発とアジャイル開発の違いをどうこう言う必要はないかと思うが、若手の技術者は間違ってもウオーターフォール型開発のほうに行ってはダメだぞ。失敗は絶対に許されないと連呼する世界と、とっとと失敗しようぜと言う世界では、どちらが成長できるかは明らか。 https://x.com/toukatsujin/status/1863023816290762841 Xでは多方面から「いやいやいやいや、どんな世界線ですかそれ？！」と突っ込みが入った。失敗の許容度がゼロか100かってなんぞ？っていう感じ。そらそうよ。 これを受けて木村氏は「批判の中で呆れ
みなさん、こんにちは。m（@the_art_of_nerd）です。 今回は私がWebサーバーをフォレンジック調査を担当した際に発見した、任意の拡張子からPHPを実行する方法について紹介します。 背景 Webサーバーが攻撃者によって侵害されたという事案で、フォレンジック調査を実施した際に発見したテクニックです。（正規の仕様を悪用） Webサーバーの侵害のため、WebShellの設置を疑い、まず拡張子ベースで不審なファイル（改ざん・作成）が存在しないか調査していたところ、いくつか不審なファイルは発見されましたが、どうしてもWebShellのような機能を有するファイルだけ見つかりませんでした。 そこで、拡張子で見ていく調査から各ディレクトリごとに気になるファイルが存在しないかの調査に切り替えたところ、1つだけ明らかにWebサーバーのコンテンツとして違和感のある"ファイル名"が付けられたCSSファ
こんにちは！UIデザイナーのORIと申します。 こちらはアクセシビリティ Advent Calendar 2024から執筆しています。 今回はアクセシビリティカンファレンス福岡2024に参加して知った「エイブリズム」から気づいた、私が存在するためのアクセシビリティを考えてみようと思います。 エイブリズムという概念との出会いアクセシビリティカンファレンス福岡2024で、田中みゆきさんの「障害は乗り越えられるべき課題なのか？」というセッションを聞き、そこで「エイブリズム」という概念を初めて知りました。 エイブリズムとは、健常者を中心とした社会の価値観や構造が、障がいのある人々を排除してしまうことを指します。セッションを通し、自分が無意識に持っていたバイアスを考えさせられました。 心打たれた私は、同じく田中さんの著書『誰のためのアクセシビリティ？』も読んでみました。 その中で印象に残った言葉があ
癌治療を専門にしている医師ですが、夜寝付けなかったので、 癌になった時にまず最初に知っておいて欲しい事をかいてみました。 結論いかに早く治療を開始できるかで癌の治りやすさが変わります。 そして、あなた（患者）の頑張りで、治療開始日は大きく変化します。 今回は、知っておいて欲しい癌の知識について書いた後、癌の疑いがあると言われた時の治療開始RTAのコツについて書きます。 （RTA:リアルタイムアタック、いかに早くゲームをクリアできるかの挑戦の事） --- 知っておいて欲しい癌の知識 癌は、ひたすら増え続けるおかしな細胞人間の体は細胞で出来ていて、正常な細胞は決まった日数で細胞分裂して増えますし、決まった日数で死にます。例えば皮膚の細胞は1か月くらいで新しくなって、古い細胞は死んで垢になります。このバランスが保たれているのが通常です。 ただ、変な細胞も一定の割合で発生します。決まった日数で死な
社会人生活の半分をフリーランス、半分をIIJで過ごすエンジニア。元々はアプリケーション屋だったはずが、クラウドと出会ったばかりに半身をインフラ屋に売り渡す羽目に。現在はコンテナ技術に傾倒中だが語りだすと長いので割愛。タグをつけるならコンテナ、クラウド、ロードバイク、うどん。 【IIJ 2024 TECHアドベントカレンダー 12/6の記事です】 今年のIIJアドベントカレンダーは「運用」がテーマということなので、運用に欠かせない必携ツール筆頭であるSSHを取り上げ、SSHの秘密鍵を安全に管理する方法について考えたいと思います。 たとえSSH秘密鍵が漏洩しても、安全を確保する方法 踏み台サーバにSSH秘密鍵を置かずに利用する方法 SSH秘密鍵の安全な置き場所を考える SSH秘密鍵は一般的に ~/.sshにファイルとして管理されていると思いますが、不安に感じることはありませんか？ ノートPCに
ラジアルUIとは、従来のグリッドベースまたは線形のレイアウトとは異なり、要素がサークル・放射状のパターンでレイアウトされたUIです。 このラジアルUI、あらゆる要素をサークル・放射状、または曲線状のパターンでレイアウトできるCSSのフレームワークを紹介します。 Orbit Orbit -GitHub Orbitの特徴 Orbitのデモ Orbitの使い方 Orbitの特徴 Orbitは、サークル・放射状のラジアルUIを実装するために設計された初の汎用CSSフレームワークです。CSSの機能（cos(), sin()など）を使用してサークル・放射状のレイアウトを簡単に実装できます。 ランディングページをはじめ、ナビゲーションに使用したり、ダッシュボードや円形データなどで、ユニークで視覚的に魅力的で直感的なレイアウトを作成できます。 .orbit CSS class CSSの三角関数（sin()
Document Picture-in-Picture APIというWeb APIがあります。まだブラウザの実装が限定的ですが、Chromeなら116から使えるようです。 The Document Picture-in-Picture API makes it possible to open an always-on-top window that can be populated with arbitrary HTML content — for example a video with custom controls or a set of streams showing the participants of a video conference call. It extends the earlier Picture-in-Picture API for <video>, whi
IPv6の利用は増えている IPv6の利用は、世界中で確実に増えています。 Googleの「IPv6の採用状況」によると、2024年11月19日は41.51％です。 個人的な感想としては、かなりの勢いで普及しつつあると感じます。 IPv6の普及は、仕様が策定された当初は、なかなか進みませんでした。 IPv6の最初の仕様であるRFC 1883は1995年に発行されています。 もう30年近く前です。 IPv4アドレス在庫枯渇問題に対する長期的解決策としてIPv6仕様が策定されたものの、IPv6普及は進まず、短期的解決策として同時期に作られたプライベートIPv4アドレスとNAT(NAPT)が急激に普及しました。 昔は、「石油とIPv4アドレスは枯渇しない」といった意見も非常に多く(参考：2007年IW記事)、IPv6が生まれた前提となるIPv4アドレス在庫枯渇そのものも疑われていたという背景もあ
拙著『GitHub CI/CD実践ガイド』は内容だけでなく、読書体験にもこだわりました。AmazonやSNSでも読みやすいという声は多く、技術書としては珍しい観点で評価を得ています。 Amazonにおける「GitHub CI/CD実践ガイド」の読者レビュー 本記事では書籍の「読みやすさ」という切り口から、執筆の舞台裏を紹介します。 最高の読書体験を目指す 技術書の使命は、役立つ情報を届けることです。しかし筆者は役立つだけでなく、読んでいて心地よい書籍にしたいと考えました。そこでまず決めたのが「最高の読書体験を目指す」ことです。そして最高の読書体験を実現するため、次のような設計原則を定めて執筆しました。 シンプルにする：短い文章・簡潔なコード・直感的な図表へと磨き上げる ノイズを減らす：難しい表現は避け、読者を迷わせる要素は徹底的に取り除く テンポを重視する：読者の集中力を削がないよう、読ん
こんにちは。LAPRAS株式会社 CTOの @rocky です。 2024年12月2日に【mizchiさんによる 「LAPRAS 公開パフォーマンスチューニング 」調査編】というイベントの開催を予定しているのですが、この時間をより良いものとするため、フロントエンドパフォーマンス改善に関する前提知識をインプットする勉強会を社内で行いました。 入門的な内容であり、社内勉強会の雰囲気そのままではあるものの、イベントに参加される方にとってお役に立てることもあるかもしれないと思い、勉強会の内容を動画/資料/メモという形で共有します。 勉強会のゴールと形式 学習の取っ掛かりを得ることをゴールとして、Webフロントエンドのパフォーマンス指標、ブウラザによるレンダリングの流れ、その他頻出ワードについて、先人による解説記事を参照しながら @KawamataRyo さんに概要を解説して頂きました。 動画 資料
ignoresを全体的に適用させたい場合、objectには他のキーを含めてはならない。単独でignoresが配置されているかを確認してみる。 { files: ["..."], ignores: ["..."], } はだめ。 { ignores: ["..."], } はOK。 参考: Having issues with ignores in v9
Previous slideNext slideToggle fullscreenOpen presenter view About https://x.com/mizchi Node.js とフロントエンドの専門家 120万*達成率で御社のフロントエンドの高速化をやります 今日話す内容ができます。社内勉強会等も承ります。 話すこと/話さないこと 話すこと パフォーマンスという予算の考え方 Lighthouseによる計測 ソースコードを二分探索して問題を特定 計測した問題の扱い方 話さないこと 具体的な問題の解決方法(都度調べて) 発表のコンテキスト 特定コードの影響範囲のみを計測する方法を周知したい サードパーティスクリプト開発で大量のウェブサイトを計測していた 暗黙知化しているのを棚卸ししたい フロントエンド計測≒E2E計測 フロントエンド課題に限定せずに全部に向き合う ユーザーと同じ
https://jsconf.jp/2024/talk/berlysia/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
