Puppeteerを使ったStorybookの自動スクリーンショット撮影用のアドオンを作った - wadackel.me
先日、Storybook のストーリーを、Puppeteer を使って自動でスクリーンショットを撮影する Addon を作りました。まだ React のサポートのみだったり、API がまだ不十分だったりしますが、簡単に使い方と仕組みについて紹介していきたいと思います。 はじめに まず、Puppeteer が何者かという点は、以下の記事が大変参考になるため、ここでは触れません。 —headless 時代の本命？ Chrome を Node.js から操作するライブラリ puppeteer について - Qiita 今回作った Addon は、上記 Puppeeer を使って、任意のストーリーのスクリーンショットを取るためのものになります。 スクリーンショットを取るためのモチベーションは色々と考えられますが、ここでは開発時に使用している既存のストーリーを活用して、最小限の労力で Visual
React 16で導入されたError Boundaryについて - dackdive's blog
React 16 Beta がリリースされました。 Error Boundary という概念が導入されたそうなので公式ブログをざっくり読んでみます。 はじめに：React 15 までの問題 React 15 まではコンポーネントで発生したエラーをうまくハンドリングしたり、そこからリカバリするためのしくみが提供されてませんでした。 結果として コンポーネントのどこかで JavaScript エラーが発生する catch していない場合、知らないうちに React の内部状態（internal state）にも悪影響を及ぼす 結果として開発者コンソール上はぱっと見原因がよくわからないエラーが発生する みたいなことが起きてました。 （参考） TypeError: Cannot read property '_currentElement' of null · Issue #4026 · face
みきママ『電子レンジで6分！！鶏ハムを作ろう！！』
めちゃくちゃ美味しくて、電子レンジで6分でできちゃう鶏ハムです！！ 塩もこしょうもにんにくも一切いりません！！柚子胡椒で一発でできちゃいます～！！ 柚子胡椒で高級ハムの味になります！！もう、私、一生作っていきます！！！！ レシピはこちら～！！ ↑↑ 作り方 2人前、鶏もも肉1枚分 ① 鶏もも肉（270g）に表裏20箇所ずつフォークで穴をあけて、柚子胡椒（小さじ2）を全体にすり込み、皮目が上になるように、ロール状にきつく巻き、巻き終わりを楊枝で縫うように2箇所止め、2重にしたラップにキャンディー状になるように巻き、とじ目を下にして耐熱皿にのせ、上面に楊枝で3箇所穴を空ける。 ② 600Wのレンジで6分加熱し、ラップに包んだまま20分ほどおいて粗熱を取ったら、1㎝厚に切る。 ☆ポイント☆ ・柚子胡椒は、必ず全体にぬってください。片面だけだと子供が辛くて食べられません。 ・楊枝が縫うように止め
えっ徳丸先生が2人いる！？ 真冬のセキュリティラップ対決で五島夕夏を振り向かせるのはどっちだ！！ | NO MORE 情報漏えい
お久しぶりです、五島夕夏です！ 以前にセキュリティのプロである徳丸浩先生の一日に密着し、たくさんのセキュリティテクニックを勉強してきました。 今回、またセキュリティに関するお話を聞けるということで、『NO MORE 情報漏えい』を運営するMOTEXさんのオフィスにやってきました！ それでは、さっそく徳丸先生のもとへ行きましょう！ 徳丸先生、おじゃましまーす！ 徳丸先生 「やあ夕夏さん、こんにちは。セキュリティのプロ、徳丸です。今日も変わらず綺麗だね」 徳丸 浩（とくまる ひろし）先生HASHコンサルティング株式会社・代表取締役。セキュリティのプロ。システムの脆弱性診断やコンサルティング業務のかたわら、ブログや勉強会などを通じてセキュリティの啓蒙活動も行うすごい人。 ゆうか 「先生、お久しぶりです。先日はいろいろと教えていただいてありがとうございました。今日もまたセキュリティについてたくさん
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
