[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

726users がブックマーク コメント 50

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

console.log(); しか使えなかった自分へ。。。 - Qiita

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント50

  • 注目コメント
  • 新着コメント
arapro
デバッガ使用と思わせてからのconsole一点突破

その他
tyhe
{変数} で {変数名:値} のオブジェクトが出来るのね。知らんかった。このサンプルの場合は console.log({name, age, sport}) とするのがスマートだね。

その他
fukken
{name: name} を {name} と書けるのはconsoleの機能じゃなくてES2015のオブジェクト初期化時の略記法(つまりconsoleに限らずモダンブラウザならどこでも使える)なので、念の為。 https://jsprimer.net/basic/object/

その他
kako-jun
エラーだけconsole.error()にすると、赤くなって便利です。あと、console.log(`hoge: ${hoge}`);は、console.log("hoge:", hoge);とも書けるよー(間に半角スペースが自動で入る) / 直接コメントに書いた

その他
sds-page
alert一点突破やで

その他
pwatermark
何のオブジェクトだか分からんもんはひとまずconsole.dir()に突っ込むんやで

その他
fa11enprince
logのときは`${変数}`じゃなくてカンマで書き並べるのが良い。`${変数}`だと変数が{ a: 'somestring', b: 42, c: false }のようなときに、[object Object]と悲しい結果になりがち。console.log('ここなんか怪しい!!', foo, bar)ってのがいいよ。

その他
Falky
これ系、必要な時に全部忘れてるんだよな

その他
shinagaki
debugger ってスクリプトに残してくと、嫌がらせになるのでオススメ

その他
iwasiman
自分もconsole.log以外よく忘れちゃいます。

その他
sharaku3eyes
good

その他
Rinta
最近はjsの仕事もあるので助かる。

その他
haususuahahdh
`debbuger;` って書くとブレークポイントになって止めてくれるのも便利だよ

その他
lovelymakichin
"const isEven = num => num % 2 === 0"

その他
mabushii_sign
全然知らなかった!

その他
clubman023
ためしてみよう

その他
apipix
こういうのでいいんだよなあ。小さい環境だと。

その他
nmcli
console使うときはちょっと攻めてみよう......

その他
sds-page
sds-page alert一点突破やで

2022年05月25日 リンク

その他
youichirou
.logしか知らんかった!。そんな便利な関数があったとは!

その他
xlc
サーバサイドの人だね。クライアント側ならログを見る時点で開発ツールを起動してるので、デバッガを知らない訳がない。

その他
ka-ka_xyz
console.log(`log messages. paramName: [${JSON.stringify(paramName)}]`)で済ませてる。(追記。ブラウザを選ぶ的なブコメがあるけど、もうすぐ終わるIE以外であれば大丈夫っしょ https://developer.mozilla.org/ja/docs/Web/API/console

その他
aceraceae
console.log は便利だけど呼び出された時点じゃなくて見た時点の値だから内容が書き換わるときは気をつけないとならなくてちょっとめんどくさい。

その他
Falky
Falky これ系、必要な時に全部忘れてるんだよな

2022年05月25日 リンク

その他
blogpants
うおー!console.logそんなに兄弟みたいのおったん!?( ́∇`)マジカ

その他
kamayan1980
「霹靂一閃!」「霹靂一閃!」を思い出しました。

その他
KoshianX
おお、console オブジェクトってけっこういろいろあるんだな

その他
kuracom
console.table 知らなかった...これは助かる

その他
W53SA
https://developer.chrome.com/docs/devtools/console/utilities/

その他
kkobayashi
へー便利やん!/console.なんちゃらって他にも色々あるのね

その他
nharuki
これは知らないことだらけだった...

その他
strawberryhunter
{var}で変数名がキーになるのはこう使うと便利なのか。

その他
fukken
fukken {name: name} を {name} と書けるのはconsoleの機能じゃなくてES2015のオブジェクト初期化時の略記法(つまりconsoleに限らずモダンブラウザならどこでも使える)なので、念の為。 https://jsprimer.net/basic/object/

2022年05月25日 リンク

その他
Shinwiki
覚えるより原始的にちょい見れればいい程度の頻度でしか使わんしなぁ。。

その他
tk_musik
これブラウザの仕様に依存するんじゃない?標準大好きブクマカ的にはどうなんだろう。

その他
helldeath
知らなくて目からうろこ。

その他
pwatermark
pwatermark 何のオブジェクトだか分からんもんはひとまずconsole.dir()に突っ込むんやで

2022年05月25日 リンク

その他
Mabuo_H
debuggerかと思いきや。

その他
tockri
まじか。tableって知らなかった。おお、なんだcount()とかcountReset()とか。いいじゃん。

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「console.log(); し...」が注目されています。

気持ちをシェアしよう

ツイートする

console.log(); しか使えなかった自分へ。。。 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure y... Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ブックマークしたユーザー

  • hard-luck_hero2023年12月04日 hard-luck_hero
  • techtech05212023年02月21日 techtech0521
  • halcco2022年10月03日 halcco
  • kirrr2022年09月02日 kirrr
  • mhag2022年06月22日 mhag
  • ysirman2022年06月21日 ysirman
  • wahoooo-772022年06月17日 wahoooo-77
  • akiyoko2022年06月15日 akiyoko
  • shayash2022年06月14日 shayash
  • rabzombie2022年06月12日 rabzombie
  • iwasiman2022年06月08日 iwasiman
  • littlefield2022年06月07日 littlefield
  • ram10092022年06月01日 ram1009
  • zyun11092022年06月01日 zyun1109
  • sengok3652022年05月31日 sengok365
  • autumn_k2022年05月30日 autumn_k
  • lunastera2022年05月30日 lunastera
  • lugecy2022年05月29日 lugecy
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /