Chrome | iii threetreeslight

May 2, 2018

Refine intercom UI

Reproではテクニカルなサポートにintercomを利用している。 最近UIもrenewalされたが、まだ痒いところに手が届いていない状況であることは否めない。 そういうところを直すために、 refine-intercom というextentionを作った。 Automatically ellipsis email history チケット管理の観点からも、なるべく社内外からの問い合わせ回答する場所をintercomに一本化しており、その問い合わせ経路の一つにemailがある。 このとき、emailでやり取りしていたお客様から、テクニカルな質問があるときは途中からtechnical supportにバトンタッチされる。 これはとても良いことなのだが、大きな問題はemailの履歴である。 この履歴がintercomの会話パネルを全て埋め尽くす。いくらスクロールしても終わらない状態。とはいえ、読みたいときもゼロではない。 こういう状態が続いていたわけです。 このような問題を解決するために、emailの履歴とみられる情報をconversation上に見つけたらdetail tagで括って、必要となるまで非表示にしてしまうようにしました。 ここらへんはintercomさんでうまくやってくれるとユーザービリティ高いのになぁ Expand conversation window チャットツールをディスプレイ縦置きした状態で見る人は少なからずいるはずで、例に漏れず私もその一員である。 このとき問題なのが、full HDサイズのディスプレイを縦置きすると横幅が1080になる。 コードを書くときはこれで問題ないのだが、チャットする上では、こう会話ペインがぎゅっと小さくなるわけだ。 そうしたときに、常に見たいわけではない情報を隠したい。 このために右ペインのペルソナ情報を隠すボタンを作った。 今思うとキーボードショートカットを割り当てたほうが良かった気もしている。 Essential tag validator 単純に問い合わせを受けて処理するだけなら問題ないのだが、問い合わせの機能や種別、処理時間を分析したいニーズは往々にあると思う。 そういうニーズに対してintercomは正直まだまだ行けてなくて辛い。 なので、会話にタグ (e.g. feature-push など ) を付けてzendeskやgoogle spreadsheetに記録して分析している。 そういうときに問題と成るのが、分析軸となる担当者のtagのつけ忘れである。 この問題に対応するために、必要なtagのprefixをchromeのstorageに記録しておき、最初のconversationのタグ情報をチェックするようにした。 こうすることで、タグつけ忘れが見える化され、問題が解決されることを祈る。 あっタグ情報はstorageに記録以外にも、gistなりs3なりにおいたファイルをパースして取得するようにしておけば、各位の設定漏れもなくなるから良いのかなぁ

March 13, 2014

bitbucketがissueがあまりにも見難いからChrome Extention作った

bitbucketがissueにおけるmailstoneがあまりにも見難い。辛い。 というわけで、chrome extension作りました votesを削除 created_atを削除 updated_atを削除 milestoneの幅を広げる Chrome Extension作るにあたって、 まずはgetting started http://developer.chrome.com/extensions/getstarted サンプルプログラムをロード $ mkdir ./sample-extension $ wget http://developer.chrome.com/extensions/examples/tutorials/getstarted/manifest.json $ wget http://developer.chrome.com/extensions/examples/tutorials/getstarted/icon.png $ wget http://developer.chrome.com/extensions/examples/tutorials/getstarted/popup.html $ wget http://developer.chrome.com/extensions/examples/tutorials/getstarted/popup.js Unpacking Extensionとして追加 open chrome://extensions check Developer mode Load unpacked extension… こういう作りに成っているのね。なるほど。 contentsの操作は 表示しているweb pageにinjectionしたりするのはcontent_scriptを使う Content Scripts で、作った ae06710/bitbucket-issues-prettify-extension

February 10, 2014

[OS X Mavericks]chromeのscrollがいきなり効かなくなる

調べて見るとあるあるの模様。 chrome側も認識していて、issueも上がっているがOSサイドの問題みたい。 Issue 310649: OSX Maverick: Scrolling stops working when using the mouse gesture to switch to the previous page 暫定的な解決ほほうとしては、PRAMをクリアするとの事 Apple Support - NVRAM/PRAM をリセットする 参考 Mac OS X Mavericks Chromeでページスクロールができない不具合がある

July 19, 2013

chrome dev toolでもっと素敵開発

chrome dev toolsでは、nodeであればサーバーサイドも含め開発できてしまうんではないか。 ファイルのペインもあるし、補完も効く。 でも現行のchrome上にはexprimentsなんて無い。 そんなときはEdge版のchromeで Chrome Canary google chromeの最新機能が即使えるようになる! 参考:How to turn on Chrome DevTools experiments P.S. chrome://flagsにアクセスして Enable Developer Tools experimentsをenableにするだけでもいけたorz