フロントエンドのテスト基盤を Jest から Vitest に移行した話
こんにちは。ナレッジワークの torii です。 7 月にフロントエンドエンジニアとして入社してもうすぐ半年、そろそろ技術記事の一つも書きたいなと思っていたところに、ちょうどいいネタを見つけたので投稿してみます！ Jest から Vitest に移行してみた 早速やったことですが、フロントエンドのテストフレームワークを Jest から Vitest に移行しました。理由としては、Jest が CJS を前提として動作しており、ESM 前提のモジュールを動かすのに一手間も二手間もかかるからです。 ナレッジワークのフロントエンドは Next.js を採用しており、テストフレームワークには Next.js と相性の良い Jest を採用していました。関数単位のテストや UI コンポーネントのテストを書く分には問題なかったのですが、それより上層（ページなど）になるとたちまち ESM 互換性の問題を
Amazon Machine Image(AMI)のブロックパブリックアクセスが2023/10/16からすべてのAWSリージョンでデフォルト有効化されます | DevelopersIO
Amazon Machine Image(AMI)のブロックパブリックアクセスが2023/10/16からすべてのAWSリージョンでデフォルト有効化されます たぬき( @tanuki_tzp )です。 突然ですが、AWSからこんな通知を受け取った人はいませんか？ Amazon マシンイメージブロックパブリックアクセス (AMI BPA) は、2023 年 10 月 16 日からすべての AWS リージョンでデフォルトで有効になることをお知らせします。 こちらについて、Amazonマシンイメージブロックパブリックアクセスとはなんなのか、どんな内容の設定変更があるのか等をお知らせしていきたいと思います。 Amazonマシンイメージブロックパブリックアクセス(AMI BPA)とは AMIのパブリックアクセスとは Amazonマシンイメージ(AMI)とは、AWS上でインスタンスを起動する際に使用する
古いリセットCSSからはもう卒業！ モダンブラウザに最適化された新しいリセットCSS -A (more) Modern CSS Reset
モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作されたリセットCSSを紹介します。なぜそうするのか、なぜそれを使用しないのか、CSSの知見やテクニックも満載です！ A (more) Modern CSS Reset by Andy Bell 他のリセットCSSが気になる人は、こちらも注目です。 A (more) Modern CSS Resetの前のバージョンも解説しています。 2023年、現在の環境に適したリセットCSSのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのリセットCSS 各リセットCSSの解説
PHP: 定義済みの変数 - Manual
定義済みの変数 PHPは、実行する全てのスクリプトに定義済みの多くの変数を 提供します。しかし、これらの変数の多くは、 実行するサーバーの種類、サーバーのバージョンおよび設定、 その他の要素に依存しており、完全に記述することはできません。 これらの変数のいくつかは、PHPを コマンドライン で実行した場合には利用できません。 これらの変数の一覧については、 定義済の変数 のセクションを参照ください。 PHP には、(使用する場合)Webサーバー、環境変数、 ユーザー入力からの変数を値とする定義済みの配列が追加されています。 これらの配列は、自動グローバル、すなわち、自動的に全ての スコープで利用可能であるという点でかなり特別です。このため、これらは "スーパーグローバル" といわれることもあります。 (PHPには、ユーザー定義のスーパーグローバルという機構はありません。) スーパーグローバ
ドキュメントの限界 - orangeitems’s diary
インフラの環境構築を行ったときに、はい、環境です、と接続情報だけ顧客に提供したところで、そのまま受け取ってくれることはない。 ドキュメントはないんですか？。 何を作ったかを示すドキュメントとセットで初めて、プロにお金を払って仕事をしてもらった気持ちになる。今でも、ドキュメントを残せ、ドキュメントがないと今どうなっているかがわからなくなる、常に更新して最新にしよう、そんな掛け声は健在である。 このドキュメント、年々複雑さが増していると思う。というのも、IT関連のソフトウェアにしろクラウドにしろ、機能は増えるばかりだからだ。かつ、設定自体は年々洗練されており、デフォルト値で動くことも多い。たくさんの設定項目があるが、設定するのはほんの一部分である。 ドキュメントに何を残すべきか。設定値全てをドキュメントに書き込もうものなら莫大な量になる。一方で変更したものは少ししかない。このギャップが激しくな
VSCodeでReactのソースコードを読むための準備
何が大変か？ VSCodeはMSが作っているだけあってTypeScript統合がほぼ整っており、特に設定を頑張らなくてもそのままIDE機能が効くことが多いです。現代の多くのJavaScriptプロジェクトはこれで事足ります。 しかし、これには例外があります。Reactの実装は現時点ではFlowで書かれています。FlowはTypeScriptと同様のコンセプトを持つAltJS言語です。FlowはReactと同じくMeta(Facebook)製であるため、これまでReactでFlowが使われてきたのは一定の合理性があると言えるでしょう。 Flowの拡張子が *.js であることから、TypeScriptのIDE機能はFlowのソースコードに対しても反応します。文法が似ていることもあり、Go To Definitionなどの機能もある程度までは動作しますが、完全ではありません。また、エラー表示が
大きく変わった最新Linux「Ubuntu」、システム設定メニューが大幅刷新
人気が高いLinuxディストリビューションの最新版「Ubuntu 22.10」が2022年10月20日にリリースされた。新しくなったポイントを詳しく紹介する。 最新のデスクトップ環境を採用した「Ubuntu 22.10」では、システムを設定・管理するメニューが大幅に刷新されました。「ファイル」や「設定」といった標準アプリも見た目と操作性が大きく変わっています。主な変更点を紹介します。 Ubuntu 22.10は2022年10月20日にリリースされました。Ubuntuの各バージョンは、開発が始まるタイミングでコードネームが設定されます。Ubuntu 22.10のコードネームは「Kinetic Kudu」と設定されていました。直訳すると「動的なクードゥー」といった意味になります。「Kudu」は生き物の名前で「クーズー」とも呼ばれています。いずれにせよあまりなじみのない名前でしょう。 どういった
BUFFALO製NASにファイルが消失する致命的不具合。119製品が対象。OneDriveとの連携に起因 | ニッチなPCゲーマーの環境構築Z
不具合概要バッファロー製NASにおいて、OneDrive連携機能を使用しているとファイルが消失する恐れがあります。 具体的には、OneDrive連携にて双方向同期モードを設定している環境において、ブラウザやWindowsのOneDrive連携ツール経由でOneDrive上のフォルダー名を変更、またはフォルダーを移動すると、変更/移動したフォルダー配下のファイルがNASとOneDriveの双方から消失します。 この不具合は、以下の両方を満たす場合に発生します。 OneDrive連携を使用し、双方向同期モードに設定している同期間隔を1分/5分/10分に設定しているこの不具合の影響を受ける製品は以下。 TS6000シリーズ (計20モデル)TS5020、TS5010シリーズ (計49モデル)TS3020、TS3010シリーズ (計26モデル)LS700シリーズ (計24モデル)一時的な回避策On
24.6.3. Net-SNMP の設定 Red Hat Enterprise Linux 6 | Red Hat Customer Portal
導入ガイド I. システムの基本設定 Expand section "I. システムの基本設定" Collapse section "I. システムの基本設定" 1. キーボードの設定 Expand section "1. キーボードの設定" Collapse section "1. キーボードの設定" 1.1. キーボードレイアウトの変更 1.2. キーボードレイアウト表示器の追加 1.3. 一休みの設定 2. 日付と時刻の設定 Expand section "2. 日付と時刻の設定" Collapse section "2. 日付と時刻の設定" 2.1. 日付/時刻のプロパティのツール Expand section "2.1. 日付/時刻のプロパティのツール" Collapse section "2.1. 日付/時刻のプロパティのツール" 2.1.1. 日付と時刻のプロパティ 2.1.
nanaco会員メニューのログイン方法の変更・一部サービス二要素認証導入のお知らせ(11月21日更新)｜電子マネー nanaco 【公式サイト】
平素は、電子マネー「nanaco」をご利用いただき、誠にありがとうございます。 このたび、お客様により安心・安全にnanacoのサービスをご利用いただくため、本日、nanaco会員メニューのログイン方法の変更と 一部サービスに二要素認証の導入をいたしました。 ① nanaco会員メニューのログイン方法の変更について ・ nanacoカードをお持ちの方は、本日以降、nanacoカード裏面の7桁の番号はnanaco会員メニューへの初回ログインのみ利用可能となります。 ・ 初回ログイン時に、会員メニュー用パスワードの設定画面が表示されますので、案内に従い、パスワードの設定をお願いいたします。 ・ nanacoモバイルfor Android、Apple Payのnanacoをお持ちの方は、ログイン方法の変更はございません。 ・ 設定した会員メニュー用パスワードは大切に保管してください。 ・ すでに
crontabの覚え書き：忘れがちな > /dev/null 2>&1 という魔法の設定読解 | Masyus Work
という記述が目に入ることがあると思う。ものすっごくざっくり解説すると、バッチ実行時にエラーやecho等の出力を一切出ないようにするという設定なのだが、自分の備忘録としての意味合いも込めて解説メモを残しておく。 リダイレクト(>)を理解する
log4j2の設定ファイル(XML) - Qiita
目的 自分が使いそうな設定のまとめ。 jar ファイル 最低限、以下のファイルが必要。 log4j-api-2.3.jar log4j-core-2.3.jar (2.3 はこれを書いている時点の最新バージョン) 全体 こんな感じで。 ファイル名はlog4j2.xmlとして、クラスパス上に配置。 <?xml version="1.0" encoding="UTF-8"?> <Configuration status="off"> <!-- AppenterやLoggerで使用するプロパティを定義する --> <Properties> <Property name="...">hoge</Property> <Property name="..." value="..." /> </Properties> <!-- ログの出力先と出力フォーマットを設定する --> <Appenders> <
意図せず約200万の.gitフォルダが公開、リスクの高い状態
CyberNewsは10月20日(米国時間)、「Millions of .git folders exposed to public｜Cybernews」において、数百万もの.gitフォルダが公開されていると伝えた。プロジェクトの重要な情報を含む約200万の.gitフォルダが一般に公開されていることがCyberNewsの調査チームにより明らかとなった。 Millions of .git folders exposed to public｜Cybernews GitはLinus Torvalds氏が20年近く前に開発した人気の高いオープンソースの分散型バージョン管理システム(VCS: Version Control System)。.gitフォルダにはリモートリポジトリのアドレス、コミット履歴ログなどプロジェクトに関する重要なメタデータが含まれており、このデータをオープンアクセスで放置してお
Linux／Windowsのパッチ適用自動化のポイント――基盤環境構築、単体試験の自動化で使える4つのOSSとは
パッチ適用の時間を短縮する「自動化」について解説する本連載「こっそり始めるパッチマネジメント自動化入門」。前回はパッチマネジメントの重要性について説明しました。今回はパッチ適用を円滑にするための自動化についてお話しします。 自動化のスコープ 本稿のスコープ（範囲）は次の通りです。 基盤環境構築、単体試験の自動化 パッチマネジメントを正しく運用するには試験環境でのパッチ適用試験が必須です。パッチ適用試験環境をタイムリーに短時間で構築するには、基盤環境の構築および単体試験の自動化が欠かせません。 ここではCI/CD（Continuous Integration／Continuous Delivery）ツールを組み合わせた基盤環境の自動化ソリューションを検討します。 基本になるのは構成管理ツール「Ansible」 「Ansible」（アンシブル）は、Red Hatが開発するオープンソースソフトウ
2 つの時刻の差を計算する - Microsoft サポート
たとえば、従業員が組立ライン操作またはファーストフード注文をピーク時に処理するまでにかかる時間を調べたいとします。 2 回の差を計算するには、いくつかの方法があります。 標準時刻形式で結果を表示する 結果を標準時間形式 (時間: 分: 秒) で表示するには、2 つの方法があります。 減算演算子 (-) を使用して時間の差を見つけ、次のいずれかの操作を行います。 次の手順を実行して、セルにカスタム書式コードを適用します。 セルを選びます。 [ ホーム ] タブの [ 数値 ] グループで、[ 全般 ] ボックスの横にある矢印をクリックし、[ その他の数値形式] をクリックします。 [セルの書式設定] ダイアログ ボックスの [カテゴリ] ボックスの一覧で [カスタム] をクリックし、[種類] ボックスでカスタム書式を選択します。 TEXT 関数を使用して、時刻を書式設定します。時刻書式コード
AWS Lambdaで300万円以上課金されてしまった怖い話 | LAC WATCH
各サービスに加え、サポート費用、消費税諸々含め300万以上の課金が発生しました。 幸い今回の事象はラックの検証環境上で発生した事象のため、お客様への影響はなかったものの、これが「もしお客様環境で起きていたら......」と考えると背筋が凍ります。 事象の原因 今回上記(A)(B)の仕組みを定期的に実行する想定で各々EventBridgeルールの設定をしましたが、(B)のEventBridgeルールの設定に考慮漏れがありました。 具体的には、以下のように記載をしていました。 EventBridgeルールの作成時、イベントパターンのフォームから生成したJSONとなります。 ※ S3にオブジェクトが配置されたら後続処理を実施するというテンプレートを使用しました。 テンプレートの内容を深く理解せず、そのまま流用したことが本事象の発端となっていました。 ※ ただ、EventBridgeでは、ルールが
Ubuntu 22.04 をインストールしたら設定すること 10 ヶ条
2023/04/29: これくらいの情報はググればすぐに出てくると思いいったん非公開にしましたが、意外とそうでもなかったので自分用メモとして再公開しました。 1. ソフトウェアのダウンロード元を変更してシステムをアップデートする (*) Super キー(= Windows キー)を押して、software と入力し、「ソフトウェアとアップデート」を選択します。 「設定...」ボタンを押して、「Ubuntu のソフトウェア」タブの「ダウンロード元:」から ftp.jaist.ac.jp などの国内ミラーサーバーを選択します。 アップデートが存在する場合は、表示されるウィンドウの指示にしたがってパッケージを更新し、Ubuntu を再起動します。 2. キーボードの CapsLock キーを Control へ置き換える /etc/default/keyboard を編集します。
新たなセキュリティテスト手法、バグバウンティプログラムのすすめ（後編） - NTT Communications Engineers' Blog
こんにちは。マネージド&セキュリティサービス部セキュリティサービス部門の閏間です。総合リスクマネジメントサービス「WideAngle」の新サービスの企画を担当しています。 本記事では、私がセキュリティの知識・技術向上のために業務外で取り組んでいるバグバウンティプログラムについて、3回にわたって紹介します。 本記事により、バグバウンティプログラムの有効性と、脆弱性探しのおもしろさの両方を伝えられれば幸いです。 （前編）バグバウンティプログラムの有効性について （中編）脆弱性探しの魅力と調査方法について （後編）実際に発見した脆弱性の詳細について【本記事】 なお、バグバウンティに関する記事としては、NTT Com社内バグバウンティのご紹介もありますので、ぜひそちらもご覧ください。 脆弱性の実例：3つの問題が重なってXSS(Cross Site Scripting)が発生 本記事では、私が過去に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タスクバーの時計を「秒」単位に ～Dev版Windows 11 Build 25247に導入／［スタート］画面、「設定」アプリ、推奨アクションにも手が加えられる
個人用セットアップの場合は「Windows 11 Pro」でもインターネット接続と「Microsoft アカウント」が必須に／Build 22616がDev/Betaチャネルでリリース。チャネルの切り替え希望者は設定の見直しを
