レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
最近、先日リリースされた「Firefox 4」を利用しているのですが、このFirefox4以降で利用できるアドオンで、Firefox(ブラウザ)から、サーバ等に"SSH"によってターミナル接続できる「FireSSH」が利用できます。 FirefoxそのものからSSHによるターミナル接続が利用できるので、新しいタブをそのままターミナルとして利用することでWebブラウザとシームレスに利用できたり、接続情報を記憶させておくことも可能です。このように簡易なターミナルとして、FireSSHは十分に利用できると思います。 インストール 「FireSSH」はFirefox 4.0以降で利用可能なので、まだアップデートしていない場合は4.0以降へのバージョンアップが必要です。 以下のFirefoxのアドオンページにアクセスし、「FireSSH」をインストールしてください。 https://addons.m
Firefox Sync とは† Firefox の様々な設定を、PC 内部ではなくインターネット上のサーバーに保存することで、 異なる PC にインストールした Firefox 間で情報を共有することを 目的とした機能だそうです。 http://mozilla.jp/firefox/sync/ によれば、 Bookmark History Passwords Preferences Tabs が共有されるそうです。 この機能、 Firefox 4 からは標準装備になるそうですが、 Firefox 3 については add-on として同等の機能が提供されています。 以下は [Firefox 3.6.11] + [Firefox Sync 1.5] で試した結果です。
多少のプログラミング経験があれば、Firefoxアドオンを作るのはそんなに難しくない。自作アドオンを作るためのハウツーを紹介する。 ここで自家製Firefoxアドオンをリリースし始めて以来、何人ものユーザーから「Firefoxアドオンを作るのは難しいの？」という問い合わせを受けた。多少プログラミングの経験がある人なら、その答えは「そんなに難しくない」だ。 Firefoxアドオンの中身はJavascript――ブックマークレットや従来のWebページで使われている、あまりミステリアスではない言語――とXUL（「ズール」と発音する）というマークアップ言語だ。独自のアドオンを作るには、ある程度のJavascriptのノウハウとXMLファイルの快適な編集、それからお気に入りのブラウザを思いのままにすることへの健全な好奇心が必要だ。 わたしがWeb上のフリーチュートリアルを使ってFirefoxアドオン
Jetpack is a newly formed initiative and experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play. As with all Labs experiments, Jetpack is an open source project and everyone is welcome to participate in its design, development and testing. Read the full
Firefox拡張機能開発チュートリアル XULの基礎からXPCOMの利用方法まで徹底解説！ 2008/4/12 2008/9/25 2009/3/12 Software Design誌2007年4月号第2特集「Firefox拡張機能開発チュートリアル」をFirefox Developers Conference Summer 2007でテキストとして頒布するために再録したものです。また、付録として知って役立つOSSのライセンスも収録させていただいています。 ダウンロード 目次 奥付 ライセンス 関連文書 Home Back to List 目次 1章：Firefox拡張機能ことはじめ（江村 秀之（level）） はじめに 拡張機能普及の背景 拡張機能でできること 拡張機能を作ってみよう！ 2章：拡張機能開発で使う技術（下田 洋志） 拡張機能開発に利用する技術 それぞれの技術の役割 最低限
ちょっとアレなタイトルですが、GreasemonkeyでAutoPagerize対応のスクリプトを自作する時の注意点を２つメモ。 自分はひよっこですが、これからGreasemonkeyスクリプト書いてみようかなという人の助けに少しでもなれば嬉しいです。 継ぎ足されたページに適用する方法 AutoPagerizeで継ぎ足された部分に自分のスクリプトを適用する方法あれこれ - 0xFF を参考に、AutoPagerize_DOMNodeInsertedを使うことにする。 以前はaddFilterとかGM_AutoPagerizeLoadedとか出てくる書き方をしていたんだけれど、この方法がやはり簡単・シンプルなので採用させて頂きました。 継ぎ足されたページ「のみに」適用する方法 新しく継ぎ足されたページのみに、スクリプトの内容を適用・反映したい場合。 注意しないと、継ぎ足されたページのみに適用
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Firefoxで欠かせない、GreasemonkeyとAutoPagerize。この2つを組み合わせると、対応しているサイトであれば自動的に次のページがロードされるようになります（[Z]ZAPAブロ～グ2.0も対応済み）。 とても便利なAutoPagerizeですが、昨日くらいから機能しなくなりました。ファイルが壊れたのかと思って、AutoPagerizeを再インストールしてみましたがダメでした。調べてみたところ、wedata.netで公開されているJSONファイルに接続できないのが原因でした。このJSONファイルをダウンロードできないと、AutoPagerizeが機能しません（キャッシュが効いている間は多分大丈夫）。 幸いなことに、autopagerize.user.jsには、JSONファイルのインポート先として、SITEINFO_IMPORT_URLSを複数指定できます。初期設定では、
Firefox快適快適。 GreasemonkeyとかAddons入れ過ぎたら、かなり重くなって、 ああーー元の木網って思ってたら、以下のページで解決。 けっこう古いエントリだったから、ちゃんと動くか心配だったけど、 Firefox バージョン3になっても基本仕様は変わってない模様で、 試したら普通に速くなったので、２年前に見つけてたら・・ なんて思いながら、Firefox再デビューを果たしたのだった。。 http://apple-shop.jugem.jp/?eid=67 ◆ 2004.12.16 Thursday ◆ 遅ればせながらFirefox高速化, かなーり速くなりました<追記> すっかり乗り換えてしまったFirefoxについてです。 書こう書こうと思っていて先延ばしになっていたのですが、メモとして書いておきます。 まだ試してない方は結構体感速度が上がりますのでお試し下さい。 ・
文：Jack Wallen（Special to TechRepublic） 翻訳校正：村上雅章・野崎裕子 2008-09-02 08:00 あなたが定期的に巡回しているウェブサイトへのアクセスを迅速に行いたいのか、高機能のタブを使用したいのか、それともシステムを潜在的に危険なアクティブコンポーネントから守りたいのかにかかわらず、あなたの役に立つFirefoxのアドオンが存在している。本記事では、時間を節約し、ブラウザの使い勝手を向上させるような、筆者お気に入りのFirefoxアドオンを紹介している。 Firefoxには、アドオンという追加機能をインストールできるというとても素晴らしい能力がある。そして、アドオンにはさまざまなものが用意されているのだ。ブラウザの見た目を少しだけ変更するというものもある一方で、ウェブ閲覧に欠かせないというものも数多くある。あなたがどのような目的でウェブ閲覧を
Hardware vs Knowledge A few weeks ago I was watching the keynote at the Google IO. They were demoing Google Now. This is where they took all of the little pieces of data they knew about you – like where you lived, where you worked, what topics you searched for – and started actually making that stuff useful. For example, Google Now knows how long your commute is and gives you an alternate route wh
ユーザ登録も不要で100MBまでのファイルをアップロードできるDrop.io。ごく手軽にファイルを授受できるサービスとして人気が高い。これまでのサービスではユーザ登録する必要があったり、何らかの制約があったりして使い勝手が悪かったのを一気に解消している。 ブラウザの右下にマークが出る だが人は常にシンプルさを求めている。ファイルの選択すら面倒になってしまい、ついにはこのような形に進化した。 今回紹介するフリーウェアはThe Drag & Drop.io、Drop.io向けのドラッグアンドドロップだけでDrop.ioを利用できるFirefoxアドオンだ。 The Drag & Drop.ioをインストールすると、ブラウザの右下に赤い丸が表示されるようになる。ここにDrop.ioで共有したいファイルをドロップするだけで自動的にアップロードが開始され、共有できるようになるのだ。 アップロード完了
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの
追記 2008/8/5GitHub- tombloo Tomblooは、GitHubに移行しました。使い方の説明もあります。 Tombloo.xpi バージョン番号がいきなり上がりましたが、機能はそんなに変わってません。(中身のコードは、また大きく変わってて、けっこう大変でした)前回、リークが直って、ひとが使ってもよくなった時点で、0.1にすればよかった。 Googleイメージ検索からポストGoogleImagesEnlargerと組み合わせると楽しい。Compound Usersアクション追加Moisaicで複数ユーザーの写真をマージしてみる機能をつけました(SQLをMosaicに投げるだけなんだけど)。「A + B - C - D」のように指定すると、ユーザーAとBの写真から、CとDがポストしている写真を除いて表示します。MosaicからReblogMosaicからShareでRebl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
