console.log()でスネークゲームを出力する - Qiita
きっかけ 【2019年4月版】JavaScriptのconsoleがすごいことになってた。 こちらの記事でconsole.log()の出力結果にCSSを効かせられるという話を知りました。 CSSが効くということはlogに何か派手なものを出力できるはず！ということで、手始めにスネークゲームを作成し開発ツールのログに出力してみました。 できたもの 動作ブラウザ：Google Chrome (v73.0.3683.86) 実装方法 基本的な考え方 console.log()の出力結果を後から変更はできないので、力業古典的な描画の仕方で動くゲーム画面を出力します。 ・ゲーム画面の状態をCSSの装飾で作成する ↓ ・console.log()の出力を定期的に行う ↓ ・log上ではパラパラ漫画の要領で画面が動いて見える ↓ ・ゲーム画面の出力ができた！！ function drawMap(field
1行のコードでモバイルブラウザに開発者ツールを搭載できるJavaScriptライブラリ「Eruda」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、スマホのモバイルブラウザに本格的な開発者ツールを組み込むことができるJavaScriptライブラリをご紹介します！ 「コンソール」機能を使ったデバッグやエラーログの確認、「ネットワーク」機能で通信状態を確認したり、「リソース」機能でCookieデータを確認するなどなど…、開発する上で便利な機能が満載です。 スマホ1つあれば開発者ツールが利用できるので、ぜひみなさんも試してみて下さい！ 【 Eruda 】 ■「Eruda」の使い方 それでは、「Eruda」を利用して開発者ツールを使うための準備作業から始めましょう！ 準備といってもやることは簡単で、「Eruda」のライブラリファイルをインストールするだけです。 Node.jsの開発環境を持っている人であれば、npmから以下のようにインストールできます。 npm install eruda
JavascriptのChromeでのデバッグ方法個人的まとめ2016 - Qiita
はじめに Javascript開発でよく使ってるデバッグ方法についての個人的なまとめです。 当たり前の事ばかりですが、これからJavascript開発をやる方や興味がある方に少しでもお役に立てればと思います。 デバッグの鉄板 console.log Javascriptの開発でconsole.logを使わない人を探すほうが難しいくらいだと思います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSのパフォーマンスをお手軽に解析する方法 - Qiita
