![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugoEevLhwoQF_GhSSFxRcWlyWR5uMa390g5Y-epgNsXRUCWEwys2zsnc1VbZWZz8dmaNJkCjl8TdAq_n-HXM7KZ1LsnTOxv0kLfjjIlHHvjXVmslhxxedqH2hTJ4S5NUc4WTGn0YAfBt__hXVKm6bVxrGlMwV9ilO8c7iEIkU6cCLCEvv70dAHbUB/s1600-rw/post-it-notes-1284667_1280.jpg)
学生が勉強する時や、仕事における伝達や、本屋ノートのちょっとしたメモで使われている「付箋」をWEBページで使いたいと思って、
以前から作りたかったブラウザ拡張機能がようやく公開できたので、説明も込めてブログに記載します。
概要
今回公開したのは、Chromeブラウザの拡張機能で「PageStickies」というWEBページに付箋を貼り付ける事ができるメモ機能です。
まだβ版なので、付箋を貼る事と、貼り付けた付箋をブラウザ内に保持しておいて、ブックマークのように利用できるようになっている機能だけですが、そのうちにソーシャル機能を付けて、他の人が貼り付けた付箋を、みんなで共有できるようにしたいと思います。
まずは自分メモとして自分が使いたい機能を公開しておきました。
ダウンロード
PageStickies
※PCのChromeブラウザでリンクをクリックしてください。(スマホは対応していません)
使い方
ブラウザの機能拡張としてインストールしたら、ブラウザ右上にアイコンが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo43RS-h7MsX0kxVhKXuH_Cw4Mf6zvJ84w6vwgwEIv1qfdYfHQh3BK9WTj7AIK4mAkHew4tI_KkDdPwhSxVpeFdSD4nn4tjVr8pCiHzubJD-akNlLR0R0wAvImhznpftHSBUHL_jJxBVDRyDoRAIOVRnEkLnepSUd34S4K_siwX0pARl6p2EnmUfgT/s1600-rw/28-3-fe9ba9c39f3c4f401e85bd2627548e35.png)
付箋を張りたいページで黄色いアイコンをクリックすると、ページ中央に付箋が追加されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTybiSZlJ-zpCD8Kn_mTI9Iz_QwlxlyTE6KNt5l6kOjzuk_mizg36CmDw--y7EPqHB2Lx_fuIsMeYV11oGLoPeKl0YanrCNB2Hp0-3EOFDHY-jBCqoa04OKD0FTlP_54s4nWONi_295C_obx0l_s402bqUwZwPQ2xT5oxfGVOAocyXX5l0Lb3b46D/s1600-rw/28-4-53bb508c55818de0a2f289eabea35f5d.png)
付箋の部分をクリックすると、文字が入力できます。
一度付箋で保存したページに再度訪れた場合、以前登録した付箋が表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3nAJHKLfzQNJ33BODmB-QEjuLZ47-mkshz4xykw4MLKC8rlEcCXMzYbOHMl-aPbibbz-Yfcx36zJwDknPG8-HHvsqBaLMjvX46Zzp35r4VVD30X5SWzvD4o-gojVZDOQMRPzkE3Izbp0PoAmuYwTl6etpOQ1kVCxsCilwXHYLARWWCOutIUkKBTs/s1600-rw/28-5-40ec52255d6e599fcdea57d9b49fe0f9.png)
いらなくなった付箋は、付箋本体をクリックして「x」バツボタンをクリックすると、ページから削除されます。
※ページから削除された付箋は、復旧できません。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf46RFmVICORem0Kgh22d7GRZga9wLcUhJPDJHJhs2LJ7WEiAbDH7ZHZeUjbpBHcCN8Ub6mE-AFsb-12KQ7txqcyOkV41wKRoZsPfkvuS1ycP826Y0aVOwkB3VNOXuwurBh7RTgJdrn-dxmuOjP1fujygUaIO5YoAOlqpfTxxJaFx3RmJhEIvJDcWo/s1600-rw/28-6-7dc1293e1e36422181aaaacffcae0a91.png)
拡張機能のアイコンを右クリックして「オプション」を選択すると、保存された付箋のURL一覧が表示されます。
今後の展開
Chrome以外のブラウザでも拡張機能を持っているので、マルチ対応をしてみたいですね。
あと、スマホでもこの機能が使えたら非常に楽しくないでしょうか?
通勤中に観たページに付箋で印を付けておいて、あとから見直したり、それを人に教えたりするのって、もしかしたら新しいブックマークの形になるかも・・・
そして、他の人や、自分の色々なブラウザが繋がってくれると、便利な機能の出来上がりというわけです。
さあ、これを見た人、まだβ版のこの機能を使ってみませんか?
そして、機能要望やご意見などを送ってもらえると、非常にありがたいです。