[B! Console] y_yukiのブックマーク

y_yuki id:y_yuki

Consoleに関するy_yukiのブックマーク (12)

Amplify ConsoleでCypressによるE2Eテストが実行できるようになりました！Vueアプリで試してみた #Amplify #Vue.js #Cypress | DevelopersIO
Amplify ConsoleがCypressのテストをサポート！ Amplify ConsoleでE2Eテスティングフレームワーク「Cypress」がサポートされました！ Running end-to-end Cypress tests for your fullstack CI/CD deployment with Amplify Console | AWS Mobile Blog CypressはWebアプリ開発のお供として、現在非常によく使われているテスティングフレームワークかと思います。Amplify Consoleでサポートされたことによって、E2Eテストを含めたCI/CD環境がサクッと構築できるようになりました。早速使ってみました！Cypressを使ってログイン操作のE2Eを試してみます。試すためのWebアプリを用意する Amplify自体の説明は省きます。まずは以下のコ
y_yuki 2019/10/02
amplify

console

テスト
リンク
【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita
JavaScript の console がすごいことになっているらしい。本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・そんなわけで以下のコード console.log("Object value:
y_yuki 2019/04/04
chrome

javascript

console
リンク
[翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - Qiita
Things you probably didn't know you could do with Chrome's Developer Consoleの抄訳。 1. jQueryが入っていなくても$$で同等のことができる jQueryが入っていなくても$$('.hoge'), $$('#hoge'), $$('tagName')で同等のことができる（\$が2個であることに注意）。 $が1個の$('.hoge')も定義されているが、こちらは配列でなく1個の要素を返してくる。 2. ページを編集できる
y_yuki 2017/01/17
chrome

console

javascript
リンク
フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ
サーバーサイドに比べて見落とされがちな、フロントエンドのエラーログ収集。JavaScriptのログ収集、確認に役立つ手法、ツール、ライブラリーを総まとめ。開発進行中も本番モードでの運用時も、ソフトウェアアプリケーションにおいてロギングは大切です。サーバーを運用しているなら、サーバーサイドの言語選択にかかわりなく無数のライブラリーを利用でき、広範に及ぶストレージメカニズムやログ出力を扱う際の各種ツールも使えます。しかし、クライアント側アプリケーションとなるとロギングは見過ごされがちで、利用できる手法もかなり限られています。この記事ではクライアント側アプリケーション、特にJavaScriptを中心としたシングルページアプリケーション（SPA）におけるロギングの実装方法を紹介します。コンソールエラーとメッセージのロギング方法でもっとも一般的かつ分かりやすいのは、おそらくコンソールの使
y_yuki 2016/11/30
javascript

ロギング

ログ

console
リンク
Lambda + CloudWatch Events + KMS で AWS コンソールへの不正アクセスを秒速で検知して「平穏な生活」を手に入れる - クラウドワークスエンジニアブログ
ペルソナ5にドハマリし、先日100時間以上かけてクリアした @tmknom です。主人公の名前は吉良吉影。怪盗団の名前はキラークイーンです。ちなみに二周目に突入しました。さて、みなさんもご存知の通り、 AWS ユーザは常にある不安を抱いています。 AWS アカウントを乗っ取られたらどうしよう。バイツァ・ダストよろしく、すべてを吹っ飛ばされたらどうしよう。という不安です。しかし、我々は AWS を使わずにはいられないという『サガ』を背負ってはいますが『幸福に生きてみせるぞ！』という強い意思を持たねばならないのです。そんなわけで、意思を現実のものへと体現すべく AWS コンソールへ、いつ誰がサインインしたのかSlackに通知して、不正アクセスを簡単に検知できる仕組みを構築してみましょう。はじめに事前準備バージニア北部へリージョンを切り替え Lambda の初期セットアップ Cl
y_yuki 2016/11/02
AWS

lambda

slack

Console
リンク
Visual Debugging with ES6 and Node.js
We’ve been working with Node.js for several years at Good Eggs and love the JavaScript ecosystem, particularly the advancement of the language itself with ECMAScript 6. While the number of options in the JavaScript ecosystem is still exploding, it does feel like we are starting to narrow in on a great toolset. Today, all our new applications are using ES6 and ReactJS and it feels right. Below I sh
y_yuki 2016/10/31
JavaScript

Node

es6

console

debug
リンク
Different ways to debug JavaScript code
Much of time of developers spent on fixing probl ems. When it comes to fixes, one need to be good and fast at debugging. Debugging is part of programming. It’s very difficult to write efficient JavaScript code without debugging. You must diagnose into code to find an actual root cause. In the era of IE, most of the programmer debug using alert. But now a day’s many methods and tools added into brow
y_yuki 2016/10/31
JavaScript

debug

console
リンク
console.logまとめ 2016年夏 - Qiita
console.log関連についてまとめました。モダンブラウザであればどれも使用できると思いますが、基本出力結果等はchromeで確認したものです。 console.hogehogeのいろいろ基本引数を入れることで出力結果をカスタマイズできます console.info、console.warn、console.error それぞれで見た目を変えることができます。 console.assert 式を評価してfalseの場合にログ出力します。 console.count ログの出力結果が同じ場合にカウント数が自動的に増えていきます。 console.dir オブジェクトのプロパティの中身をログに出力します。 console.dirxml HTMLとかXMLの要素を渡すと、下の要素が全部見れるようになります。 console.group、conosle.groupCollapsed co
y_yuki 2016/08/19
console

javascript

まとめ
リンク
ConEmu 突っ込んだら Git for Windows の Git Bash がカッコよくなった
Git for Windows の Git Bash の配色がイマイチだなーと思ってググってたら、Console2 だとか ConEmu を使うと楽にできるっぽいことが、Stack Overflow とか英語のブログで見つかった。そこで、ConEmu を試してみたら色々と幸せになった (Console2 はそのままでは日本語が使えなかった。解決方法はあるらしいけど…)。左が Git Bash、右が ConEmu さん。アンチエイリアス効いてるし、色もオサレ。起動から色を設定するまで ConEmu を起動すると、初回は設定の保存場所などを確認される。お好みで答えて [OK] を押すと、タブ化した MS-DOS プロンプトみたいなのが立ち上がってくる。 [Win] + [N] を押すと新しいタブを開始できる。上のキャプチャーのように、どんな環境のタブを開始するかをメニューで聞いてきて
y_yuki 2014/03/07
windows

console

git
リンク
Backbone.jsで全イベントをconsoleに出力するデバッグ用スクリプト - Qiita
最近こんな記事を見かけて、フーンと思いながら眺めていたら、便利そうな内容(Ease debugging of Backbone events)を見かけたので、自分なりにアレンジしてみました。 Backbone.jsで作成したオブジェクトで発火した全イベントをこんな感じでconsoleに出力してくれます。ソースは以下(コメントの指摘を受けて一行修正しました)。 (function () { 'use strict'; // ログのスタイル var logStyles = { timestamp: { color: 'gray' }, label: { color: 'white', 'border-radius': '2px' }, event: { color: 'blue', 'font-weight': 'bold', 'font-size': '110%' } }; // ラベルの
y_yuki 2013/11/08
JavaScript

Backbone.js

デバック

console
リンク
JavaScript Error Monitoring
Easily Find and Reproduce JavaScript Errors TrackJS makes finding and fixing client-side errors simple. We automatically detect bugs on your website and give you a clear view of how the user got to the error. Don't wait for your users to report bugs. Know as soon as they happen with TrackJS.
y_yuki 2013/08/19
JavaScript

console

webサービス
リンク
便利なPlayコンソールとEclipseでのデバッグ方法
便利なPlayコンソールとEclipseでのデバッグ方法：Scala＋Play 2.0でWebアプリ開発入門（3）（1/3 ページ） 2.0からScalaに対応したWebアプリ開発の人気軽量フレームワーク「Play」について解説し、Webアプリの作り方を紹介する入門連載。今回は、さまざまなコマンドが使えるPlayコンソールの使い方と、Eclipse上でのPlayアプリのデバッグ方法を一から順に解説します前回の記事「Play 2.0のアーキテクチャとディレクトリ構成の基礎知識」では、Playアプリの全体的なアーキテクチャ、ファイル構成、各ディレクトリの役割などについて紹介しました。今回は、Playアプリの操作を行うPlayコンソールについての解説と、Playアプリ上でのデバッグ方法を紹介します。第1回記事では、「eclipsify」コマンドを使ってPlayアプリケーションをEclips
y_yuki 2013/07/31
playframework

console
リンク
1