タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Storybook CSF3.0 の概要 単体テスト・結合テスト・Storybook を充実させるためには、多くの工数が必要です。堅牢なフロントエンド開発のためとはいえ、これらのメンテナンスは日に日に負担が増しています。似かよったテストケースでは、同じような下作業をそれぞれに用意する必要がありました。 Component Story Format（CSF）は、この課題への取り組みとして開発されました。「様々なソリューションで再利用可能な資材」 が用意できれば、開発は素早く・より楽しいものになります。リリース間近の CSF3.0 はより一層、そのゴールを明確に示してくれています。 testing-library で Story にインタラクションを CSF3.0 新機能の中で際立っているものが play 関数 です。@testing-library/user-eventを利用すると、Stor
CSF3.0 が間近に迫っているが、まだリリース前という状況。Storybook は、Component テストと Storybook の垣根を壊す事を目指しており、CSF3.0 は Storybook に閉じた話ではなくテスト戦略に関わってくる。 現状 Storybook 環境を整備するにあたり、どう備えておくべきかを考える。 npm i -D @storybook/react@next で beta を install し、.storybook/main.js に以下を追加すれば CSF3.0 を試す事ができる。
BASE株式会社 Owners Experience Frontend チームのパンダ（@Panda_Program）です。 BASE では社内用コンポーネントライブラリ「BBQ」を使ってフロントエンドの開発をしています。 BBQ は Vue2 + Storybook v5 で作成されていましたが、TypeScript Compiler API と社内のフロントエンドエンジニアの有志たちのおかげで Storybook のバージョンを最新の v6.3 にする対応が完了しました。 以前執筆した「Vue2 + Storybook v5 のコンポーネントを v6 向けに書き換える」 という記事で、Storybook v5 から v6 の書き方である Component Story Format(CSF) への変更手順を確認しました。 この記事では、TypeScript Compiler API を
CSF 2.0では、組織がサイバーセキュリティ戦略に関して、情報に基づく意思決定をどのように行い、実行に移すかを包含するガバナンスに、新たに焦点が当てられている。 CSF 2.0のフレームワークのコアは、「Identify（識別）」「Protect（防御）」「Detect（検知）」「Respond（対応）」「Recover（復旧）」と、CSF 2.0で新たに追加された「Govern（ガバナンス）」の6機能を中心に構成されている。これらの機能を組み合わせることで、サイバーセキュリティリスク管理のライフサイクルを包括的に捉えることができると、NISTは述べている。 CSF 2.0の関連リソース NISTは、ニーズがさまざまに異なり、サイバーセキュリティツールの導入経験もさまざまに異なる組織がCSF 2.0を使用することを想定し、多様な組織におけるCSF 2.0の活用に役立つ以下のようなリソース
2024年2月26日にNIST（米国国立標準技術研究所）のサイバーセキュリティフレームワークがV1.1からV2.0へバージョンアップしました。この文書は、本来は米国連邦政府向けの文書だったのですが、その内容の分かりやすさや、時流に即した内容により、米国の民間企業にも、そして日本を含む他国のセキュリティの取組みに大きな影響を与えています。 本コラムでは、NISTサイバーセキュリティフレームワーク（以下、CSF）V2.0の変更点を読み解くことによって、今後のサイバーセキュリティ対策に必要な要素や留意点について明らかにします。 なぜNISTサイバーセキュリティフレームワーク（CSF）が注目されるのか？ CSFは、元々は米国連邦政府の重要インフラ向けに2014年に策定されたものです。そのため、本来無関係な民間企業や、日本の組織で利用・遵守する義務はありません。 しかし、サイバー攻撃によって侵入され
概要 Storybook6.4からデフォルトでCSF3の書き方が使えるようになったので、自分なりに調べたことをまとめてみました。TypeScript + Reactで説明します。 公式の記事はこちら この記事の内容は以下のとおりです。 CSF2からCSF3の変更点 CSFの既知の問題と公式の対応状況 インタラクティブストーリーの書き方 CSF3で書いたストーリーをユニットテストに応用する方法 この記事の説明で使うコンポーネント 名前を入力してSubmitボタンを押すと、ボタンを押した時の入力テキストを下に表示するコンポーネントです。 import { VFC, useState } from 'react' export type Props = { title: string } const SimpleFrom: VFC<Props> = ({ title }) => { const
Storybook CSF は「再利用」を目的として策定されているよ、という文献をよく見ると思います。スプレッド構文で設定を継承するのはすぐ理解できることですが、CSF にはスプレッド構文以外にも有益な「再利用」の可能性が含まれています。これは、テスト拡充と深く関わる話です。 Jest + Testing Library 最大の欠点は「盲目」なこと Jest + Testing Library でテストを書いているとき、期待通りの UI 状態を再現できず、時間を溶かした経験はないでしょうか？これは、実際にブラウザで UI を確認しながら書くテスト（Cypress など）との大きな差です。 CSF3.0 で導入された Play function でインタラクションを与えることは「目視でテストケースを作れる」と捉える事が出来るので、Jest + Testing Library のテストがぐっと
はじめに デザインシステムが盛り上がっている今日この頃、フロントエンド開発においてコンポーネントカタログとしてStorybookを導入している方は多いのではないでしょうか？ 今回はStorybookをコンポーネントカタログとしてだけではなく、テストツールの一部としても使用する方法について書いていこうと思います。 前提 Storybookが導入されていること Jest+Testing Libraryが導入されていること テスト対象のコンポーネントの要件 今回はメールアドレスを入力するフォームコンポーネントをテスト対象とします。 要件は以下です。 inputのid属性とlabelのfor属性が同じであること メールアドレスが未入力の場合は送信ボタンがdisabledであること 実際のコード 筆者がReactに慣れている都合上、Reactで実装した場合のコードになります。 import Reac
国民に「マイナンバー」の共通番号法案を閣議決定、２０１５年から利用開始目指す (shimarnyのブログ) 内閣官房情報セキュリティセンター／NISC (Wiki (PukiWiki/TrackBack 0.3)) Twitter Trackbacks () 君は生き残ることができるか？ (情報セキュリティプロフェッショナルをめざそう！(Sec. Pro. Hacks)) 公認会計士試験の最新情報について (公認会計士試験ガイド★講座 対策 受験 求人 事務所 問題集 合格 資格 学校) 短答式合格率4.6%に！ (■ＣＦＯのための最新情報■) 世間が反対するDPI広告を擁護する (んがぺのちょっとした政治・経済の話) 米国防総省、米軍サイバー対策を統括する司令部を設立 (情報セキュリティプロフェッショナルをめざそう！(Sec. Pro. Hacks)) 総務省 (時の流れ) クラウド・コ
インストール完了後、pagesとstylesをsrcディレクトリに移動してください。この先の手順は、src配下にpagesやstylesディレクトリが配置されていることを前提に進めています。 Prettier + Stylelint + ESLintを含めたNext.jsの環境構築は以下を参考にしてみてください🌟 Storybookのインストール プロジェクトのルートディレクトリで以下コマンドを実行します。
はじめに 先日 Storybook 6.4 がリリースされ、CSF 3.0 がフィーチャーフラグなしで使えるようになりました。 意気揚々と移行を試みたものの、story object に適用できる型がかなり増えており、どれを使うのが正解か理解するのに時間がかかりました。 同じように悩んでいる方の助けになればと思い、備忘録として調べた内容を残しておきます。 TL;DR Storybook 6.4 であることが前提ですが、とりあえず CSF 3.0 なら ComponentStoryObj, CSF 2.0 なら ComponentStoryFn 使っておけば間違いないでしょう。 Meta と Story --Storybook 6.2 以前の story object の型定義 Storybook 6.2 における story の書き方を振り返ってみましょう。 ※ フォーマットは CSF 2
2024年2月に米NISTが公開した「サイバーセキュリティフレームワーク 2.0」（NIST CSF 2.0）は、約10年ぶりのメジャーバージョンアップということもあり大きな注目を集めている。公開直後にNRIセキュアテクノロジーズが公開したNIST CSF 2.0に関する解説記事は、同社のブログでも過去最高レベルのアクセスを集めるほどだったという。 同社でセキュリティソリューション事業本部 本部長を務める足立道拡氏が、「NIST CSF 2.0 公開から1年の現在地――使いやすいフレームワークが企業にもたらす好影響と難しさ」と題し、昨今のサイバーセキュリティを巡る出来事やトレンドと紐付けながら、NIST CSF 2.0のポイントと活用に向けた課題、解決策について語った。 全ての企業がターゲットになり得る時代を背景に改訂されたNIST CSF そもそもNIST CSFとは、米NISTがあらゆ
By messaging ChatGPT, an AI chatbot, you agree to our Terms and have read our Privacy Policy. See Cookie Preferences.
NIST CSFを踏まえつつ、危機があっても「しなやかに回復できる」組織へ――PwCコンサルティング丸山満彦氏：ITmedia エグゼクティブセミナーリポート（1/2 ページ） サイバーレジリエンスという言葉の本質と、改定されたNISTサイバーセキュリティフレームワーク（NIST CSF）を踏まえたサイバーセキュリティの方向性とは。 企業のビジネスが、そして社会全体がインターネットへの依存を高めるにつれ、国内外で注目されるようになったキーワードが「サイバーレジリエンス」だ。 PwCコンサルティング合同会社のパートナーで、情報セキュリティ大学院大学客員教授を務める丸山満彦氏が「レジリエンス」という言葉を聞いたのは1990年代半ばのことだという。「物理学でも、弾力性という意味でレジリエンスという言葉が出てきましたが、ゴムボールがつかんだ手を離すと元の形にふんわり戻ってくるように、壊れることなく
NIST CSF 2.0のドラフト版を読みました。 何の本？ 構成は？ 本書の日本語版 主な変更点 フレームワーク・コアの新旧比較 https://csrc.nist.gov/pubs/cswp/29/the-nist-cybersecurity-framework-20/ipd 何の本？ NISTが出している、組織が取り組むべきサイバーセキュリティ対策をまとめたフレームワークです。 よくISMSと比較されるような位置づけのドキュメントです。 最初は2014年に、次に2018年にv1.1が出て、今回5年ぶりにv2.0のドラフトが出ています。現在は11月4日までご意見募集の段階です。 構成は？ 本紙（PDF）とリファレンスツール（Excel）で構成されています。 本紙はCSFの使い方や考え方の記載が中心で、具体的な「やること」は全てExcel側にあります。 このExcelの一覧を「フレームワ
はじめに クラウド環境のセキュリティをNIST CSFを利用し、運用、環境構成、両面でセキュリティ対策を考えてみました。 実際にやってみて大変だったことや、セキュリティ対策を実施する上で役に立ったAWSの機能を紹介していきます。 NIST CSFとは 米国国立標準研究所が公開している、サイバーセキュリティフレームワークで、 セキュリティ管理手法の概念・管理方針・体制の整備されています。 機能、カテゴリー、サブカテゴリーに分類されており、 環境構成以外にも、サービス運用のセキュリティ対策まで網羅されています。 NIST CSFの構成 評価用テンプレートの入手方法： IPAのホームページから、NIST CSFのテンプレートをダウンロード。 各カテゴリーの説明： カテゴリーの説明は、こちらの記事が参考になるので割愛します。 * 識別 (ID) * 資産管理（ID.AM） * ビジネス環境（ID.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く