Tech Bytes

短くて分かりやすい技術情報を記事として共有します。みなさんにとって学びになれば幸いです。

Javascript

axiosについてと実装例

axiosとは? axiosを使用した処理例 axios以外のJavascriptのHTTPクライアント axiosとは? axiosは、JavaScriptで使用される人気のあるHTTPクライアントライブラリです。 主にWebアプリケーションやNode.jsアプリケーションでサーバーとのHTTPリクエストを…

AMPページの特徴とこれから

AMPページの特徴 AMPの流行性 AMPの実装例 AMPページの特徴 AMP(Accelerated Mobile Pages)は、ウェブページを高速に読み込み、モバイルデバイスでのユーザーエクスペリエンスを向上させるために設計されたオープンソースのイニシアチブです。 以下は、AMP…

Javascriptでvarを使わない方がよい?

ES6(ECMAScript 2015)以降ではvarの使用を避けることが推奨 ブロックスコープと関数スコープの違い ES6(ECMAScript 2015)以降ではvarの使用を避けることが推奨 JavaScriptにおいては、ES6(ECMAScript 2015)以降では、varの使用を避けることが推奨され…

Typescriptのドキュメント生成機能について

Typescriptのドキュメント生成機能、TypeDocについて Typescriptには、コードからドキュメントを自動生成する機能があります。 この機能は、TypeDocと呼ばれるツールによって実現されます。TypeDocを使用すると、Typescriptのコードに含まれるクラス、メソッ…

Typescriptの人気がある理由は?

TypescriptはJavaScriptの欠点を補う Typescriptは、JavaScriptの拡張言語であり、コンパイル時に静的型チェックを行うことができるため、JavaScriptの欠点であった型に関するエラーを減らすことができます。 このような特徴から、Typescriptは近年、Web開発…

Seleniumでjavascriptのイベントを実行することはできるの?

Seleniumでのjavascriptのイベント実行 SeleniumではJavaScriptのイベントを実行することができます。 例えば、以下のようなJavaScriptコードがあるとします。 document.getElementById("myButton").click(); これは、idが「myButton」の要素をクリックするJ…

ESlintとprettierの違いは?役割を解説

ESlintとprettierの違いは? ESLintとPrettierは、両方ともJavaScriptのコード品質を向上させるためのツールで昨今のフロントエンド開発には欠かせません。 それぞれ異なる役割を持っており、解説します。 ESLint ESLintは、JavaScriptコードに静的解析を適…