Google拡張機能の作り方を調べるついでにパスワードを自動生成する拡張機能を作ってみた

社内向けにGoogle拡張機能を使ってツールを作ってみようかと思い立って調べてみたところ、簡単なモノであればサクッと作れそうなので、テストも兼ねて自分用にパスワード自動生成の拡張機能を作ってみました。 Google拡張機能の作り方 APIリファレンスはこちらですが、英語は読めないので、意訳されているページを参考にさせていただきました。 その中のGetting Started(意訳)で、ある程度の作りが分かるかと思います。 早期リリースバージョンが必要、と書かれていますが、現状では拡張機能画面の右上、”デベロッパーモード”のチェックを入れるだけで大丈夫です。 “manifest.json”で、各ファイルの関連付けを行って、HTMLファイルとJavaScriptファイルで動作させるみたいですね。 そういえばMovableTypeのバックアップデータもJSON形式のファイルで関連付けを行っていたような気がします。 パスワード自動生成拡張 先程のチュートリアルのデータをちょいちょいいじって、こんな感じのものを作りました。 »

Google+1風にJavaScriptに渡す変数をページ毎に変更する

javascriptをページ毎に違う変数を渡したいと思ったときに、読み込むscriptタグの前に、グローバル変数で定義する方法が一般的だと思いますが、もうちょっとスマートな方法が無いか探していました。 そこで、Google+1の埋め込みタグを見ていると、以下のようになっているのに気づきました。 <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'ja'}</script& »

ThunderbirdとGoogleカレンダーを同期させてみた

久しぶりな投稿です。お久しぶりです。 Googleカレンダーを扱うように少しずつ遷移しているのですが、クライアントソフトにも同期する方法があったと思ったので、今回はThunderbirdへ同期する方法を調べてみました。 必要なアドオンをインストール まずはThunderbirdにスケジュール管理機能を付加する、Lightningをインストールします。 これだけでも、iCal形式のカレンダーと同期できるので、可能ではあるのですが、Googleカレンダーとは動作を保証していないので、少し不安な感じがします。 そこで、Provider for Google Calendarをインストールすることで、双方向の同期を行うようになります。 Googleカレンダーと同期させる インストールが完了したら、Googleカレンダーと同期の設定を行います。 Lightningの画面から「新しいカレンダー」を選択、「ネットワークのサーバ」 »

GoogleAnalyticsの一つのプロファイルでサブドメインを含めた解析をしてみた

サブドメインは別サイト、と考えるとそこまでは需要があるとは考えにくいですが、自分のサイトをちょっとまとめて解析したかったので、一つのプロファイルでサブドメインを含めた解析をする方法を調べてみました。 参考:[Google Analytics]すべてのサブドメインを1つのプロファイルでトラッキングする方法 :: 日々是作譜 トラッキングコードの準備 トラッキングコードをコピーする画面で「何をトラッキングしますか?」の項目を「複数のサブドメインがある 1 つのドメイン」にセットした時のコードを利用します。 既に貼っているトップレベルドメインのトラッキングコードを貼っている方は、「_gaq.push([‘_setAccount’, ‘***’]);」の後に、 _gaq.push(['_setDomainName', '. »

GoogleMapを画像として呼び出す方法

普段はJavaScriptを用いて、GoogleMapの各種機能を持った地図を表示させていますが、他に携帯やその他JavaScriptをOffにしている環境に対して、画像として呼び出す方法があります。 Google Static Maps APIと呼ばれるもので、こちらの公式ページで詳しい説明がなされています。 よく使われる、特定地域を表示し特定の場所にターゲットを配置する方法は以下の通りです。 <img src="http://maps.google.com/staticmap ?center=&#91;地図の中心座標 緯度&#93; »

Google AJAX Feed API用のjQuery独自関数

ブログで更新を行ったものをRSSを利用して読み込む際に、サーバが別でもJavaScriptのみで実現できるので、何回か使ったことがあるのですが、毎度毎度HTMLの構成が変わったりしたので読み込みのJSを書き換えていました。 もう少し便利に使えないかな?と、jQueryを用いて汎用性高める目的で作ってみました。 ダウンロードはこちらから、デモページはこちらから確認できます。 関数概要 {target}.gRssFeed({url}, {num}, {option}); {target}適用する対象{url}読み込むRSSのURL{num}表示させるエントリー数{option}[bdate](string) = "<li& »

Google Map API V3を試してみた

一年以上前に公開されていたらしいのですが、今更ながらGoogleMap APIのV3の存在を知ったので試してみました。 V3での主な変更点 V2からV3へとバージョンアップに伴い、以下のような変更・改善点があります。 API Keyが不要になったURL毎に発行していたAPI Keyが不要となりました。開発者側にとっては結構うれしいことです。スマートフォンへの対応がなされた携帯端末用に表示速度が改善され、またGPS機能との連動が可能となりました。JavaScriptの記述方法が変更されたV2に比べてJavaScriptの記述方法に変更があったようです。 テストコード まずHTML側に地図を表示させるdiv要素を配置します。 <div id="gmap"></div> 地図を表示させる基本のコードは以下のとおりです。 google. »

ちょこちょこ小ネタ

今日はイマイチ大きなネタも無かったので、一つ記事を書くまでも無いちょこちょことした細かいネタをちょろっと残していきます。 そんな対したネタでもないので、分割や見出し設定もなしです。 Googleデスクトップ 色々書籍でも取り上げられてたり、使ってる人を見かけたりして、非常に有用なアプリと紹介されていましたが、中々手をつけていませんでした。 しかし、Outlookの検索の遅さ、インデックス作成の重さに耐えられなくなってきたので、メールの検索用に入れてみると、ファイル内のテキストも検索してくれるし、プレビュー機能も結構便利、と思ったより高機能で結構サクサク動いたので重宝しそうです。 mdAxelerator 「フォルダの新規作成」のショートカットを作るだけのソフトです。右クリックして、新規作成、フォルダっていう作業が意外と面倒で、ショートカットが欲しいと思ってたところに見つけたので直ぐにインストールしました。 自分のPCでは「Ctrl+Shift+ »

Google Font APIを使ってみた

先日、Googleが発表したGoogle Font APIを試しに使ってみました。 適用しているのは、一番上の「SUSH-i LOG」の部分と、各記事のタイトルで、「Droid Serif」というフォントを利用しています。 利用方法もかなり簡単。外部CSSを読み込むように、head要素内に、 <link href='http://fonts.googleapis.com/css?family=Droid+ »