サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。
サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。
「Animated Gif Capture」というアニメーションGifを作るChrome拡張を公開しました。 Chromeに表示中のWebページをアニメーションGifに変換します。また、オプションページから設定を変更すると、デスクトップやChrome以外のウィンドウもアニメーションGifにすることが出来ます。 Chrome Web Storeに登録してあるので、ここからインストールできます。 Chrome Web Store - Animated Gif Capture - アニメーションGifキャプチャ キャプチャ例 Flashもキャプチャできます。 ※http://demouth.net/sketch/016/ 以前私がAS3で作ったやつ FlashのキャプチャできるのでVimeoでもYouTubeもいけます。 フレームレートを高めると滑らかなアニメーションGifになります。 ※これは
最近仕事関連でChrome Extensionを作ったので、ポイントとかを簡単にまとめてみる。 前提 環境とか 古いChromeには対応しない(ChromeのバージョンによってAPIが変わってたりする) manifestのバージョンはv2 作るもの Extensionにはいくつかのタイプがあるが、今回は以下の様なものを作る。 ブラウザに表示されている内容を取得 1で取得した内容をExtensionのJavaScriptがパース Extensionのポップアップを表示し、2の内容を表示 ポップアップ上のボタンを押すと、内容がサーバーに送信される イメージとしては、はてブとかEvernoteのブラウザ拡張を思い浮かべてもらえれば良いかと。 後述する専門用語で言うと、browser action (あるいは page action) + content script という構成。 アーキテクチャ
こんにちは、ALBERTの太田です。今回からChrome4のリリースまでの間、Google Chrome Extensionsの詳細を追っていきたいと思います。なおタイトルの通り、この連載は先取り! Google Chrome Extensionsの続編となっています。 まず、重要なお知らせがあります。前回の特集で何度か使用していたToolstripsとMoleがベータリリースまでに削除されることが決まりました。その代わりとして、今回解説するBrowser Actionsが利用できるようになります(Important: Toolstrips being removed in favor of browser actions)。また、Browser Actionsに合わせて、第3回で解説したPage Actions APIの新バージョンが提案されています。こちらも詳細は追って解説します。
公式ドキュメント https://developer.chrome.com/extensions/getstarted.html と、日本語の情報はじめてみよう | Chrome Extensions API リファレンスを参考にしてみたことのメモ 日本語で入る情報のページの方は、この記事執筆の現時点では色々と違ってた。 Chromeの設定 Chromeは特にBetaで無くても良いみたい。 いちいち作った拡張機能をインストールとかしなくても良いようにする。 ここから、 の「デベロッパーモード」をONにする。 で、隣の「パッケージ化されていない・・・」から開発中のフォルダを指定。これだけでOK。 manifest.json を作成 とりあえず、サンプルmanifest.jsonをダウンロードして、サンプルicon.pngを持ってきて指定。 これだけで動く。 アイコンクリック時に表示されるHT
こちらは、皆さんおなじみ、某ブログサービスのトップページです。 最近、レーシックの巨大なバナー広告がときどき表示されるようになってしまいました。 自分はレーシックに恐怖心があるため、このバナーに出くわすと訳もなく不安になり、落ち着いてブログを書く気分ではなくなってしまいます。技術者にあるまじき脊髄反射でサーセン、サーセン。 というわけで、怖いバナーを非表示にするために、Chromeでユーザスタイルシートを適用する方法を調べました。 すると、Stylebotというベンリな拡張があることを知ったので、使い方をメモしておきます。 Stylebot https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha StylebotをChromeにインストールすると、アドレスバーの右端に[CSS]というアイコンが表示
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
This data visualization was produced by Google as part of the Google Ideas INFO (Illicit Networks, Forces in Opposition) Summit with support from the Igarape Institute and data provided by the Peace Research Institute Oslo (PRIO) small arms database. The visualization includes >1 million individual import and export data points from annual custom reports and maps the transfer of small arms, light
概要 HTMLタグ閉じ忘れチェッカー @Chrome拡張機能 早速ですが以下のページで公開しています。 作ったChromeの拡張機能URLはこちら 作った背景とか この拡張機能を作った経緯ですが、単純なタグの開き・閉じ忘れを簡単に防げる方法がないかな。 と思って作成しました。 特にHTMLにそこまで詳しくない方、デバッグが苦手な方は試しに使ってみていただきたいなーと思っています。 もちろんマークアップを行う方は入れてみていただけると嬉しいです! 簡単な仕様説明 できること 表示しているページにタグの開き・閉じ忘れがないかをチェック タグの開き・閉じ忘れがあった場合、その数を表示 どの箇所にタグの開き・閉じ忘れがあったのかを表示 今後について 確認できているバグ たまに謎のタグエラーが検出される scriptタグ内、コメントタグ内のタグもチェックしてしまう 複数のChromeのウィン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く