アクセシビリティを担保するためにESLintの独自ルールを作っている話 - SmartHR Tech Blog
こんにちは。プロダクトエンジニアのatsushimと言います。 社内ではプロダクトを開発する傍ら、アクセシビリティを高めるための改善や仕組みづくりを進めています。 この記事ではSmartHR独自のESLintのルールを作っている話をしたいと思います。 SmartHRでは アクセシビリティ（以降a11y） を考慮したアプリの開発・改善を行っており、過去記事でその様子をご確認いただけます。 SmartHR Tech Blog: アクセシビリティ の検索結果 ただ普段の開発中、a11yを意識しつつ開発を行うことは、エンジニアにかなりの負荷がかかります。 フロントエンドの経験が少なく基本的なマークアップの知識が足りていない アクセシビリティを意識してね！といわれても何をすればいいのかわからない そのため、SmartHRでは独自のESLint ルールを作成し、CIに組み込むことでa11yを担保、改善
18億ピクセルという過去最大にして最高解像度の写真をNASAが公開、ズームで火星を細部まで見ることが可能 - GIGAZINE
NVIDIAの技術カンファレンス「GTC 2024」が2024年3月19日(火)から開幕し、ヒューマノイドロボット向けの汎用基盤モデルとなる「Project GR00T」などを発表したので、その一部をまとめました。 NVIDIA Announces Project GR00T Foundation Model for Humanoid Robots and Major Isaac Robotics Platform Update | NVIDIA Newsroom https://nvidianews.nvidia.com/news/foundation-model-isaac-robotics-platform NVIDIA Powers Japan’s ABCI-Q Supercomputer for Quantum Research | NVIDIA Newsroom https:/
Next.js のコンテナ化(開発環境にも、本番環境にも対応する) - Qiita
まえがき 自分のいる会社では、会社全体のスキルの底上げを目的として、最近 Next.js をみんなで勉強する取り組みを行っているので、その一環で記事を書きたいと思います。 今回のテーマは Next.js のコンテナ化です。 コンテナ化すると、開発環境の構築も楽になりますし、環境を選ばなくなるので、どのクラウドへもデプロイ可能になるといったメリットがあるかなと思います。 Next.js でも当然コンテナ化したいわけですが、慣れない Next.js をコンテナ化する過程で気づいた点など書いていこうかなと思います。 はじめに Next.jsとは Next.jsは、Reactをベースに開発されたフロントエンドフレームワークです。ReactはJavaScript言語を用いてWebサイト上のUIを構築するためのライブラリであり、フレームワークは開発を効率化するための枠組みです。 以下にNext.jsの
初心者が選んではいけないスマートフォン iPhoneとAndroidの共通NGポイント
新年度が近づき、これから初めてスマートフォンを購入する方も多い時期に入る。スマホ初心者を対象とするような機種も多くあるが、誤った機種を選択すると容量不足、性能不足などを理由に「失敗」したという声を毎年のように耳にする。今回は過去に数百台のスマートフォンを購入し利用してきた筆者が、初心者が選んではいけないスマートフォンを紹介しよう。 容量が64GB以下のスマートフォン 本体容量が少ないスマートフォンは、筆者としては購入をおすすめしない。どれだけ性能が高くても、現在この容量のスマートフォンでは長期利用は難しく、特に今のご時世で64GBはあっという間に容量不足に陥る。これは写真や動画を撮る、アプリやゲームを楽しむといった場面では大きなマイナス要素だ。 現在のアプリコンテンツは大容量化が進み、SNSをはじめとした一般的なアプリでも64GBではかなりの制約を強いられる形だ。ゲームを多く楽しむのであれ
【2024年版】JavaScript(React)におけるリーダブルコードのチートシート10~13章 - Qiita
2024/3/18 コードの再構成 10章 無関係の下位問題を抽出する 10.1 入門的な例: findClosestLocation() const findClosestLocation = (lat, lng array) => { let closest; let closes_dist = Number.MAX_VALUE; for(var i = 0; i < arrya.length; i += i){ //2つの地点をラジアンに変換する const lat_rad = radians(lat); const lat_rad = radians(lnt); const lat2_rad = radians(array[i].latitude); const lat2_rad = radians(array[i].longitude); //「球面三角法の第二余弦定理」の公式を
知っておくと便利なCSSの単位: フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。 CSSはそれら以外にもたくさんの単位が使用できます。フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を紹介します。 Relative length units based on font -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: capとは CSSの単位: chとは CSSの単位: emとは CSSの単位: exとは CSSの単位: icとは CSSの単位: lhとは CSSの単位: remとrlhとは CSSの単位: rex, rch, ricとは はじめに
TypeScript 5.5で型述語を推論できて最高。配列のfilterも型安全に
TypeScriptの次バージョン5.5で、開発者が長い間求めていた挙動が手に入ります。 現状のTypeScript （執筆時点で5.4）では、ユーザー定義型ガードを使う際には型述語（用語は後ほど解説します）の記述が必要です。 function isNumber(value: number | string): value is number { return typeof value === 'number'; }
CSSでスタイルクエリ（@container style()）を使えるようになると、実装がいろいろ便利になる
コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、メディアクエリに代わり、コンテナクエリを使用する機会も増えてきたと思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリを使えるようになると、どんな風に便利になるかを紹介します。 Add Superpowers to Your CSS Variables with Style Queries by Jared White 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スタイルクエリを使えるようになると スタイルクエリは変数と組み合わせると、さらに強力 スタイルクエリを使えるようになると CSSはスタイルクエリの登場により、さらなる
Github プルリクエストにAIレビューを導入してみた - Qiita
はじめに 以前からGitHubのプルリクにAIサポート、Copilotがあればいいのにと思っていました。 Github Copilot for Pull RequestもありますがCopilot Enterpriseに登録した企業のみなので シンプルかつ個人でも始められそうなChatGPT CodeReviewを導入してみます。 ChatGPT CodeReviewを導入する OpenAIの作業 1. OpenAIアカウントに登録、ログインする 2. 課金する Setting - Billingを選択します。 Add to credit balanceを選択して、クレジットカードを登録します。 ミニマム$5〜から課金を行います。 3. APIKey作成 API Keysを選択します。 Create New Secret keyを選択してAPI Keyを作成します。 API keyを安全な場
【令和最新版】Google Fontsの読み込み最適化の結論 ｜ TAKLOG
当ブログで行ったGoogle Fontsの読み込み最適化を紹介します。CLSを大幅に改善できたので個人的にはこれが最適解だと思っています。 結論いきなり結論ですが、次のHTMLのhrefの値を使用しているGoogle Fontsのそれに変更し、head内で読み込んでください。 <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preload" as="style" fetchpriority="high" href="{href}" /> <link rel="stylesheet" href="{href}" media="print" onload='
700億パラメータの日本語LLM「ELYZA-japanese-Llama-2-70b」を開発し、デモを公開しました｜ELYZA, Inc.
700億パラメータの日本語LLM「ELYZA-japanese-Llama-2-70b」を開発し、デモを公開しました はじめにこの度 ELYZA は、新たに開発した700億パラメータの大規模言語モデル (LLM) である「ELYZA-japanese-Llama-2-70b」のデモを公開しました。「ELYZA-japanese-Llama-2-70b」は、前回までに引き続き、英語の言語能力に優れた Meta 社の「Llama 2」シリーズに日本語能力を拡張するプロジェクトの一環で得られた成果物です。 ELYZA が公開している日本語ベンチマーク ELYZA Tasks 100 を用いたブラインド性能評価では、公開されている日本語の大規模言語モデル (以下、LLM) を大きく上回っていることに加え、OpenAI 社の「GPT-3.5 Turboシリーズ」や Anthoropic 社の「Cla
「EV」がアメリカだけでなく中国でも絶不調に…トヨタ「ハイブリッド一人勝ち」のウラで「中国EV大ピンチ」の深刻すぎる実態（藤 和彦） @moneygendai
中国でEVが売れない… アメリカでは、電気自動車（EV）が売れずにトヨタのハイブリッドが売れているという。世界でもこの傾向に拍車がかかるのだろうか。少なくともEVに力を注いできた中国では、EVはいま大きな過渡期を迎えようとしている。 その要因は、習近平国家主席が景気刺激策を打たずに、国民全体で消費が後退しているからだ。供給に対して需要がまったく追いつかない状態で、高価格のEVは値下げ圧力が大きくなっている。 中国政府が3月1日に発表した2月の製造業購買担当者景気指数（PMI）は、49.1だった。前月より0.1ポイント低下したが、5ヵ月連続で好不調の境目である50を下回った。 絶不調の中国経済の中で「期待の星」とされるEVだが、業界はシェア確保のための値下げが相次いでおり、SNS上では「今後3年間で自動車価格は30％下がる可能性がある」と話題になっている。 中国のデフレが、EVに対しても深刻
JavaScript/TypeScriptプログラマのIDEは半数以上がVSCode、32％がテストを書かない。JetBrainsによるアンケート調査
JavaScript/TypeScriptプログラマのIDEは半数以上がVSCode、32％がテストを書かない。JetBrainsによるアンケート調査 Kotlin言語やIntelliJ IDEAなどの開発ツールを開発提供しているJetBrainsは、 JavaScriptとTypeScriptに関する調査結果「2024 年の JavaScript と TypeScript のトレンド: 開発者エコシステムアンケートのインサイト」を公開しました。 この調査は世界中の2万6348人の開発者からのアンケートを集計したもので、アンケートは2023年に行われています。公開された集計結果から興味深いものを見ていきましょう。 IDEはVisual Studio Codeが過半数のシェア 回答者の半数以上となる51％が、JavaScriptやTypeScriptのプログラミングを行う場合の統合開発ツール
Apple、Google、Microsoft、MozillaがWebブラウザベンチ「Speedo 3.0」リリース
Apple、Google、Microsoft、Mozillaは3月12日（米国時間）、共同で開発したWeb応答性測定用ベンチマーク「Speedometer 3.0」をリリースしたと発表した。2022年に立ち上げた取り組み「Interop」の一環だ。 Speedometerの初版は、AppleのWebKitチームが2014年にリリースし、2.0は2018年にWebKitチームとGoogleのChromeチームが協力してリリースした。この提携では、Webパフォーマンスに関する共通の理解を確立し、ブラウザのユーザー体験を向上させるための改善を行うこととしていた。Interopのチーム全社が加わることで、3.0は「3つの主要なブラウザエンジンであるBlink、Gecko、WebKit」のベンチマークが可能になったとしている。 Speedometer 3.0では、To-Doリストの操作、リッチテキス
静的サイトジェネレータ「Astro 4.5」正式版、コードの問題点などを実際のWebブラウザ上で指摘してくれる「Dev Audit UI」など新機能
静的サイトジェネレータ「Astro 4.5」正式版、コードの問題点などを実際のWebブラウザ上で指摘してくれる「Dev Audit UI」など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 4.5」が正式にリリースされました。 Astro 4.5 is here! Introducing the new Dev Audit UI — Catch real-world a11y & perf issues during development, right in your browser. Available today in the Astro Dev Toolbar! Plus: View Transition improvements, Multi-CDN, Shiki 1.0, and more.https://t.co/
「Astro DB」登場。LibSQLベース、TypeScript ORM搭載、1GBまで無料。静的サイト生成用データベース
「Astro DB」登場。LibSQLベース、TypeScript ORM搭載、1GBまで無料。静的サイト生成用データベース 静的サイトジェネレータAstro用のデータベースサービス「Astro DB」が登場しました。 簡単にAstroに組み込むことが可能で、Astroのバックエンドデータベースとして、例えばフォームやコメントのデータの入出力、ユーザー認証などに利用可能です。 Introducing: Astro DB Add a hosted database to any Astro project in seconds. Includes a TypeScript ORM, schema manager, and automatic migrations out-of-the-box. Try it today! Every database comes with a generou
「クレジットカード・セキュリティガイドライン」が改訂されました （METI/経済産業省）
令和6年3月14日に「クレジット取引セキュリティ対策協議会第11回本会議」が開催され、クレジットカード取引に関わる事業者が実施すべきセキュリティ対策を定めた「クレジットカード・セキュリティガイドライン」が改訂されました。 1．「クレジットカード・セキュリティガイドライン」について 「クレジットカード・セキュリティガイドライン」とは、安全・安心なクレジットカード利用環境を整備するため、クレジットカード会社、加盟店、PSP※1等のクレジットカード決済に関係する事業者が実施すべきクレジットカード情報の漏えい及び不正利用防止のためのセキュリティ対策の取組を取りまとめたものです。 同ガイドラインは、割賦販売法に規定するセキュリティ対策義務の「実務上の指針」として位置づけられています。
「Java」「Rust」がC／C++の代替になるこれだけの根拠
どのプログラミング言語を利用するのかは開発者にとって大きな悩みだ。プログラミング言語「C」やその派生言語である「C++」は、業務アプリケーションや組み込みシステムなど幅広い用途で利用されている。処理速度や制御のしやすさといった観点で、C／C++と他のプログラミング言語を比較することは珍しくない。 「Java」はC／C++の比較相手としてしばしば名前が挙がる。JavaとC／C++はプログラムを実行する仕組みが異なり、その違いのために従来「Javaは遅い」と評する開発者もいた。この意見は正しいのだろうか。他方でC／C++に代わるプログラミング言語として台頭しつつある「Rust」はどのような特性を持ち、なぜ支持を集めているのか。本資料は、そうした疑問に対する答えを提示する。C／C++以外の選択肢に目を向けるためのきっかけとして参考にしてほしい。
たった２つのステップを意識するだけで書けない単体テストがほぼなくなる - Qiita
はじめに この記事は レガシーコード改善ガイド: 保守開発のためのリファクタリング を参考に手を動かしてみて、ある程度自分の中で体系的にまとまった知識のアウトプットです。 この記事で扱う内容 この記事で扱うのは主にレガシーコードで単体テストを書く際のハードルになりがちな 依存関係の排除 に関する手法を紹介します。 この記事を読んだ後に、 『この観点を持っておけば単体テストをスムーズに書いていけそう！』 『今までモック使ってたけど意外とモック使わなくても書けるね！』 となったらいいな、と思います。 ちなみに、今まであんまりテスト書いたことないよーて人は以下の記事など参考にして一度やってみてください。 前提の話： この記事の本旨は「テスト書きにくいプロダクトコードも依存関係を排除すれば楽にテスト書けるよ」なので、それ設計的にアウトでは？リファクタリング耐性低くない？みたいな話は度外視してます。
脱Excelの移行先トップ3を徹底分析 長所短所と移行のポイント
近年、多くの関心を集めるキーワード「脱Excel」。「Microsoft Excel」（以下、Excel）の利便性を踏襲し、既存資産を生かしつつも、情報連携の課題を解決したい――といった要望が各所から聞かれる。 移行先の選択肢はさまざまあるが、どのツールを選べばいいのか。脱Excelは単なるツールの置き換えではなく、ビジネスプロセス全体の見直しやDX（デジタルトランスフォーメーション）への足掛かりとして考えることが大切だ。本レポートでは、DX成功のヒントを説く人気連載の著者が、Excelのリスクをあらためて解説するとともに、Excelの移行先トップ3とそれぞれのメリット・デメリット、移行成功のコツを紹介する。
Chrome使用中に「無料でGPT-4とチャットしましょう！」「Bingを規定の検索エンジンに設定しましょう」というポップアップを表示する機能がWindowsに追加されウイルスを疑うユーザーも出現
Chromeの使用中に「無料でGPT-4とチャットしましょう！」「Bingを規定の検索エンジンに設定しましょう」といった内容のポップアップを表示する機能がWindowsに追加されました。ポップアップ表示機能はMicrosoftが追加した正規の機能ですが、「このポップアップはマルウェアでは？」と不安に感じるユーザーも出現しています。2024年3月18日17時33分追加：GIGAZINE読者が「日本語版のポップアップ」のスクリーンショットを送ってくれたので追記しました。 Microsoft confirms Bing pop-up ads in Chrome on Windows 11 & Windows 10 https://www.windowslatest.com/2024/03/15/microsoft-confirms-bing-pop-up-ads-in-chrome-on-win
CentOS後継争い「Rocky Linux」対「AlmaLinux」の勝負は“あれ”で決まる
関連キーワード Linux | Red Hat Enterprise Linux | OS | Red Hat（レッドハット） | IBM（アイ・ビー・エム） 「CentOS Linux」は、Red Hat（2019年にIBMが買収）が提供するOS「Linux」のディストリビューション（配布パッケージ）「Red Hat Enterprise Linux」（RHEL）の無償版だ。Red HatがCentOS Linuxを廃止する方針を定めたとき、CentOS Linuxユーザーは衝撃を受けた。 CentOS Linuxの代わりとしてRed Hatが打ち出した「CentOS Stream」は、安定性に欠けるリリース方式を採用しているため、本番環境での利用には不安が残ると考える企業もある。そうした企業にとって有力な移行先になるのが、CentOS Linux廃止宣言後に誕生した2つの新しいディスト
【独自】OpenAI、次世代AIモデル｢GPT-5｣の今夏発表を計画。顕著な性能向上と関係者
｢本当に素晴らしい。性能が著しく向上していると思います｣ OpenAIは、いくつかのユースケースについて、同CEOが経営する企業の独自データを使って新たなモデルのデモを披露した上で、自律的にタスクを実行するAIエージェントなど、まだ公表していない開発中の機能の存在も示唆したという。 前出の関係者の一人は、GPT-5の開発段階について、目下トレーニングの最中だと証言する。 トレーニング完了後は社内で安全性テストが行われ、その後さらに｢レッドチーム｣に進む。これは、従業員および社外の第三者に依頼して一般公開前の製品をさまざまな角度から（時に敵対的視点に立って）検証し、脆弱性などの問題点を発見するプロセスだ。 安全性テストやレッドチームにはいつまでに完了するという具体的な期限が設定されておらず、その進捗次第で（現在は2024年半ばが想定されている）リリース計画に遅れが生じる可能性もあるという。
巨大クラウドの負債と属人化の解消に挑む。インフラ技術者集団・さくらインターネットの現在地【開発者体験向上Lab】
TOPインタビュー開発者体験向上ラボ巨大クラウドの負債と属人化の解消に挑む。インフラ技術者集団・さくらインターネットの現在地【開発者体験向上Lab】 株式会社さくらインターネット クラウド事業本部 バックエンドチーム 野村孔命 2017年3月、北九州市立大学大学院情報工学専攻修士課程を修了。集積回路の自動設計やマルチプロセッサシステムに関する研究に取り組む。2017年4月、GMOペパボ株式会社に新卒入社。データベースセキュリティやECサイトからの稀覯品検出の研究に従事。2021年4月、さくらインターネット株式会社に入社し、クラウドの開発業務に従事。 株式会社さくらインターネット クラウド事業本部 SRE室 山本和道 流通/小売/製造/サービス業などの基幹系システムや行政/民間企業でのWebシステム開発、インフラの設計/導入/運用/保守、開発プロセス設計/構築、講師、サービスデスクまで幅広い
他人がGPT-4とやりとりしたテキストを盗む攻撃 成功率50％以上 イスラエルの研究者らが発表
このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Twitter: ＠shiropen2 イスラエルのネゲヴ・ベン・グリオン大学に所属する研究者らが発表した論文「What Was Your Prompt？ A Remote Keylogging Attack on AI Assistants」は、大規模言語モデル（LLM）を活用したAIチャットbotが生成するテキスト回答を復元するサイドチャネル攻撃を提案した研究報告である。攻撃者は、AIチャットbotが応答する際の通信データを傍受することで内容を復元して他人のやりとりを盗み出すことができる。 攻撃方法としては、まずユーザーとLLMの間の暗号化されたパケット通信を傍受するところか
How I Improved My Rust Compile Times by 75%
A woman with a pixie haircut looking at a computer in an office environment, waiting for her code to compile. If you're looking for a talented Rust developer, or a good senior software engineer, please reach out. I'm looking for a full time role doing something neat, and am available for contract gigs. Contact info is in the footer. Thank you! There's now a Part 2, where I cover a couple more opti
AWS CloudFormation でスタック作成が最大 40% 高速に
AWS CloudFormation では、スタックの作成速度が最大 40% 向上し、新しいスタック作成イベント CONFIGURATION_COMPLETE が導入されました。このイベントは、スタックレベルとリソースレベルの両方で使用できます。 お客様がスタックを作成すると、AWS CloudFormation は AWS サービスに API コールを行ってリソースを作成します。これまで、CloudFormation は、リソースのプロビジョニングの開始を知らせる CREATE_IN_PROGRESS と、プロビジョニングの終了を示す CREATE_COMPLETE という 2 種類のスタックイベントを発行していました。今回のリリースにより、CloudFormation はリソース作成の進行中に CONFIGURATION_COMPLETE イベントも発行するようになります。これは、Cl
「Firefox 124」正式版リリース、Firefox Viewで開いているタブを「最近表示した順」「タブの並び順」で並び替えられるように
ウェブブラウザ「Firefox 124」の正式版が公開されました。Firefox Viewの開いているタブの表示順を指定したオプションで並び替えられるようになりました。 Firefox 124.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/124.0/releasenotes/ ◆キャレット(カーソル)ブラウズモードがPDFビューアでも機能するように ブラウザ操作をキーボードだけでも行うことができるようになるキャレット(カーソル)ブラウズモードがPDFビューアでも機能するようになりました。 ◆Firefox Viewで開いているタブを最近表示した順、タブの並び順で並べ替えられるように 最近表示した順がデフォルトのオプションです。 ◆Mac版FirefoxでmacOSフルスクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Key Stable Diffusion Researchers Leave Stability AI As Company Flounders
Hidet: An Open-Source Python-based Deep Learning Compiler
GPT-5 might arrive this summer as a “materially better” update to ChatGPT
Amazon gets boost from 72% pop in AI company Astera Labs' IPO
Compiling Rust to WASI
AIボイチェンソフト「Voidol 1」が無償化
Stability AI、回転しても形を保つ3Dを生成「Stable Video 3D」
NVIDIAファンCEO「日本は自らAI構築を」開発者会議で - 日本経済新聞
Apple、300億パラメータのマルチモーダル大規模言語モデル「MM1」
Jetmove - A script to enhance navigation and multiple carets in Jetbrains IDEs
Inflection's implosion and ChatGPT's stall reveal AI's consumer problem