技術スタックTech
Playwright
Microsoftが開発したオープンソースのWeb UI自動化テストフレームワークです。主にWebアプリケーションのエンドツーエンド (E2E) テストを自動化するために使用されます。
Storybook
UIコンポーネントの開発、テスト、ドキュメント化を効率化するためのツールです。特に、React、Vue、Angularなどのフロントエンドフレームワークで、UIコンポーネントを独立して開発・表示・テストするのに役立ちます
WebSocket
ウェブブラウザなどのクライアントとサーバー間で、リアルタイムかつ双方向の通信を可能にするプロトコルです。一度接続が確立されると、HTTPのようにリクエストとレスポンスを逐一やり取りする必要がなく、持続的な接続を維持します。これにより、チャットアプリやオンラインゲームなど、リアルタイム性が求められるアプリケーションで効率的なデータ伝送を実現します。
React Hook Form
Reactのフォームを効率的に管理するためのライブラリです。useStateのようなReactのフックを利用して、フォームの状態管理やバリデーションを簡潔に行うことができます。これにより、コードの量を減らし、パフォーマンスを向上させることができます。
Turbopack
Vercel社が開発するRust製の高速ビルドツールです。Webpackの後継を目指しており、大規模なアプリケーションでも非常に速いビルド速度を実現します。
Dify
AIネイティブなアプリケーションを迅速に開発・運用できるプラットフォームです。直感的なUIでプロンプト設計やデータ連携を行い、APIを自動生成します。
Mermaid
図やグラフをシンプルなテキスト記述から生成するためのマークダウン風のスクリプト言語です。 開発者やドキュメンテーション作成者などのユーザーが、コードブロックの中でシーケンス図、フローチャート、ガントチャート、クラス図などを作成できるようにします。
Jest
Meta社（旧Facebook）製のJavaScriptテストフレームワークです。シンプルで設定が少なく、多くのプロジェクトで採用される人気のテストツールです。
Vite
高速な開発サーバー起動と効率的なビルドを実現するフロントエンド開発ツールです。ESモジュールをネイティブに活用し、快適な開発体験を提供します。
markdown
プレーンテキスト形式で手軽に文書構造を記述できる軽量マークアップ言語です。HTMLなどに変換でき、READMEファイルやブログ記事執筆に広く利用されます。
Gemini
Googleによって開発された、高性能なマルチモーダルAIモデルです。テキスト、画像、音声、動画、コードなど多様な情報を理解し処理できます。
Claude
Anthropic が開発した大規模言語モデル。自然な対話能力と長文処理に優れ、安全性と信頼性に配慮された設計が特徴です。様々なタスクに対応する高性能 AI アシスタントとして機能します。
Tailwind CSS
ユーティリティファーストの CSS フレームワーク。HTML にクラスを直接記述するアプローチで、カスタマイズ性が高く迅速な UI 開発ができます。事前定義されたクラスを組み合わせて効率的にスタイリングします。
Obsidian
マークダウン形式のナレッジベース管理ツール。ローカルファイルベースでノートを保存し、ノート間のリンク機能やグラフビューなどの強力な知識管理機能を提供します。
MCP サーバー
Minecraft 用のマルチプレイヤーサーバーソフトウェア。複数のプレイヤーが同時に遊べるオンライン環境を提供し、プラグインによる機能拡張やワールド管理などが可能です。
ジェネリクス
型パラメータを使用してコードを再利用可能にするプログラミング手法。TypeScript で、型安全性を保ちながら柔軟なコンポーネント設計を可能にします。
GitHub Copilot
GitHub と OpenAI が共同開発した AI ペアプログラミングツール。コード補完や生成を行い、開発者の生産性を向上させます。自然言語からコードへの変換も可能です。
Cline
モダンな AI 開発環境を提供するツール。高度なコード生成や補完機能を備え、開発者の生産性を向上させることを目的としています。
Devin
Anthropic が開発した、自律型 AI ソフトウェアエンジニア。コーディング、デバッグ、コードベース理解など、エンジニアリングタスクを支援します。
Custom Hook
React の関数コンポーネントにおいて、ロジックを再利用可能な関数として抽出する手法。「use」で始まる命名規則を持ち、複数コンポーネント間で状態やロジックを共有できます。
Suspense
React の機能で、データの読み込み状態によって条件付きで UI をレンダリングできます。非同期処理の結果を待つ間のローディング状態を宣言的に扱えます。
Server Components
React Server Components の略。サーバー上でのみ実行されるコンポーネントで、クライアントへの JavaScript バンドルを削減し、初期ロード時のパフォーマンスを向上させます。
Zustand
React のための軽量な状態管理ライブラリ。シンプルな API、最小限のボイラープレート、hooks 対応が特徴で、Redux よりもシンプルな React アプリの状態管理に適しています。
Jotai
React のための状態管理ライブラリ。アトムベースのアプローチを採用し、シンプルな API と分割された状態管理により、コンポーネント間の状態共有を容易にします。
Cursor
AI を活用したコードエディタ。コード生成、リファクタリング、バグ修正などの機能を提供し、プログラミングの効率を向上させます。
Zod
TypeScript ファーストのスキーマ宣言・検証ライブラリ。型推論が強力で、ランタイムでのデータバリデーションと型安全性を両立しています。
shadcn/ui
再利用可能な UI コンポーネントのコレクション。React とマインドすることで、高品質な UI を効率的に構築できます。カスタマイズ性が高いのが特徴です。
NestJS
効率的かつスケーラブルな Node.js サーバーサイドアプリケーションを構築するためのフレームワーク。TypeScript を完全サポートし、Angular 風の構造を持ちます。
ChatGPT
OpenAI が開発した大規模言語モデルをベースにした対話型 AI。自然な会話形式で質問に答えたり、文章作成やプログラミング支援などさまざまなタスクをこなせます。
wordpress
世界で最も普及しているオープンソースの CMS（コンテンツ管理システム）。ブログからコーポレートサイトまで、様々な Web サイト構築に利用されています。
Codeigniter
PHP ベースの軽量ながらパワフルな MVC ウェブアプリケーションフレームワーク。シンプルな構造とパフォーマンスに優れ、迅速な開発を可能にします。
Serposcope
ウェブサイトの検索エンジンランキングを追跡・監視するための無料のオープンソースツールです。SEOのパフォーマンス分析に役立ちます。
GoogleAppScript
Google のクラウドベースの JavaScript 開発環境。Google ドキュメントやスプレッドシートなど Google サービスの機能拡張やカスタマイズを可能にします。
git
分散型バージョン管理システム。ソースコードの変更履歴を追跡し、複数の開発者による並行開発を効率化します。ブランチ機能により並行開発とマージが容易になります。
ESLint
JavaScript コードの品質を保つための静的解析ツール。コードの問題点を特定し、一貫したコーディングスタイルを強制することで、バグの早期発見と修正を支援します。
express
Node.js 向けの柔軟で最小限の Web アプリケーションフレームワーク。Web アプリやモバイルアプリのバックエンドサーバー構築に広く利用され、シンプルな API 作成に強みがあります。
Ansible
サーバー構成管理とアプリケーションデプロイを自動化するためのオープンソースツール。YAML を使用して「playbook」と呼ばれる設定ファイルを記述し、複数サーバーの一元管理を実現します。
Ruby
シンプルで生産性の高いオブジェクト指向スクリプト言語。読みやすく書きやすい構文が特徴で、Web アプリケーションフレームワーク「Ruby on Rails」の基盤言語です。
windows
Microsoft が開発する OS シリーズ。グラフィカルなインターフェースとアプリケーションの豊富さが特徴で、ビジネスからゲームまで幅広い用途で使用されています。
PHP
Web 開発向けの汎用スクリプト言語。HTML に埋め込んで使用でき、データベース連携も容易なため、動的 Web サイト構築に広く使われています。
Ionic
HTML、CSS、JavaScript を使ってクロスプラットフォームモバイルアプリを開発するためのフレームワーク。Angular、React、Vue などと組み合わせて使用できます。
linux
オープンソースの UNIX 系オペレーティングシステム。サーバー環境から組み込みデバイスまで幅広く使用され、多様なディストリビューションが存在しています。
mkcert
ローカル開発環境で有効な信頼された TLS 証明書を簡単に作成できるツール。「localhost」やローカル IP アドレスに対して有効な HTTPS 接続をセットアップできます。
nodenv
Node.js のバージョン管理ツール。プロジェクトごとに異なる Node.js バージョンを使い分けることができ、.node-version ファイルでバージョンを指定します。
Ubuntu
Debian ベースの人気 Linux ディストリビューション。使いやすさとソフトウェアの豊富さが特徴で、デスクトップからサーバー、クラウドまで幅広く利用されています。
vscode
Microsoft が開発した高機能で拡張性に優れたオープンソースコードエディタ。多言語サポート、デバッグ、Git 統合など豊富な機能を持ち、多くの開発者に利用されています。
Zabbix
エンタープライズ向けの分散型オープンソース監視プラットフォーム。ネットワーク、サーバー、アプリケーションなど IT インフラの統合監視を提供します。
Linaria
ゼロランタイム CSS イン JS ライブラリ。JavaScript でスタイルを記述しつつも、ビルド時に静的な CSS ファイルを生成することで、実行時のオーバーヘッドを解消します。
Sentory
エラーモニタリングおよびパフォーマンス監視サービス。アプリケーションの問題をリアルタイムで追跡し、診断情報を提供します。
シェルスクリプト
UNIX 系 OS でのコマンド自動実行や日常的なタスク自動化のためのスクリプト言語。シェル（bash、zsh など）のコマンド体系を使ってプログラミングを行います。
styled-components
React コンポーネントに CSS を直接記述できる CSS-in-JS ライブラリ。コンポーネントとスタイルを一体化し、動的なスタイリングとスコープ付き CSS を実現します。
stylelint
CSS のリンターツール。構文エラーの検出やスタイルルールの強制により、一貫性のある CSS 記述を支援します。さまざまな構文やプリプロセッサにも対応しています。
Prettier
コードフォーマッター。JavaScript、TypeScript、CSS、JSON など多くの言語に対応し、一貫したコードスタイルを自動的に適用してくれます。
RxJS
リアクティブプログラミングのための JavaScript ライブラリ。複雑な非同期処理やイベントストリームを扱うための「Observable」パターンを提供します。
Next.js
React ベースのフレームワークで、サーバーサイドレンダリング、静的サイト生成、API ルートなどの機能を提供。パフォーマンスと SEO 対策に優れた Web アプリ開発を可能にします。
MySQL
世界で最も普及しているオープンソースのリレーショナルデータベース管理システム。高速性、信頼性、使いやすさを特徴とし、Web アプリケーションでよく使用されます。
CSS
カスケーディング・スタイル・シート。HTML や XML 文書の見た目や書式を定義するスタイルシート言語です。Web ページのレイアウト、色、フォントなどを制御します。
npm
Node Package Manager。Node.js のデフォルトパッケージマネージャー。JavaScript ライブラリの検索、インストール、管理を行い、依存関係を処理します。
HTML
HyperText Markup Language。Web ページの構造を定義するマークアップ言語です。テキスト、画像、リンクなどのコンテンツを表示するための標準言語として広く使われています。
Unix
多くの現代 OS の原型となった多ユーザー・マルチタスク OS ファミリー。シンプルさと「小さなツールの連携」哲学が特徴で、Linux、macOS などに影響を与えています。
yarn
Facebook（Meta）が開発した JavaScript パッケージマネージャー。npm の代替として、高速でセキュアな依存関係管理を提供します。
React
Facebook が開発した JavaScript ライブラリ。コンポーネントベースの UI を構築でき、仮想 DOM による効率的な更新と宣言的なプログラミングが特徴です。
Redux
JavaScript（特に React）アプリケーションのための予測可能な状態コンテナ。単一のストアに状態を集中管理し、状態変更を純粋な関数（リデューサー）で行います。
CentOS
Red Hat Enterprise Linux から派生したフリーの Linux ディストリビューション。エンタープライズ環境での使用に適した安定性と長期サポートが特徴です。
Docker
アプリケーションを「コンテナ」と呼ばれる独立した環境にパッケージ化するプラットフォーム。依存関係も含めて一貫した環境を提供し、「どこでも動く」を実現します。
Node.js
Chrome の V8 JavaScript エンジンをベースにした JavaScript 実行環境。サーバーサイドで JavaScript を実行でき、イベント駆動型の非同期 I/O モデルが特徴です。
Vagrant
仮想開発環境の構築と管理を自動化するツール。「Vagrantfile」で環境を定義し、VirtualBox などの仮想化ソフトと連携して一貫した開発環境を提供します。
webpack
モダン JavaScript 向けのモジュールバンドラー。依存関係を解決し、JavaScript ファイルやその他のアセットを最適化して 1 つ以上のバンドルにまとめます。
JavaScript
Web ブラウザで動作する軽量なプログラミング言語。インタラクティブな Web サイト構築に不可欠で、現在は Node.js などによりサーバーサイド開発にも利用されています。
TypeScript
Microsoft による JavaScript の上位互換言語。静的型付けを追加することで、開発時の型エラー検出と強力な IDE サポートを実現し、大規模アプリ開発に適しています。
VirtualBox
Oracle が提供するクロスプラットフォームの仮想化ソフトウェア。Windows、Linux、macOS など様々な OS を仮想マシンとして実行できます。
nginx
高性能な Web サーバー、リバースプロキシ、ロードバランサー。少メモリで高いパフォーマンスを発揮し、静的コンテンツの配信やプロキシサーバーとして広く利用されています。
Homebrew
macOS（および Linux）向けのパッケージマネージャー。コマンドラインツールやソフトウェアを簡単にインストール・管理できます。「brew install」コマンドが特徴的です。
Mac
Apple が開発・販売するパーソナルコンピュータおよびその OS（macOS）。デザイン性と使いやすさに優れ、クリエイティブワークやプログラミングに人気があります。