Typescriptのドキュメント生成機能、TypeDocについて Typescriptには、コードからドキュメントを自動生成する機能があります。 この機能は、TypeDocと呼ばれるツールによって実現されます。TypeDocを使用すると、Typescriptのコードに含まれるクラス、メソッ…
TypescriptはJavaScriptの欠点を補う Typescriptは、JavaScriptの拡張言語であり、コンパイル時に静的型チェックを行うことができるため、JavaScriptの欠点であった型に関するエラーを減らすことができます。 このような特徴から、Typescriptは近年、Web開発…
近年のプログラミング言語の流行りについて プログラミング言語の流行は常に変化していますが、2021年の時点で最も人気のある言語は以下のとおりです。1. Python 2. JavaScript 3. Java 4. C ++ 5. C # 6. TypeScript 7. PHP 8. Swift 9. Kotlin 10. Goこれ…
Restコントローラとは REST（Representational State Transfer）コントローラは、RESTful Webサービスのアプリケーションプログラムインターフェース（API）において、HTTPリクエストに応じてリソースの取得、作成、更新、削除（CRUD）などの操作を行うため…
アトミック(Atomic)デザインとは？ アトミックデザインはデザインシステムの一種であり、UI/UXデザインにおいてコンポーネントベースのアプローチを採用しています。 アトミック(Atomic)デザインのメリットは？ 再利用性が高い アトミックデザインでは、小さ…
Pythonで人気のフレームワーク Pythonで人気のあるフレームワークは以下の通りです。 Django Webアプリケーションの開発に広く使用されている、Pythonで最も人気のあるフレームワークの1つです。 Djangoは、高速な開発と安全なコードの生成を可能にし、多数…
Seleniumの難しいポイント Seleniumを使った自動化テストは、次のような難しい点があります。 1. テストケースの作成 Seleniumを使用して自動化テストを行う場合、テストケースを正確かつ効果的に作成する必要があります。 テストケースは、テスト対象となる…
Selenium以外の自動化テスト Selenium以外にも様々な自動化テストツールやフレームワークが存在します。以下にいくつか例を挙げます。 Appium モバイルアプリの自動化テストツール。 iOSおよびAndroidプラットフォームに対応しています。 Cypress Webアプリ…
Seleniumは人気の高いツール Seleniumは、Webアプリケーションの自動テストやWebスクレイピングなど、様々な目的で使用される人気の高いツールです。 Selenium自体は比較的簡単に学ぶことができますが、Webアプリケーションの自動テストを実行するためにはテ…
SeleniumでWebページのスクリーンショット（キャプチャ）を取得 Seleniumを使用してWebページのスクリーンショット（キャプチャ）を取得するには、WebDriverのgetScreenshotAsメソッドを使用します。このメソッドは、Webページの画面をキャプチャして、画像…
Seleniumでのjavascriptのイベント実行 SeleniumではJavaScriptのイベントを実行することができます。 例えば、以下のようなJavaScriptコードがあるとします。 document.getElementById("myButton").click(); これは、idが「myButton」の要素をクリックするJ…
Selenium WebDriverとは？ Selenium WebDriverはSeleniumのコンポーネントの1つで、Webブラウザを自動操作するためのAPI（Application Programming Interface）を提供します。 WebDriverを使用することで、Seleniumを使ってWebアプリケーションのテストやス…
Pythonを使用したサンプルコード 以下はPythonを使用したSeleniumのサンプルコードです。この例では、Googleの検索エンジンで「Selenium」を検索し、結果のページタイトルを取得する例です。 from selenium import webdriver # ブラウザの起動 driver = webd…
テストツールのセレニウム(Selenium)とは テストツールのセレニウムは、Webアプリケーションの自動化テストに利用されるオープンソースのフレームワークです。主に、Webブラウザ上での操作を自動化することができます。セレニウムには、主に3つのコンポーネ…
指定したディレクトリ以下の特定のファイルを削除するコマンド 例えば、指定したディレクトリ以下のすべての.txtファイルを削除したい場合は、以下のコマンドを実行すれば削除できます。 find /path/to/directory -name "*.txt" | xargs rm"xargs"は、Unixや…
複数行の出力結果からある文言に一致する行を取り出したい場合 複数行の出力結果からある文言に一致する行を取り出したい場合はgrep以外でawkコマンドを使用できます。awkコマンド 例) echo '文字列' | awk '/[正規表現]/'"awk"は、UnixやLinuxシステムで利…
echoの出力内容を置換するコマンド 例えばecho aaaをbbbに置換する場合、以下のようなコマンドを実行すればOKです。 echo aaa | sed 's/a/b/g'"sed"は、LinuxやUnixシステムで利用できるテキスト編集ツールで、行単位での検索・置換や、行の削除・追加、行頭…
echoの出力内容を置換するコマンド 例えばecho aaaの最初のaだけをbに置換する場合、以下のようなコマンドを実行すればOKです。 echo aaa | sed 's/a/b/'"sed"は、LinuxやUnixシステムで利用できるテキスト編集ツールで、行単位での検索・置換や、行の削除・…
lsコマンドで隠しファイルを含めて表示させたい場合 lsコマンドで隠しファイルを含めて表示させたい場合は以下のように-aを付ければOKです。 ls -a"ls -a"コマンドは、LinuxやUnixシステムで利用できるコマンドで、現在のディレクトリにあるすべてのファイル…
コマンドの内容やオプションを知りたい時に実行するコマンド Linuxでコマンドの内容やオプションを知りたい時に実行するコマンドは以下になります。 manmanはマニュアルコマンドで、「man cd」などのように引数に調べたいコマンドを入力することで使用可能に…
ESlintとprettierの違いは？ ESLintとPrettierは、両方ともJavaScriptのコード品質を向上させるためのツールで昨今のフロントエンド開発には欠かせません。 それぞれ異なる役割を持っており、解説します。 ESLint ESLintは、JavaScriptコードに静的解析を適…
stylelintとは？ stylelintはCSSやSCSS、LESSなどのスタイルシートを検証し、一貫性のあるコードスタイルを維持するための静的解析ツールです。 昨今のフロントエンド開発には欠かせないツールとなっています。stylelintは以下のような機能を提供します。1. …
mvn installとmvn packageの違いは何でしょう？ mvn installとmvn packageは、Mavenビルドツールで実行できる2つのタスクですが用途が異なります。 mvn install mvn installは、プロジェクトのビルド、テスト、パッケージ化を行い、プロジェクトをローカルの…
Linuxでログインしているユーザを確認するにはどのコマンドを実行する？ whoamiwhoamiは、LinuxやUnixシステムで利用できるコマンドで、現在のユーザー名を表示します。
findコマンドで、標準エラーを捨てて、欲しい結果(標準出力)だけを得るためには何をつける？ 2> /dev/nullを後ろに付ける。 例） find / -name AAA 2> /dev/null/dev/nullは渡されたものを無にすることができます。 2>とすると、標準エラーを渡すことができ…
echoで出力した結果(例えばAAAという文字列)をtest.txtというファイルに追記するにはどうしたら良いですか？ echo AAA >> test.txt>>はLinuxのリダイレクト記号の1つであり、標準出力結果をファイルにリダイレクトします。既存のファイルに追記するコマンド…
echoで出力した結果(例えばAAAという文字列)をtest.txtというファイルに保存するにはどうしたら良いですか？ echo AAA > test.txt>はLinuxのリダイレクト記号の1つであり、標準出力結果をファイルにリダイレクトします。 既存のファイルを上書きするコマンド…
echoを使った足し算コマンドはどう書けますか？ echo '1+1' | bcbcは、Linuxで利用できるコマンドライン計算機です。 bcを使用すると、算術演算子（加算、減算、乗算、除算など）を使用して数値を計算できます。 ただあまり使うことはないので知らない人が多…
フロントエンドのバンドルとは フロントエンドのバンドルとは、プロジェクト内にある複数のJavaScriptファイルやCSSファイルを1つのファイルにまとめることを指します。 これにより、Webページのロード時間を短縮することができ、ユーザー体験を向上させるこ…
SSH (Secure Shell) は、ネットワーク上で安全にリモートコンピュータに接続するためのプロトコルのことです。 ネットワーク経由で安全にコンピュータを操作することができるため、遠隔地からコンピュータにアクセスする場合や、複数のコンピュータを管理す…
