ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

JavaScriptでconsole.logで出力する方法

📌

結論

console.log() でコンソールに出力できます

JavaScriptで最初に覚えるべきは console.log() です。
📝 実際のコードはこちら
console.log('Hello');
これだけで、コンソールにHelloと表示されます。

console.logは何のために使うの?

プログラミングではこの変数、今なんの値だろう?という場面が頻繁にあります。そんなとき console.log() で値を出力して確認します。
メソッド用途表示
console.log()一般的な出力通常表示
console.error()エラー表示赤色で表示
console.warn()警告黄色で表示
console.table()表形式表で見やすく

文字列の書き方

📝 実際のコードはこちら
console.log('シングルクォート');
console.log("ダブルクォート");
console.log(`テンプレートリテラル`);
どれでもOKですが、チームで統一するのが一般的です。

まとめ

console.log() はデバッグの基本ツール ・文字列はシングルクォートかダブルクォートで囲む ・本番コードではconsole.logは削除するのが一般的

演習で試してみよう

console.logでHelloと出力してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

console.logでHelloと出力してください。

詰まったらヒント

console.log('Hello') と書きます。

10pt

コンソールに出力

console.logでHelloと出力してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説