分123この記事で取り上げているAPIは現在と使い方が異なっていたり,使用できなくなったものを含んでいます。APIは最新のChromeでは使用できなくなっています。Extensions』をご覧ください。前々回,前回はSBMカウンタを中心にExtensionsの作り方を学んできました。Extensionsの最新情報と今後の予定を見ていきます。カスタマイズと設定の保存2つのソーシャルブックマークサービスのブックマーク数を表示し,さらにウェブページ内のリンクにもブックマークを表示する,とSBMカウンタも少しずつ機能が増えてきました。このように機能が増えてくるとエンドユーザー側で機能をカスタマイズしたいという要望が出てきます。今回は,WebStorageを使ったユーザーのカスタマイズにスポットを当てていきます。WebStorageとWebDatabaseまず,WebStorageについて簡単に説明します。WebStorageは,ブラウザ内のキーバリューストアとしてデータを保存・参照できる仕組みです。期限なく永続化するlocalStorageと,セッション(この場合,ブラウザを起動してから終了するまで)単位で永続化するsessionStorageの2つのAPIからなります。FirefoxにおいてDOMStorageと呼ばれる機能をベースとして,W3CのHTML5仕様の一部として標準化が進み,現在はHTML5から独立した仕様として策定が進んでいます。WebDatabaseというブラウザ内でリレーショナルデータベースを扱える仕組みもあります。具体的にはブラウザ内部にSQLiteを持ち,SQLでデータを扱うことができます。Gearsの実装をベースとして,やはりHTML5の一部として標準化が進んでいましたが,一旦はWebStorageとして分離され,さらに現在はWebDatabaseとして独立した仕様になっています。4からサポートします。今回は扱いやすいWebStorageを使ってExtensionに設定機能を実装してみたいと思います。Pageで情報を共有できるようにしておく必要があります。Pageとのやり取り1つで完結するようにしたいと思います。Pageのオブジェクトはメモリーリークを起こしやすいので,その点には十分注意する必要があります。本稿ではメモリリークについて十分なチェックを行っているとは言えません。ご了承ください⁠)⁠。PageにSBMConfというグローバルプロパティを作成し,サービスの情報を入れておきます。Pageのグローバルオブジェクトを取得し,そこからSBMConf,Servicesとアクセスします。PageとToolstripsでデータを共有できました。*/});続いて,サービスごとにON/OFFを切り替える機能を実装してみます。設定ページを用意します。呼び出す方法などが提案されています⁠)⁠。Actionを使用します(同時に前回作成したPageActionは削除します⁠)⁠。Actionを登録する方法を使ってみました。Actionのアイコンがクリックされた際はwindow.openで小窓を開いています。chrome.windows.createではなくwindow.openを使用しているのは,よりシンプルな小窓を開くためです(本来ならshowModalDialogを使用したいのですが,拡張として機能しないバグ(?)のためwindow.openを使用しました⁠)⁠。service_list.appendChild(item);});やはりgetBackgroundPageで取得したSBMConf.Servicesからサービスのリストを作成し,チェックボックスでON/OFFを制御しています。各Serviceにはenableというプロパティを用意してあり,これがtrue/falseを取るようになっています。ここまでで,下記のように(ブラウザを閉じるまで記憶される)サービスごとのオンオフ機能が実装できました。SBMカウンタ著者プロフィール太田昌吾(おおたしょうご,ハンドルネーム:os0x)1983年生まれ。JavaScriptをメインに,HTML/CSSにFlashなどのクライアントサイドを得意とするウェブエンジニア。Expertとして活動を開始。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。