VectorDrawableをプレビューするChrome Extensionを作った - おでーぶでおでーぶ
弊社では弱いネットワークや容量の小さい端末が普及しているような国にアプリを配布していることもあり、リソースを出来る限りVectorDrawableに置き換えています。 元SVGファイルを自動でVectorDrawableに変換し、取り込んで利用しているのですが、今までxmlを見るだけでは以下の問題点がありました。 稀に表示が崩れるものがあり、QA時点で発覚するとデザイナーへの負荷が大きくなる。 色指定が異なることに気付けない。 Export名のミスによる上書きに気付けない。 つまり全ては VectorDrawableを読める人が少ない という問題点に帰結します。 いちいち手元に落として一個ずつAndroid Studioでプレビューするのも・・・ということもあり、題の通り Github上でVectorDrawableを見るChrome Extensionを作成しました。 chrome.go
社内WEBシステムを改修せずにChrome Extensionでユーザビリティを改善した話
はじめまして、リーン開発チームでバックエンド開発を担当している亀山（@kametec_jp）です。 早速ですが、タイトルの「社内WEBシステムを改修せずにChrome Extensionでユーザビリティを改善した話」に入りたいと思います。 リクルートライフスタイルには、おしゃれな会議室が色々あります。 こういうのとか、 こういうのとか、 こういうのとか、 イスや机や壁紙の異なる会議室がいくつも存在します。 そして、会議室は予約制になっており、社内のWEBシステムから予約を行って使用する形になっています。 問題点 社内のWEBシステムは、会議室予約を行う際に、会議室の名前と定員人数しかわからない仕様になっており、 予約した後、会議室を使う直前になって適切ではない部屋だと判明する、ということが何度かありました。 ※画面のスクリーンショット（一部ぼかしてます） 改善案 現状のシステムがイケてない
Netflixの英語字幕に日本語訳をつけるChrome拡張「Netflix Subtitles Extender for Japanese」をリリースしました
Netflixの英語字幕に日本語訳をつけるChrome拡張「Netflix Subtitles Extender for Japanese」をリリースしました アメリカはサンフランシスコに1年半ほど住んでおりますが、基本引きこもりです。ブルーボトルコーヒーとか行ったことないし。なので英語が全く上達しません。ヤバいです。 Netflixというサービスで映画でも見まくって英語でも学習すっか、と思って映画を見ていたのですが、英語字幕に分からない単語が出てくる。いちいち停止して、辞典を引けばよいのですが、それも面倒です。 というわけで、Netflixの英語字幕に以下のような加工を加えるChrome拡張、Netflix Subtitles Extender for Japaneseをリリースしました。 単語ごとに日本語訳のルビをつける 単語をクリックするとWeb辞書で単語の意味を調べられる これで映
食べログのレビュー点数を正規化する Chrome Extension
Link: 食べログのレビュー点数を正規化する Chrome Extension Tabelog is well known for its score system very crowded between 3.1 and 3.5. Most restaurants over 4 stars (or even 3.5) are exceptionally great, while those around 3.0 are not as good.“食べログ 3.4 以上” とかいうフレーズに代表されるように、食べログの点数 は3.1–3.5 に圧縮されるので、より直感的なスコア表示になるように書き換える Chrome 拡張 をつくってみた。 点数のマッピングは、README とソースを見てもらうとわかる。 v1.0.3 から、正規化する前の点数も薄いフォントで併記するようにしたので、この
pjax を利用したサイト向けの Chrome Extension の書き方 - @kyanny's blog
Chrome Extension の Content Scripts を使うと Greasemonkey のようにウェブサイトを加工できて便利だが、 Content Scripts はページのロード後に一度だけ実行されるので、 github.com のように pjax を利用しているサイトではページ遷移後に期待通り実行されないことがある。 pjax は pjax:success などの独自イベントを発火するが、 Content Scripts はサンドボックス環境で実行されるので pjax が発火するイベントを Listen することができない。しかし DOM の変更時に発生するイベントを Listen することはできる。 DOM の変更を検知するためには DOMSubtreeModified が利用できるが、このイベントは DOM Level 3 で deprecated になってしまっ
自作Chrome extension紹介 #pixiv_engineering_talks
自己紹介 @kyo_ago Scala, TypeScript, LocalProxy, ApplicationCache Chrome apps, extension合わせて20個くらい作成
Yo! Chrome App - ずっと君のターン
なんとなく検索してたらYeomanにChromeアプリ用のジェネレーターがあったので、試しに作成中のIRCクライアントを乗っけてみたらなかなかいい感じです。 特にソースコードを編集したらChromeアプリが自動リロードされるのがいい。これまではいちいち chrome://extensions で該当のアプリをリロードする必要があって、面倒くさくて仕方なかったので。 まぁYeoman使ってディレクトリ構成を生成した後は、既存のコードを持ってきてコピペしただけなので、ジェネレーターとしてはまともに使ってないけど、それもまたよし。 https://github.com/yeoman/generator-chromeapp 正直近頃のJavaScript開発に全然ついていってなくて、Yeoman使うの自体始めてだったわけだけど、Yeomanにはbowerだのgruntだのmochaだのいろいろ付い
ワンクリックで Chrome のスクリーンショットを Gyazo で共有できる Chrome Extension を作りました - hakobera's blog
インストール方法 Chrome ウェブストアで公開中です。 Gyazo Shot ソース Github上で開発しています。問題報告やプルリクエストなど大歓迎です。 https://github.com/hakobera/gyazo-shot 開発動機および機能 開発中の画面とかをサクッと共有するのに、Gyazoはとても便利です。 ただし、Web開発では、圧倒的にブラウザの表示内容を共有することが多く、いちいち領域選択して行くのは面倒です。また、領域選択に失敗して綺麗に撮れない場合もあります。 Gyazo Shot で目指したのは、「簡単にWebブラウザのスクリーンショットを共有できる」です。 Gyazo Shot はワンクリックで表示しているタブの表示領域のスクリーンショットを Gyazo で共有することができます。本家のクライアントアプリと同様、共有後は共有ページがブラウザで開き、クリッ
アメブロ「いいね！」機能を使うためのChrome拡張を作ってみた - すぎゃーんメモ
先月末あたりに、スマートフォン版アメーバブログに新機能として「いいね！」というのが加わったらしい。 【ブログ】スマートフォン版アメーバブログの新機能追加・改善のお知らせ｜スタッフブログ アメブロパワーアップ！アメーバブログがもっと楽しく！もっと便利に！｜Ameba (アメーバ) どうやらスマートフォン専用の機能となっているようで、スマフォで記事にアクセスした際にのみ「いいね！」ボタンが現れ、PCブラウザからは通常は利用出来ないようになっているようだ。 多くのアイドルちゃんが利用しているアメーバブログ、巡回ついでに「いいね！」つけて回りたいのだけど、わざわざそれだけのために手元のiPhoneからアクセスし直すのも面倒。PCからもアイドルちゃんたちのブログ記事に「いいね！」したい。 調べてみたところ、この「いいね！」ボタンはスマフォ版の"s.ameblo.jp"でのみ表示されるが、これはifr
2013-07-17
Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました 本日、Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました。 はてなのお知らせ拡張の紹介ページChromeウェブストアからダウンロードする 「はてなのお知らせ拡張」では、はてな各サービスのヘッダーにある「あなたへのお知らせ」同様、あなたのブログにコメントが付いたり、ブックマークされた、あなたの投稿にスターが付いた、などのとき通知を受け取ることができます。 新しい通知が届いたときは、Chromeのデスクトップ通知にも表示されます。未読の通知がある場合は、拡張アイコンに未読の通知数が表示されます。 拡張アイコンをクリックすると通知が一覧で表示されます。未読の通知の場合、通知一覧では背景が黄色で表示されます。 本拡張により、はてな以外のWebサイトを閲覧しているときでも、はてなの各サービスからの通知
Developing Google Chrome Extensions | Envato Tuts+
Do you want to create a Google Chrome extension from scratch? You've come to the right place. In this tutorial, we'll go through all the steps you need to develop a Chrome extension. Google Chrome extensions are applications that run in the Chrome browser. They provide additional features, integration with third-party websites or services, and customized browsing experiences. In this step-by-step
Chrome拡張の不具合を修正しました - はてなブックマーク開発ブログ
はてなブックマークの拡張機能を使用しているChromeブラウザで、Googleの検索結果から別のサイトへ遷移した後に、検索結果へ戻れない不具合がありました。本日リリースしたバージョンでこの不具合を修正しました。拡張機能は自動的にアップデートされます。 以下、詳細を説明いたします。 はてなブックマークChrome拡張には、Googleの検索結果にはてなブックマーク数を表示する機能があります。検索結果の読み込みが終わる前にブックマーク数が表示されると、今回の現象が発生します。回線の速度や遅延によって、発生しやすい場合がありました。 バージョン1.3.6では、検索結果の読み込み完了を待ってから、ブックマーク数が表示されるように修正しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pastak/chrome-extension-release-heroku
githubのGemfile.lockやpackage.jsonのdiffからそれぞれのライブラリのdiffへ飛べるChrome拡張を作った - walf443's blog
GitHub - stefanbuck/awesome-browser-extensions-for-github: A collection of awesome browser extensions for GitHub.
GitHub - r7kamura/github-stream: Stream notifications on GitHub
ユーザプレビュー用LocalProxyの紹介 #kbkz_tech
GitHub - jasonlong/isometric-contributions: Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
GitHub - shimobayashi/pull-req-label: pull-reqにレビュー中とかラベルを設定する。
http://blog.jsgirls.org/post/77669365281/js-girls-tokyo-1
