すべてのカテゴリ

超初心者向け、プログラミング講座もう少し簡単なプログラミングの話をと言うリクエストに答えて、初めてプログラミングを学習する型向けの連載を始める事にしました。講座のゴールは、簡単な Web プログラミングができるようにと言うのがゴールです。Web プログラミングなので、使用するプログラミング言語は Javascript（Node.js）を利用します。第一回は、まずは、プログラミングをするための準備です。プログラミングをするための準備最初に行うのは、コンピュータの準備です。スマホではできません！ コンピュータも色々ありますが、今回の連載では、Windows の PC を利用するのを前提でお届けします。 Mac をご利用の方でも、ほぼ同じような事が可能なのですが、今回は「超初心者」向けで、本当に初めてプログラミングをやってみようと言う方を対象にしていますので、混乱を防ぐ意味で、Windows10（もしくは Windows11）を使って進めていく事にします。最新の PC は、2022 年現在だと、Windows11 を搭載した物が殆どだと思いますが、少し古い PC だと Windows10 の場合もあると思いますが、どちらも似ているので取り敢えずこの二つを利用するのを前提で進めて行きます。プログラミングをするのに必要な物は、今回は二つのアプリです。インターネットにアクセスするための Web ブラウザは、PC にすでに入っていると思いますので、まずは以下の二つを用意します。＊　Microsoft Visual Stadio Code (VSCODE)＊　Node JSです。どちらもインタ

Windows で NodeJS を使うNodeJS は基本的に、コマンドラインで利用するアプリです。Windows のコマンドラインは、Linux や MacOS とは違うタイプの物を使っています。この記事では、Windows で NodeJS を使う場合について紹介しています。Web 開発でよく利用される NodeJSNodeJS に含まれている「npm」、Javascript のパッケージ管理のためのアプリです。 NodeJS を使わなくても、Web 開発は可能ですが、Vue や React などを利用して開発する場合、殆どの場合は、パッケージ管理のアプリを使って開発するのが一般的です。 この連載でも、Vue を利用するやり方として、NodeJS に含まれる、「npm」を利用するやり方を以前の記事で紹介しています。「npm」を利用すると、Vue や React などのフレームワークの仕組み以外にも、インターネット上で公開されている沢山の基本機能のパッケージ（モジュール）も簡単に自分の開発プロジェクトに取り込んで利用する事ができます。こうした、理由もあって「npm」は Web 開発では広く利用されているアプリになっています。「npm」を含めてソフトウエアの開発用のアプリの多くが、「Unix」という OS をベースに開発されていて、無料で公開されています。Linux や MacOS は、Unix ベースの OS なので余り問題はないのですが、Windows は、少し系統の違う OS なので若干の違いがあります。この記事では、Windows で Web 開発を行う場合のやり方に

# はじめにみなさん、Playwright をご存知ですか？これまで、Node.js での E2E テストといえば、puppeteer、TestCafe を使っていたという方も少なくないのではないでしょうか？Playwright は、そのうち、puppeteer と同じような記述も多く、非常に分かりやすいかと思います。また、Microsoft によって開発、運用されているため、今後サポートされなくなるというリスクもある程度回避できるかと思います。2020/12/26 時点では、バージョン 1.7.0 なので、その時点での情報になります。# サポート環境2020/12/26 時点でサポートしているのは以下になります。- Node.js 10.17 以上- Windows: Windows 及び WSL で動きます- macOS: 10.14 以上- Linux: ディストリビューションによる（Firefox は、Ubuntu 18.04 以上）古い Microsoft Edge や IE 11 はサポートされていません。また、Python や C# などでも使えますが、Java や Ruby はサポートしていません。# インストール```$ yarn add -D playwright```# 簡単な例Yahoo! JAPAN トップページにアクセスして、スクリーンショットを撮るテストをしてみます。```js:test.jsconst { chromium, devices } = require('playwright');(async () => {const brow