LCLの開発者ブログ2017-11-14InstabugのWeb版(Beta)導入方法フロントエンドInstabugでWebサイトのフィードバックを送れるように設定しました。iOSでは使い始めていて、iOSの設定については以下の記事で軽く触れています。techblog.lclco.comWeb版は現時点(2017/11/13)でBeta版のためか、少し導入でつまづいた点もありましたので、手順を記録しておきます。以下の2つの手順で動作します。Instabugの管理画面に貼ってある2つのscriptタグを</body>の直前に貼ります。※Bower経由でも入れられるようです※開発環境のみに導入する場合は、上記のタグを開発環境のみで出力するように記述する必要があります。scriptを貼ってWebサイトを表示させると右下にInstabugのボタンが出てきます。※注意※Instabugを使うドメインで最初に表示させる必要がありそうです。私は、先にローカル環境で動作確認をしてからテストサーバーへ反映しましたが、以下のようなエラーが出てテストサーバーでは動作しませんでした。is管理画面ではドメインを設定するところはなかったので、最初に表示させたところをホームとして認識するような仕様なのかもしれません。この辺は正式版リリースまでに変わるかもしれませんね。以下のようなアイコンが出てくれば成功です。Chrome拡張機能を入れるとスクリーンショットを添付できますが、入れなくてもテキストのみで報告が可能です。導入手順は、以上です。使ってみましたが、LocalStorageやconsoleの値等、いろいろな情報が見えるのが良いです。翻訳機能があるのもおもしろいです。必要な機能は揃っていそうですが、気になる点は以下のとおりです。現時点(2017/11/13)では、スマホ(実機)で報告できない(ボタンは表示されますが、押しても反応しない)動画が撮れないので、特定のステップのときのみに起こるバグの報告はしにくい画面に書き込むのもマウス操作のみなので、きれいに書けないなお、スマホについては、Chromeデベロッパーツールで以下の設定にしたときだけは動きました。幅が800px以上の時」スマホで報告できないのは、とても残念です。正式リリースまでに改善されることを望みます。先日、エンジニアチームでの勉強会にてターミナルを題材とした...2017-11-04Baltoからの移行先としてInstaBugとBugseeを比較してみました先日、Baltoがサービスを終了するという悲しいお知らせがありま...2017-03-26GitHubへのpush時に、featureブランチ環境を自動作成する弊社では、作業中ブランチの動作を誰でも確認できる仕組みを用...2017-03-08スクロールするタブはスライダーのプラグインで実装できるフロントエンドエンジニアの岡田です。本日、夜行バス比較なび...2017-01-31JavaScriptのエラーをBugsnagで監視していますフロントエンドエンジニアの岡田です。1検索はてなブログをはじめよう!lcl-engineerさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。