Herokuを使ってchromeでwebページのスクリーンショットをとる - Qiita
コードの流れは、chromeの設定をしてsessionを作成、sessionでurlを指定してwebページを訪れ、そこでスクショをとります。 session.visit後に少し待たないとchromeが画面をrenderする前のスクショがとれる場合があるのでまっています。 require 'capybara' require 'selenium-webdriver' base_args = %w{headless no-sandbox disable-gpu} chrome_bin = "/app/.apt/usr/bin/google-chrome" chrome_opts = chrome_bin ? { "chromeOptions" => { "binary" => chrome_bin, 'args' => base_args } } : {} Capybara.register_
2017-07-27から1日間の記事一覧 - Studio3104::BLOG.new
Chrome を起動し直してから Cmd + Shift + t で全部生き返るよ。 意外と知らない人が多いようなのでしたためておこう。
GitLab Notifier for Google Chrome™ (a.k.a Chrome GitLab Notifier) - Qiita
GitLab Notifier for Google Chrome™ (a.k.a Chrome GitLab Notifier)GitLabchrome-extension GitLab Notifier for Google Chrome™ って何? GitLabの通知を受け取るためのChrome拡張です。 https://chrome.google.com/webstore/detail/gitlab-notifier-for-googl/eageapgbnjicdjjihgclpclilenjbobi https://github.com/sue445/chrome-gitlab-notifier 見た目 通知 ポップアップ 設定できるもの Commit, Issue, MergeRequest, Milestone辺りを個別に通知設定できます 思い出 自分では特に何もしてないのに
GitLab Notifier for Google Chrome™ v1.4.0をリリースしました - くりにっき
chrome.google.com 一番目玉の機能としてIssueやMergeRequestのコメント通知に対応しています。（ただしGitLab v8.3以降のみ） コメントの通知は今までもちょいちょい要望として上がってきてたのですがProject Event APIでとる手段がなくて*1、Issueが上がる度にごめんなさいしていました。 GitLab v8.3.0でようやくProject Event APIでコメントの通知がとれるようになったので対応しました。 既存のIssueやMergeRequestの設定と共通なのでChrome拡張の自動アップデートで勝手にコメントも通知されていると思います。 詳しいchangelogはこちらを御覧ください https://github.com/sue445/chrome-gitlab-notifier/blob/master/CHANGELOG.m
ChatWork をちょっと便利にするブックマークレット | ikkou.jp
introこれは 【その1】ドリコム Advent Calendar 2015 の 17 日目の記事です。 16 日目は ozabi さんの イラストメイキング でした。 上手なイラストを書ける人が羨ましい……。 【その2】ドリコム Advent Calendar 2015 もあります。 去年、2014年は アドベントカレンダーでニコニコカレンダーの話を書きたかった という記事を書いていました。 ちなみにニコカレの取り組みは今ひとつ定着しなかった感があります。 今年、2015 年は、自分の観測範囲の中でも特に動きの激しかった JavaScript 界隈を振り返ろうかなーと思いましたが、素振りすら追いつけていない程度に疲弊しているので 同じ JavaScript という括りでも、全く疲弊することのない、ブックマークレットのことを書きます。 whoami @ikkou - About g198
GitHubのforkしたリポジトリで開発してる時に間違えてupstreamにPR投げないようにするChrome拡張を作った - くりにっき
タイトル長くてすみません こういうChrome拡張を作りました chrome.google.com https://github.com/sue445/chrome-github-pullrequest-suppressor 経緯 弊社ではGitLabからgithub.com（≠GH:E）への移行を計画中なのですが、github.comに移行すると会社でforkしたリポジトリにPRしようとして間違えてupstreamに対してPR投げてしまうことがあるので、抑制する必要がある PR送り先のデフォルトのリポジトリがupstreamなので間違えやすい 実際E和さんがfork版のRailsを使ってて間違えて本家にPR投げた事案があったらしい privateリポジトリでもPR送った先だとpublicになっちゃうので社内情報丸見えになる（らしい） branch消してもPRのdiffは残るので、こうなる
GitLab Notifier for Google Chrome™ v1.2.0をリリースしました - くりにっき
いつの間にかGitLab v7.9.0がリリースされていたので拙作の通知プラグインもアップデートしました chrome.google.com github.com アップデートの一番の目玉で、個人的に思い入れのあるavatar対応について紹介したいと思います プロジェクトのavatar対応 (GitLab 7.9.0以降) 今までデフォルトアイコンが一律表示されていましたが、avatarが設定されていればそれが表示されるようになります。 比較したら一目瞭然（画像はサンプルです） avatar無し avatar有り ポップアップ 時系列 元々は社内版の魔改造GitLabでのみavatar対応していたため、Chrome拡張も社内branchでのみ対応していた GitLab本家では結構前から要望上がってたんだけど v7.8.0 でavatar対応が本家に入る completed I sugges
chrome.storageでchrome extension用のデータを保存・取得
chrome.storage の API を使う localStorage を使うとこれはこれで動くのですが、もう少し扱いやすい方法がないか調べたところ、chrome.storage という localStorage に似た方法を見つけました。 chrome.storage – Google Chrome localStorage の場合、background.js を通して Message Passing でデータのやり取りを行う必要がある。 これに対し chrome.storage では background.js なしで、ダイレクトに content_scripts 等から chrome.storage のデータにアクセスできます。また、chrome.storage.onChanged.addListener の API で、データ変更に対するコールバックを簡単に登録できて便利。 以
Chromeの右上にある名前の消し方
蒼月 @aomixer Chromeの右上（閉じるボタン付近）に自分の名前が表示されるようになった・・改悪としか思えん。非表示にしたいのに設定もない。ごみすぎる。。。
Chrome Chatter ShareというChrome拡張を作った - くりにっき
弊社では Chatter という社内SNSを使ってるのですが、リンクをシェアする時の手順が非常に面倒くさいのが難点でした シェアしたいページを開く 別のChrome拡張*1でページのURLとタイトルをクリップボードにコピー Chatterを開く タイトルをカット＆ペースト URLをカット＆ペースト コメント入力 共有ボタン の7ステップ(;´Д｀) 面倒くさいのでChrome拡張を作った 追記：Googleからリジェクト喰らってStoreから削除されたので対応中ですorz さらに追記：名前変えたら許してもらえました Chrome ウェブストア: https://chrome.google.com/webstore/detail/chatter-share-for-google/aehgkgapfagaljikampcebpacdcpkbfc github: https://github.c
Chrome 拡張機能のマニフェストファイルの書き方 - Qiita
お断り (2022-12-13 追記) この記事はマニフェストのバージョンが 2 の時点で作成したものですが、マニフェストの最新バージョンは 3 であり、Chrome Web Store においてはバージョン 2 の拡張機能が すでに受け付けられない状態 です。 それでもなおこの記事を参照される場合は、公式の マイグレーションガイド も合わせてご確認いただければと思います。 Overview https://developer.chrome.com/extensions/manifest についての自分用おぼえがきです。 マニフェストファイルの書き方にフォーカスしていますので、個々の用語の説明などは端折ったりしています。 記載が必須の項目 以下の項目は、マニフェストファイルに必須です。 manifest_version マニフェストファイル自身のバージョンです。 現在のバージョンは 2 で
GithubやGitlabで開発する時に入れるべきChrome Extension - くりにっき
タイトルは若干釣り気味です GithubとGitlab両方使える MISAWA::MD https://chrome.google.com/webstore/detail/misawamd/legplkhbgdelfceignhcchogkmoflagl ミサワ画像をMarkdown形式でコピペできます Emoty https://chrome.google.com/webstore/detail/emoty/kgljgnbhcigffgoifhjbbifhbdkapmgm Githubなどで使える絵文字をポップアップで選んでクリップボードにコピペできます LTTM https://chrome.google.com/webstore/detail/lttm/jdidcgkdggndpodjbipodfefnpgjooeh textareaで手軽にミサワや LGTM.in/g の補完ができ
各ブラウザ拡張機能の作り方メモ
Firefox 実は Firefox1.5の頃から作ってたりするのですが、その頃からは変更された部分もあり、検索しても Firefox2向けに書かれた文章だったりして、Firefox3向けに書かれた記事はちょっと見つけにくかったりします。 Firefox 拡張機能開発チュートリアル とりあえずここのpdf（結構な量ですが）を一通り眺めると、何となく分かったような気分になれます。 Firefox 3ではじめる拡張機能開発 gihyo.jp の記事。最小限の機能から徐々に拡張していく作りになっていてとても分かりやすいです。 アドオンを開発する – MDC Doc Center 公式のサイトは、日本語だったり英語だったり、記事が古かったり新しかったりわりとカオスです。公式ページの Building an Extension は Firefox1.5向け。。まぁ一番最初はこれを見て頑張った記憶があ
Chrome拡張開発のユニットテスト事情 - laiso
ちょっと前から検索しているけど、あんまりこの話題活発ではない。FirefoxやOperaのAdd-onsやExtensionsはどんな感じなんでしょうか。 おおまかに以下の2パターンのアプローチがある。 (1) Chrome拡張独自のAPIをモック化してブラウザやコマンドラインから独立したテストを実行できるようにする Testing Chrome Extensions with Jasmine - Roberto Soares Chrome Extension API のモック化+jasmine-spyでテスト require.js を使ってbackgroundscriptやcontentscriptをテスト時に動的に読み込む。 chrome.extention 以下をモック化しているのでテストがブラウザに依存しなく実行できる(コマンドライン、CI) ソースコード: gist-io-chr
Testing Chrome Extensions with Jasmine - Roberto Soares
This weekend I wrote a chrome extension for Gist.IO, a nice blog writing for hackers, to try out Jasmine, a BDD framework for testing JavaScript code. This post contains some notes about it. Specs, Expectations, Matchers, Setup and Teardown After I read a few paragraphs of the well styled documentation, I got everything that I needed to start writing some specs. As I’m used to RSpec DSL, it was ev
Google Chrome 拡張「Create Link」〜サイトのタイトル・URL をフォーマットしてコピペ
Google Chrome 拡張で Create Link を愛用している。 Chrome Web Store - create link see also. ku/CreateLink · GitHub Create Link は 2 ステップで、サイトのタイトル・URL・範囲指定している文章などを好みのフォーマットでコピーできる。ブログ用にサイトの URL とタイトルをハイパーリンクの書式でコピーしたり、Wiki の書式に直したり... サイトからのコピーの 8 割はこの拡張の助けをかりている (元は Firefox にあった Make Link を Google Chrome 用に直したもの)。 設定 拡張をインストールしたら、Google Chrome の設定から「ツール > 拡張機能」を選択。拡張機能の一覧が表示されるので、Create Link を探し、「オプション」を選択。
新人SEがSIerに絶望した時に読みたいスライド4選 - ギークに憧れて
新社会人の皆さん､いかがお過ごしでしょうか｡ 最近､SIerに就職した知人が｢会社辞めたい｣というのをちらほら聞く｡聞いてみれば､彼等は仕事で挫折しているわけではない｡むしろ､技術に優れ熱意を持っている事が多い｡ではなぜ辞めたいのかと聞けば､一日中画面のスクリーンキャプチャ撮らされたりCOBOL読まされたりしていて､｢ああ､そっか…そうだよね…｡｣となる｡ そんな時は､SI業界の熱い人達のスライドを見て何かを感じよう！という事で4つ選んでみた｡弊社関係者が多いのは僕のネットウォッチの都合上お許しください｡moon and strategy moon and strategy from toshihiro ichitani 永和の@papandaさんのスライド｡｢自分の生き方を他人任せにしない｣受託プログラマの進路〜アジャイルセールスと手塚モデル〜 受託プログラマの進路 〜アジャイルセールス
Blogを容易に書けるようにCreate Linkをセットアップ - あおうさ＠日記
参照しているブログの内容をこのブログに引用したい時にいちいちmarkdownで書くのは面倒なのでCreate Linkを使います。 インストール Chrome ウェブストア - Create Link 他のサイトから引用する時にしようするフォーマット > %text%%newline%%newline%> [%title%](%url%) を設定しておいて、ブログの内容を選択している状態でCreate Linkすると下記のような引用が簡単にできる Twitter では報告済みですが、拙著『入門Chef Solo - Infrastructure as Code』が達人出版界から出ました。 naoyaのはてなダイアリー gistを貼り付けるためのフォーマット * %title%%newline%%newline%[gist:%url%] gistのページでCreateLinkを実行すると下記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
proxy.pac を更新しても chrome がキャッシュしてるっぽいときの対策 - tokuhirom's blog
Github で 絵文字を快適に使用するChrome拡張を作った。 - hrysd の旧ブログ
