benishouga

PlayWright を使ってE2Eテストを書いてみた

こんにちは。クロステック・オフィスの benishouga です。

この記事は「CRESCO Advent Calendar 2020」20日目の記事です。

今回は PlayWright というライブラリについて、調べる機会があったので、PlayWright とは?という説明を少しと、簡単な使い方として「ユーザー操作を記録してのコード生成」「マルチブラウザ向けの E2E テスト」を行ってみたいと思います。

今回使用した環境は、 Windows 10, Node.js v14.15.0, npm 6.14.8 となっています。

PlayWright とは

PlayWright とは Microsoft が中心になって開発する Node.js 上からブラウザを操作するためのライブラリです。

続きを読む

React Hooks API をふんだんに使ってみた

この記事は 『CRESCO Advent Calendar 2018』 10 日目の記事です。

こんにちは。スマート・テクノロジー・オフィスの benishouga です。

今回は 10 月下旬ぐらいから React 界隈で少し話題になっている React Hooks API を実験的に自分の作っているアプリに適用してみたのでその紹介をしたいと思います。

React Hooks API とは

React Hooks API とは Facebook が公開している React という UI コンポーネントを作るためのライブラリ に追加予定の新しい API 群で、従来の API 群では状態を保持するコンポーネントを作成するには class を使って実装していたところを単純な function で扱えるようにするものです。

続きを読む

1dayインターンシップでのJavaScriptプログラミングゲーム Sourcer の活用紹介

この記事は 『CRESCO Advent Calendar 2017』 20日目の記事です。

こんにちは。スマート・ソリューション・センターの benishouga です。

今回はクレスコで行っている 1dayインターンシップの取り組みとそこで利用している JavaScriptを使ったプログラミングゲーム Sourcer の作りについて紹介します。

続きを読む

TypeScriptを実案件で使ってみた

こんにちは。スマート・ソリューション・センターのbenishougaです。

今回は業務でTypeScriptを使う機会があったので、簡単なTypeScriptのご紹介と、そこで出てきた感想などを共有したいと思います。TypeScriptを導入する際の参考になれば嬉しいです。

続きを読む