サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Hello world ショートカットキーを設定する アイコンを設定する スクリプトを実行する オプション設定画面 Hello worldChrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPEhtml> <html> <body> <h1>Hello world!</h1> </body>
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2faf57d8547af90b5fb4e479ae94ba0de625ca36d5%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttp%253A%252F%252Fp.cdnanapi.com%252Fr%252F2014%252F09%252F17%252F15%252F20140917153831_54192c67448c3.jpg&f=jpg&w=240)
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサイズ、形、カラー、エフェクト、フォントの種類・サイズなど、指定したレイヤー上にある情報を1クリックでPSD上にドキュメント化します。 Ink スタイルガイドなどでルールをしっかり決めておくと、デザインのアウトプットにぶれがなくなり、最終のプロダクトも想定通りに仕上がります。 Inkのインストール まずは、インストーラーをサイトからダウンロードします。 Ink CS 6にインストールしたので、その手
Chromeをメインブラウザにするための絶対はずせないエクステンション vol.1 - iTea3.0@torizoです。 今回はChromeをメインブラウザにするための絶対にはずせない超オススメエクステンションを紹介します。
Firefoxは、数多くの便利なアドオンを好みや用途に応じてインストールすることで快適なブラウジングができるのが大きな特徴です。 しかし、アドオンは常に同じ物を使い続けるとは限らず、必要なくなって削除するアドオンや、もっと便利なアドオンを見つけて乗り換えるようなことも頻繁に起こります。 このようにアドオンを削除すると、アドオンマネージャからは消えますが、多くの場合そのアドオンを機能させるための設定項目がプロファイル内の[Prefs.js]に書き込まれたままとなっています。 アドオンのインストール、アンインストールを繰り返していると、この設定情報が次々に貯まって[Prefs.js]が肥大化し、Firefoxの起動が重くなったり動作が鈍くなったりする原因となります。 このような情報をクリアするには、新規プロファイルを作成し、そこに現在使っているアドオンをインストールするということが考えられます
今回は、Googleリーダーで使えるGoogleChrome拡張機能11個を集めてみました。過去にも当サイトでは、FirefoxアドオンやGreasemonkeyスクリプトなどGoogleリーダーをさらに使いやすくするためのブラウザ拡張機能をいくつか紹介したことがありますが、もちろんGoogleChrome拡張機能にも便利なツールがたくさんあります！ せっかくGoogleリーダーを使うなら、色々カスタマイズしてもっと生産性アップをはかってみましょう！というわけで、これまでGoogleリーダーを情報収集ツールとして役立ててきた人も、他ブラウザにはないユニークなChrome拡張機能をうまく使って、さらに効率的に情報収集できる超便利なRSSリーダーへと変身させてみませんか？ TPGoogleReader（リンク切れ） バックグラウンドで常にGoogleリーダーをチェックし、新着フィードが配信
Chromeには、グーグル公認のパワーアップキット『Chrome Toolbox』があるのをご存じだろうか？ この拡張機能をインストールすると、Chromeに拡大鏡や画像保存などがセットになった【フローティングツールバー】と細かなタブコントロール機能、一気にブックマークを開ける【Quick Launch】、フォームに入力したデータを保存、再利用する【Form data】などの機能が追加される。 今までこれらの機能を実現するためには、複数の拡張機能をインストールしなければならなかった。だが、『Chrome Toolbox』をインストールすればこれ1本で済むので、管理や設定も非常に楽だ。 ■インストールグーグル『Chrome』のウェブサイトにアクセス。サイト上で『Chrome Toolbox』を検索して、ダウンロードサイトに進もう。
豊富なアドオンが魅力のFirefoxだが、リリースされたばかりのFirefox4正式版には対応していないアドオンも多い。「Add-on CompatibilityReporter」はFirefox4で未対応のアドオンを強制的に使えるようにできるアドオン。 「Add-on CompatibilityReporter」は、Firefox4に未だ対応していないアドオンを、ムリヤリ使えるようにしてしまえるアドオン。使い方はFirefox4にインストールして再起動するだけ。設定は一切不要で、古いアドオンを利用可能にできる。この方法でほとんどのアドオンは使えるようになるので、未対応アドオンを理由にFirefox4の導入をためらっている人はぜひ活用しよう。 ■ Firefox4未対応のアドオンを強制的に対応させる Firefox4ではまだ対応していないアドオンも多い。左上のメニューボタンの「アドオン
Firefoxのバージョン3系から4系へ移行することで最高で6倍近く高速になり、起動時間も短くなり、静的なページの読み込みも動的なウェブアプリケーションの実行も素早く完了するようになっており、さらにハードウェアアクセラレーションによってグラフィックスの高速表示も実現しているわけですが、問題となるのはまだFirefox4に対応していない、もしくはもうこれ以上更新が無くなってしまっており、Firefox4では動作する見込みのないアドオンの存在。 そういったアドオンを動作可能にする方法はいくつかありますが、ここではその中でも専門知識をあまり必要としない方法を実践してみました。今回は、記事を書いている2011年3月23日時点でまだFirefox4に正式対応していない「Make Link」を事例に使うことにします。 ちなみにFirefox Ver3.x系統からVer4系統に移行する際を例にしています
今年も読者の皆さんのおかげで多くのアドオンを紹介することができました。 アドオンの記事を書く前にそのアドオンを必ずインストールして使ってはいますが、管理者が常用しているアドオンはもちろんその中のほんの一部にすぎません。 そこで今回は、年末恒例のまとめ記事第5弾として、管理者が今年お世話になったすべてのFirefoxアドオンを公開したいと思います。 Firefoxを使い始めた当初から使っているものもあれば、つい先日入れたものもありますが、管理者にとってはどれも無くては困るものばかりです。 なお、バージョン番号は本日時点、*印のあるものは使うときだけ有効にしているものです。 また、一部Mozilla のレビューを受けていないアドオン（旧実験的なアドオン）がありますのでご注意ください。 1.All-in-One Sidebar 0.7.12 通常のサイドバー機能に加え、アドオンマネージャやダウン
…すごい。 体感速度が目に見えるほど上がった。 ちょっと感動したので、すかさず記事にしておくー。 ※通信が早くなるだけで、起動とかは特に変わりません。 ほとんど設定不要だし、お手軽なのでとりあえず入れてみれば良いかと。Firefoxの通信関係をいじらずにデフォルトで使っている人はそうとう効果を実感できるのではないかと思います。 設定は拡張機能経由ではなくオプション経由で行う。 インストール時のデフォルトは、この『ターボ チャージャー』。 最大性能。RFC 仕様を超える設定でウェブサーバーへ接続します。 という文句がなにげに漢気だだ漏れってカンジです。 この拡張はページのレンダリング速度も測定できるので、 とりあえず比較のためにデフォルト時の性能を見てみます。 ノーマルモード時のMMトップページ読み込み速度。 ↓ターボチャージャーにしてみます。 若干はやくなっていますな。 ↓一回リロードする
あなたが定期的に巡回しているウェブサイトへのアクセスを迅速に行いたいのか、高機能のタブを使用したいのか、それともシステムを潜在的に危険なアクティブコンポーネントから守りたいのかにかかわらず、あなたの役に立つFirefoxのアドオンが存在している。本記事では、時間を節約し、ブラウザの使い勝手を向上させるような、筆者お気に入りのFirefoxアドオンを紹介している。 Firefoxには、アドオンという追加機能をインストールできるというとても素晴らしい能力がある。そして、アドオンにはさまざまなものが用意されているのだ。ブラウザの見た目を少しだけ変更するというものもある一方で、ウェブ閲覧に欠かせないというものも数多くある。あなたがどのような目的でウェブ閲覧を行うかにかかわらず、キラーアドオンというものが存在しているのだ。本記事では、私のお薦めアドオンを10個紹介している。 ＃1：Morning C
ブラウザの新境地？ Ubiquityが変える衝撃のブラウザ体験：Firefox Hacks（1/2 ページ） Mozilla LabsからプロトタイプとしてリリースされたFirefox拡張機能「Ubiquity」は、これまでのブラウザ体験を大きく変化させる可能性に満ちている。本稿では、Ubiquityの魅力を解説する。 はじめまして、june29と申します。この記事では、先日Mozilla Labsからリリースされ、密かに話題になっているFirefox拡張機能「Ubiquity」を紹介したいと思います。 Ubiquityとは？ Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityは
Firefoxのみ(Windows/Mac/Linux)：今回ご紹介する「Firenes」は、ブラウザ上でファミコンソフトをプレイできるというFirefoxのアドオン。なんと2000本を越えるソフトがアーカイブされているんですよ。 インストールしてブラウザを再起動させた後に、「ツール」の中にできた新しい項目「Firenes」をクリックして起動。そしたら、サイドバーにズラリと長大なライブラリーが表示されます。その中からお好みを選べば、あの懐かしの8-bitゲームをその場で遊ぶことができちゃうんですねー。 もしこれ以上、アドオンを増やしたくないというのであれば、以前、米ライフハッカーでご紹介したサイト「vNES」や「Nintendo8」を試してみてはいかがでしょう。いずれにしてもこれはいい暇つぶしになりますよ。でも、懐かしさにかまけて、あんまり我を忘れて没頭しないようにしてくださいね。 「Fi
次世代ブラウザ Firefox - 高速・安全・自由にカスタマイズ 「軽い」「使いやすくなった」と評判のfirefox3。僕もご多分に漏れず正式版公開と同時にサッサと乗り換えてます。 普通こんだけメジャーなソフトのバージョンアップというと「○○は良くなったが××は前のほうが」とか言われそうなもんだけど、firefox3って全然悪い評判聞かないので乗り換えに躊躇する理由ほとんど無かったんだよね。唯一、そして非常に大きな理由になりえたのはアドオン対応なんだけど、僕は元々そんな大した数のアドオンは入れてなかった上にほとんど既に対応していたので問題無し。 しかしバージョンアップして前とほとんど同じ使い方というのもいかにも味気ない話です。せっかくなので、お薦め記事を巡ったり公式ページを彷徨ったりして常用アドオンを増やしてみました。 「それ、Firefox3でも出来るよ？」とOpera信者に言い放つた
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。HTMLを使って簡単に画面を作
なんという大学生ホイホイ。 Operaを使わずにFirefoxを使うというのか。 ブクマする奴は間違いなく自称大学生。 50+ Useful Firefox Extensions for College Students - College Degrees 「これは使わねーよ」っていうのは省いて、日本語圏向けに最適化しておこうっと。 調べるZotero Webページやその他の情報を多角的にスクラップできるアドオン「Zotero」 - POP*POPZoteroを使ってOpenOffice.orgの参考文献リストを管理する - OpenTech Press BetterSearch 検索結果の右端にサイト情報やポップアップを表示するボタンが設置される。 Snap Links Web検索でヒットしたページを一括表示できるFirefox拡張機能「Snap Links」 - 窓の杜 Scra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
