【こんそーる】

コンソール とは?

💡 テキストでコンピュータを操作・監視する「管理用の入出力画面」
📌 このページのポイント
コンソール:ログ出力と情報表示 Console [INFO] アプリを起動しました [INFO] ポート3000で待ち受け中... [WARN] キャッシュの有効期限切れ [INFO] GET /api/users 200 OK (12ms) [ERROR] DB接続失敗: timeout [DEBUG] リトライ 1/3 実行中... > プログラムの動作状況やエラーを確認する画面
コンソールのイメージ
ひよこ ひよこ

コンソールとターミナルって何が違うの?

ペンギン先生 ペンギン先生

厳密には違うけど現場では混用される。ターミナルはもともと「端末」を指す言葉でシェルに接続する窓口。コンソールは「システムの操作・監視インターフェース」という少し広い意味。「ターミナルを開く」=「コンソールを開く」として使う場面が多い。

ひよこ ひよこ

ブラウザの「コンソール」は違うもの?

ペンギン先生 ペンギン先生

ブラウザの開発者ツール(F12)の「コンソール」タブはJavaScriptのconsole.log()出力を確認したり、JSコードを実行したりできる場所。同じ「コンソール」という言葉だけど、コンテキストが違う。

ひよこ ひよこ

AWSの「管理コンソール」はまた別?

ペンギン先生 ペンギン先生

そう。AWSマネジメントコンソールはWebブラウザからAWSリソースGUIで管理するサービス。「コンソール=制御パネル」という使い方。テキストインターフェースではなくGUIで、用語の使い方がかなり違う。

ひよこ ひよこ

console.logのデバッグって、ちゃんとしたデバッガを使うべき?

ペンギン先生 ペンギン先生

console.logは手軽だけど、複雑な問題にはブレークポイントを使ったデバッガの方が効率的だよ。変数の中身をリアルタイムで見たり、ステップ実行で処理の流れを追えるからね。でも知らない人も多いテクニックとして、console.table()で配列テーブル表示したり、console.time()/console.timeEnd()で処理時間を計測したり、console.trace()でスタックトレースを出したりできるんだ。さらにconsole.log()に%cを使うとCSSでスタイルが付けられるよ。本番コードにはconsole.logを残さないのがマナーだけどね。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
コンソールって出てきたら「テキストでコンピュータを操作・ログ確認するインターフェースターミナルとほぼ同義」と思えばOK!
📖 おまけ:英語の意味
「Console」 = 操作台・制御盤
💬 工業・航空分野の「制御コンソール(操作台)」から転用。コンピュータの操作・監視インターフェースを指すようになった
← 用語集にもどる