Japan
このブログでは、Google から開発者のみなさま向けの情報をいち早くお届けします。
JavaScript コンソールのエラーメッセージ表示が新しくなりました
2016年6月29日水曜日
[この記事は Kosuke Mizubayashi、Technical Solutions Engineer による Geo Developers Blog の記事 "
More descriptive JavaScript console error messages
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。]
Google Maps JavaScript API を活用してウェブ アプリケーションを構築する開発者の方のために、JavaScript コンソールのエラーメッセージ表示をこの数か月にわたり改善してきました。この変更のねらいは次のとおりです。
開発者の方にもっと詳しいエラーメッセージを提供する
エラーの解消方法を開発者の方に提供する
エラーメッセージを表示するポップアップをやめる
エラーが発生した時でも利用者に対してポジティブな印象を作り出す
開発者は JavaScript コンソールを普段どのように利用するのか? いつ? なぜ?
ウェブ開発者はアプリケーションの開発やデバッグの際にブラウザツールを利用します。開発者は、アプリやライブラリ、API に関するいろいろなメッセージを JavaScript コンソールで確認することができます。Google Maps JavaScript API はユーザーに対して数種類のエラーメッセージをコンソールに表示してきました。しかし、ウェブ開発者が問題の原因を突き止め、解決策を探るために必要な情報がそのメッセージでは十分に説明されていないことがありました。
ユーザーが古いエラーメッセージを見た時何が起きていたか?
以前のポップアップ型のエラーメッセージは、ウェブページの上に表示されていました。ユーザーは、そのページで地図を操作することがなかったとしても、この JavaScript の警告画面の OK ボタンをクリックしないとウェブページを操作することができませんでした。また、概要的なエラーメッセージが 4 種類用意されているだけでした。
改良版では開発者とユーザーは何を見ることができるのか?
現在、コンソールには 22 種類のエラーメッセージを表示します。このメッセージの一覧はドキュメントでご覧いただけます。さらにエラーメッセージとあわせて、開発者サイトに記載されたそのエラーの解決方法へのリンクも表示します。反対に、エンドユーザーに対するエラーメッセージは簡素化されました。
また、たとえばマップの読み込みが失敗したとしても、改良されたエラーメッセージはマップ要素内に表示され、ユーザーはそのページの残りの部分を引き続き操作することができます。
今回の変更によって、開発者のみなさんの実装やエンドユーザーとのインタラクションの改善に繋がることを望んでいます。
Posted by Kosuke Mizubayashi, Technical Solutions Engineer
コメントを投稿
ラベル
#hack4jp
3
Addy Osmani
1
ADK
2
AdMob
4
ALPN
1
AMP
5
Analytics
4
Andorid
6
Android
156
Android Auto
1
Android Design Support Library
1
Android Developer Story
2
Android N
6
Android Pay
1
Android Studio
13
Android Support Library
3
Android TV
7
Android Wear
20
androidmarket
3
AngularJS
2
API
20
APIExpert
45
app engine
21
App Indexing
6
App Invites
5
AppCompat
2
Apps Script
6
aprilfool
3
ArtTech
1
Audio
2
Auth Code
1
Authentication
2
AuthSub
2
Autotrack
1
Beacons
5
BigQuery
6
BLE
4
Blink
1
blogger
1
Brillo
1
Brotli
1
Calendar
1
Cardboard
3
Career
1
Case Study
1
chrome
53
Chrome Custom Tab
1
chrome extension
2
Chrome for Android
1
Chrome for iOS
1
Chrome OS
1
Chromebook
1
Chromecast
6
chromewebstore
6
Chromium
4
ClientLogin
3
Cloud
8
Cloud Test Lab
1
CocoaPods
1
codejam
5
codelab
2
compute engine
3
Dart
2
DataCenter
1
Daydream
2
Deep Learning
1
Demo Party
1
Design Sprint
3
DesignBytes
1
DevArt
3
DevBytes
6
Developer
14
Developer Console
3
Developer Preview
2
Developer Relations
2
DevFest
6
DevFestX
3
devtools
3
DirectShare
1
Doodle
1
DoubleClick
4
Doze モード
1
drive
2
Dynamic Links
1
EarlGrey
1
Easter Egg
1
ECMAScript 2015
1
Eddystone
2
egypt
1
English
2
ES2015
1
ES2016
1
ES6
2
ES7
1
Firebase
13
font
2
game
14
GDD11JP
56
GDD2010JP
23
GDE
2
GDG
10
Geo
23
Gingerbread
1
GLIDE
5
Gmail
1
Go
1
golang
4
goo.gl
1
Google
5
Google Apps
1
Google Cast
6
Google Cloud Messaging
10
Google Cloud Platform
6
Google Developer Experts
2
Google Developers Academy
1
Google Developers live
5
Google Developers Summit
1
Google Drive
2
Google Fit
2
Google for Work
1
Google Maps
28
Google Play
30
Google Play Game Services
6
Google Play Services
18
Google Plus
14
Google Search
3
Google Sign-In
9
Google Tag Manager
1
Google+
1
Googleapps
10
GoogleGames
1
GoogleI/O
27
GoogleLabs
1
GoogleTV
1
gRPC
2
GTUG
5
GWT
2
hack4jp
2
hackathon
5
HTML5
17
HTML5Rocks
1
HTTP/2
3
HTTPS
2
ID Token
1
Identity
11
Identity Toolkit
1
Ignite
4
IME
10
intern
2
iOS
8
IoT
1
IPv6
1
JavaScript
4
K-12
1
Knowledge Graph
1
l10n
8
Lollipop
10
Machine Learning
1
Marshmallow
10
Material
1
Material Design
17
MDL
1
MIDI
1
Mobile
8
Mobile Bootcamp
4
Mobile Vision
3
mod_pagespeed
1
monetize
3
Mozc
14
Music
1
NativeDriver
2
Nearby
3
Nexus
1
Nexus S
1
NFC
1
NPAPI
2
NPN
1
oauth
6
OpenGL
3
OpenID
3
OpenID Connect
2
OpenSocial
1
opensource
11
Payment
1
People API
1
Performance
6
PersonFinder
1
Physical Web
2
Place Picker
1
Player Analytics
4
Policy
2
Polymer
6
Progressive Web Apps
5
project hosting
1
Promise
1
Promo code
1
Protocol Buffers
1
publicdata
1
Push API
1
Push Notification
2
QUIC
1
RAIL
1
Remote Display API
1
Runtime Permission
1
Sample Code
2
schema.org
1
security
9
Service Worker
3
sketchup
1
SmartLock for Passwords
4
social
4
SPDY
3
speak2tweet
1
startup
3
streetview
3
Study Jams
3
techtalk
12
TensorFlow
1
test
2
ToS
1
Transliteration
1
Twitter
1
Udacity
14
Unity
2
UX
1
V8
2
VP9
1
VR
2
Vulkan
2
Watch Face
2
wave
2
Weave
1
Web
2
Web Animations
1
Web Components
4
Web Manifest
1
WebAssembly
1
WebMusic
3
WTM
2
YouTube
14
YouTube API
1
インタビュー
1
コードサンプル
1
プライバシー
1
言論の自由
1
節電
3
東日本大震災
9
日本語入力
40
ブログ アーカイブ
2016
6
5
4
3
2
1
2015
12
11
10
9
8
7
6
5
4
3
2
2014
12
11
10
9
8
7
6
5
4
3
2
1
2013
12
11
10
9
8
7
6
5
4
3
2
1
2012
12
11
10
9
8
7
6
5
4
3
2
1
2011
12
11
10
9
8
7
6
5
4
3
2
1
2010
12
11
Feed
Follow @googledevjp
"プロダクトに関するご意見は
プロダクトフォーラム
にお願いします"