ドットインストール代表のライフハックブログ
emileはCSS/JavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを行う際、まず思いつくのはFlashを使った手法だろう。だがそこまで複雑なアニメーションでもなく、そもそもFlashを扱うのが苦手な場合はどうしたら良いだろう。そこで使えそうなのがJavaScriptだ。 動作サンプル 最近のJavaScriptは表現力が高く、簡単なアニメーションくらいなら十分に実現できるようになっている。さらにCSSを使うことで位置の設定も容易に、色の変更もできるようになる。それを使って作られているのがemileだ。 emileはPrototype.jsやjQueryといった有名なライブラリを使わずに作られている。アニメーションを使いたいとなった途端に重たいフレームワークを導入というのでは萎えてしまう。わずか50行程度でアニメーションを実現しているのだから面白い。
【PC作業効率化】Firefox使いなのにkeyconfigアドオンを導入していない?そんな馬鹿な! 2009年9月6日 2021年8月24日 2020年以前の記事 気持ちを素直にタイトルにしてみました。 IE(特に6)に向かって「げいつ!!!」と叫ぶ多くのWeb関係者にとって、ウェブラウザシェア2番手のFirefoxは愛すべき存在です。たとえまだシェア1割だとしても。 ぶっちゃけ、私も「あーもーブラウザシェア、FirefoxとIE逆転しないかなー」とか妄想しています。(それくらいIE特に6はコーダーにとってうふふ。) 特に、はてなーさんやら、IT技術に強い方々などはFirefoxを利用していることが多いのではないでしょうか。 今日は、そんな全Web利用者のうち約1割の方々全員に、導入をこころからおすすめしたいアドオン、keyconfigをご紹介します。 キーボードショートカットを自由自在
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」 2009年08月17日- UrlParams :: Firefox Add-ons WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」。 もうご存知の方も多いかもしれませんが、知らなかったのでご紹介。 Yahoo! などの検索エンジンにアクセスすると、「http://search.yahoo.co.jp/search?p=test&ei=UTF-8&fr=moz2」のように色々と引数がつきますが、これを分かりやすく解析してくれます。 さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。 上記GETによるアクセスで、以下のようにパラメータを分かりやすく表示してくれます。 POSTの場合は別のペインにパラメータが表示さ
Firefox 3では、履歴やブックマーク、クッキーなどの他、一部アドオンの利用データもSQLite データベースで管理しています。 日々の利用により、このデータベースが大きくなってくると、Firefoxの起動に時間がかかったり、動作が緩慢になってくるということなどが考えられます。 このようなとき、データベースの最適化をすることによって、Firefoxの動作を軽くするという方法がブログなどにもよく書かれていますが、これを実行するには「SQLite Manager」というアドオンをFirefoxにインストールして起動し、お使いのプロファイルフォルダから該当データベースを探して[Reindex]を行うという作業が必要となり、初心者にはちょっと実行しにくいものがあります。 <参考記事> firefox 3が遅くなった→ SQLite reindexで解決&高速化 via しおそると Firefo
sponsored 生成AI「Box AI」を組み込んだBoxの将来像も披露、「BoxWorks Roadshow Osaka 2024」レポート 大阪ガス、豊中市も登壇 西日本に注力するBoxが大阪で大型イベント開催 sponsored MSIのNUC「Cubi NUC 1M」を徹底レビュー NUCはどれも同じではない!ちょっとした違いなのに大きく影響するポイントを見逃さずに選ぼう sponsored 浄土真宗親鸞会がネットギア「M4250」を導入、能登半島地震では「機動力の高さ」が生きる 大規模イベントの“ワンオペ映像業務”、実現したのはNDIとネットギアPro AVスイッチ sponsored JN-IPS238FHDR-C65W-HSPなら直販価格2万2980円 昇降式スタンドとUSB Type-C給電は後悔しないディスプレー選びの新要件! 2万円台前半でも探せばある sponso
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【1】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
前回、米lifehackerで「our must-have Firefox extensions(絶対手に入れるべきFirefox拡張機能)」を紹介してから、かれこれ2年が経ちました。当時はまだFirefoxのバージョン1でしたし、あれからさらに便利な機能拡張も新しく増えたので、2009年版Firefox機能拡張TOP10をお送りしたいと思います。 日々ライフハッカーを更新している編集部員に、Firefoxの機能拡張で、毎日使えるオリジナリティある機能拡張について聞いてみました。そのうち約半数は、前回のTOP10にも入っていた定番でしたが、残りの4つはこの2年の間に登場した、革新性も将来性も十分な期待のニューカマーでした。機能拡張名からダウンロードできるページにリンクしていますので、気になるものがあれば試してみてくださいね。 では、気になるTOP10のカウントダウンを発表! 10位 : テ
昨年末に紹介しきれなかったFirefoxアドオンをまとめて記事にしましたが、今年も4月となり、その間に多くの小技系アドオンに出会いました。 そこで今回も、今年に入って試した個別記事として紹介できなかったアドオン達を、ちょっとまとめて紹介してみたいと思います。 それではちょっと長くなりますがお付き合いください。 1.Status-bar Calculator ステータスバーに電卓アイコンを表示し、それをクリックすれば式を利用できます。中央のボタンをクリックすれば各種計算記号もマウスで入力できるのが特徴です。 2.GoogCal ワンクリックでGoogle カレンダーを現在のタブに表示するボタンを付与します。 3.last.fmCode Last.fmのレビュー欄などに記入する際、メニューからBBコードを簡単に扱うことができるようになります。 4.Social Media for Firefo
FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。 アイコンも変わってます まず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、1行でかけるのでなかなか便利そうです。 次のように、オブジェクト指向で書くこともできるみたい <?php
Firefoxをお使いなら、アドオンなどを使ってGoogle検索の結果表示をあれこれカスタマイズすることができます。 しかし、これらのカスタマイズは単一のものが多く、いろいろやろうと思うとアドオンやスクリプトを複数インストールしなければならず、管理も面倒ですね。 結果タイトルに順位番号を振る、結果にサムネイルを付与する、ページを自動で送るなどの機能は、あれば便利なもので手放せなくなるものですが、今回は、こうした各種カスタマイズ機能を一つのスクリプトをインストールするだけで実現できるGreasemonkeyスクリプト「Google Fx」を試してみました。 「Google Fx」は、Firefoxにアドオン「Greasemonkey」をインストールしている環境にインストールするだけで、Googleの各サービスでインターフェースをカスタマイズすることができるというスクリプトです。 インストール
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには? ライブドアブログを速くした著者が7つのポイントを伝授します(編集部) Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか? デザイナや主にHTMLのコーダー/マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
快適なWeb開発環境を構築する、Firefoxアドオン10選:エンジニアがお薦めする 現場で使えるツール10選(2)(1/5 ページ) ITエンジニアの方であれば一度は使ってみたことがあるFirefoxだが、いまひとつ使いこなせていない人や標準のInternet Explorer(IE)に戻ってしまった人もたくさんいるだろう。 FirefoxといえばオープンソースのWebブラウザとしてIEをしのぐ勢いでWebブラウザのシェアを獲得してきている。2008年6月には「Firefox 3」になり、レンダリングエンジンも高速化されて注目を集めた。そんなFirefoxの最大の魅力は、何といっても拡張機能である豊富なアドオンが公開されていることだ。 アドオンを組み合わせて自分が使いやすいWebブラウザ環境をつくることができる。これがFirefoxの楽しみ方の1つでもある。しかし実際には、あまりにも多く
Windows XP/Vista/2003/2008 Server上のInternet Explorer 6/7/8 Beta 2、Mozilla Firefox 2.0/3.0/3.1 Beta 2で動作するフリーソフトで、HTTP/HTTPSのリクエストヘッダ表示、HTTPの圧縮率表示、ページ内の各要素の読み込み時間のチャート化、ステータスコードやレスポンスサイズの表示、フィルタリング、さらにはこれら一連の通信をログファイルに記録することなども可能です。 時間はミリセカンド単位で表示が可能となっており、まさにHTTPデバッガと言っても差し支えないレベルなので、「ページの読み込みが遅い原因を知りたい」とか「ちゃんとサーバの設定が反映されているかどうかを確認したい」「ウェブアプリの動作チェックがしたい」という場合に役立ちます。この種類のソフトにありがちな日本語の文字コードが解釈できないとい
よくFirefoxを勧める私ですが、その理由の一つにアドオンが豊富だからというのがあります。 そんなわけで、私のオススメアドオン10選をご紹介します。導入するのは自己責任でお願いします。 それではあいうえお順で行きます! AutoAuth 一度Firefoxにログイン情報を記憶させると、次回から認証ページやダイアグアムに自動的に 情報を送信しダイレクトでログインできるようになります。 OKボタンを押さずに進むためスムーズにページ移動が行えます。 [参考リンク] AutoAuthインストールページ FireGestures OperaやSleipnirと違ってFirefoxにはマウスジェスチャーがデフォルトでは実装されていないため、 Firefoxでマウスジェスチャーを行えるように開発されたアドオン。 マウスジェスチャーとは、右クリックを押した状態でマウスを上下左右に動かす事でコマンドを入力
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く