The Mozilla Foundation Mozilla WebDevブログに「From 80 Seconds to 6: Optimizing Our Asset Compression」として、JavaScript・CSS・画像の連結およびミニファイ処理にかかる時間を、80秒～160秒レベルから6秒まで短縮させたときのテクニックが掲載されている。実用的な資料として参考になる。 現在、「Add-ons for Firefox」はCDNを活用してリソースを提供しているが、こうなる前はキャッシュ効果を最大限に発揮させるためにJavaScript・CSS・画像をファイルへ連結してミニファイ処理を実施して使っていたという。このリソースの生成には80秒から160秒かかっていたが、処理を工夫することで最終的に6秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると

米国の11,000カ所以上の公立図書館で、Kindle形式(AZW)の電子書籍の貸し出しが始まった。早速、近所の図書館で「Kindle Library Lending」を試してみたところ、これが非常に便利。米電子書籍市場におけるAmazonの優位を盤石にするものという印象を受けた。 米国では数多くの公立図書館がOverdriveの図書館向け電子書籍プラットフォームを採用しており、ウチの近所の図書館でもすでにEPUBまたはPDF形式の電子書籍を借りることができた。しかしEPUBやDRM付きPDFは、米電子書籍市場の最大勢力であるKindleのリーダー端末やリーダーアプリでは読めない。それが今年4月にOverdriveとAmazonの提携が発表されたことで、ついにKindleユーザーも電子書籍を図書館から借りられるようになったのだ。 電子書籍は公立図書館のWebサイトから借りる。ログインの際に

The GNU Image Manipulation Program Photoshop CS5が提供している便利な機能のひとつに「Content-Aware Fill」と呼ばれるものがある。これは選択した対象を画像から消し去るためのものなのだが、その消し方がすごい。まるで、最初からそこにそれはなかったかのようにまわりの風景を加味した消し方をする。デジカメで撮った写真を使いたいとしても、邪魔なオブジェクトが写っているため使えないとか、わざわざピクセル単位で編集をかけて特定のオブジェクトを消し去った経験があるWebデザイナは少なくないだろう。Photoshopの「Content-Aware Fill」を使うと、それが簡単に完了する。 同様の機能はGIMPにも用意されている。デフォルトの機能ではなく、プラグインで追加する機能だ。「Resynthesizer」と呼ばれる機能で、Ubuntuであれ

Ext JS is now Sencha 14日(米国時間)、JavaScript Ajaxアプリケーションフレームワークとして一定の支持を得る可能性を持ったプロジェクトが発表された。「Sencha」と名づけられたこのプロジェクトは、デスクトップPCからiPhone / iOS向けのWebアプリケーション開発まで広くカバーすることになる。 Senchaは、これまでExt JSとして開発されてきたJavaScript Ajaxフレームワークに、最近高い関心を呼んでいるjQTouchとSVGライブラリであるRaphaelの双方を統合したもの。開発チームに同プロダクトの開発者と取り込んでおり、今後の本格展開を狙う。 Senchaという名前は日本語の煎茶からきている。次世代ソフトウェア開発の雰囲気を喚起する名前であること、スペルも覚えやすく発音も覚えやすいというのが理由としてあげられている。これま

書棚を見るとその人物の性格や趣向がわかるとよく言われるが、たしかにそれはあると思う。きっちり分野別に分類して、五十音順にならべている人もいれば、購入した時系列順にならべる人もいるだろう。同様のことがデスクトップのアイコンにもあらわれるのだと思う。 "デスクトップアイコン整理に関する調査(アイシェア)" 最近おこなわれた"デスクトップアイコン整理に関する調査(アイシェア)"によると、デスクトップアイコンの整理はどのくらいしていいるか?という問いに3カ月以上の間に1回というユーザーが43%を占め、部屋の整理具合とデスクトップの整理状況に一定の相関関係が見られると同社は分析している。 悩ましいことだが筆者にもなかなか耳の痛い話である。"デスクトップ"は縦横の2次元に、ディレクトリという深さを加えた3次元管理なのであるとは思うが、時系列を加えた管理手法はマネジメントの世界には存在する。GTD(Ge

企業におけるグループウェア利用でもっとも重視される機能は「スケジュール管理」です。GoogleのWebアプリケーションで言えば『Googleカレンダー』が相当します。Googleカレンダーは、個人、企業を問わず幅広く利用されており、AjaxとJavaScriptを使ったUIによって、マウス操作によるスケジュールの作成、変更などが容易に行なえます。ローカルアプリケーションと比べても遜色なく、とても高機能です。今回はGoogleカレンダーをもっと便利にするツールを紹介します。 『Googleドキュメント』を活用している人はこちら! 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 *　　*　　* デスクトップ上でスケジュールを通知 名称 GMinder 予定されているスケジュールを見逃さないようにするには通知機能を使うのがよいでしょう。Windowsユーザであ

『Googleドキュメント』は一般ユーザはもちろん、Google Appsユーザにとっても便利なツールになっている。オンラインで文書を編集できるのはもちろん、ローカルで編集した内容をアップロードしたり、同期を自動化すればオンラインとオフラインをシームレスに渡ることもできる。今回はそんなGoogleドキュメントをさらに便利に使いこなすためのツールを一気に紹介しよう。 *　　*　　* Googleドキュメントを任意の形式で一括ダウンロード 名称 Google Docs Download ダウンロード用のドロップダウンが追加される 『Google Docs Download』は、Firefox用の「Greasemonkey」として提供されるソフトウェア。インストールするとGoogleドキュメントにアクセスした際に「Download Your Documents」というリンクが表示されるようになる

Make Tech Easier - Uncomplicating the complicated, making life easier 代表的なファイルシステムに絞っても、Linuxにはいくつか選択候補になるファイルシステムがある。ディストリビューションの指針や評価ごとに違うファイルシステムが採用されたり、バージョンがあがるごとにデフォルトのファイルシステムも入れ替わる傾向がある。インストール時に選択できることが多い。 どのファイルシステムを選択するかは用途ごとに適切なものを選べばいいことになるわけだが、それぞれを比較するのは少々大変だ。そうした場合に役に立つ情報がChoosing The Best Linux Filesystem For Your PC - Make Tech Easierにおいて公開された。代表的なLinuxファイルシステム(Ext2、Ext3、Ext4、Reis

CSSUtilities is a JavaScript library that provides unique and indispensible methods for querying CSS style sheets! 4日(米国時間)、興味深いJavaScriptライブラリCSSUtilitiesが公開された。CSSUtilitiesはCSSに対してクエリを発行するタイプのJavaScriptライブラリ。ダイナミックにCSSを変更する場合に使えるのみならず、WebサイトやWebページの制作段階においてFirebugよりも詳細なCSSデータを取得して分析する場合などに利用できる。CSSUtilitiesの興味深い機能は次のとおり。 CSSUtilitiesの主な機能 CSS1、CSS2.1、CSS3、HTML、XHTML、XMLをサポート Firefox、Opera、Webkit

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers The Web Developer Toolbar Comes to Chrome - SitePointにおいて、Chrome向けのWeb Developerエクステンションが公開されたことが紹介されている。 「Web Developerエクステンション」という名前を聞いて懐かしさを覚えるWebデベロッパやWebデザイナは少なくないだろう。現在ではFirefoxにおけるデバックツール、インスペクタツールといえばFirebugを思い浮かべることが多いだろうが、そうなる前はWeb Developerに使われることが多かった。Web DeveloperはWebデベロッパやデザイナがFirefoxを使い始めるひとつのモチベーションになっていた。 Web

前回は、サラリーマンで副業をしており、20万円以上の収入がある人は、確定申告が必要だということ、また副業の収入には、「報酬」「給料」があることなどを解説した。今回は、副業と税金の第2弾、収入と所得の違い、経費について紹介していこう。 副業の収入は基本的には「雑所得」になる まず、前回のおさらいだが、副業で得た副収入は「給与所得」「雑所得」「事業所得」はいずれかの3つにあてはまる。事業として本格的に続けていく場合をのぞき、短期的に「お小遣い稼ぎ」として副業をしているのであれば、基本的に副収入は「雑所得」と考えていいだろう。また、この雑所得の場合、副業先からの支払い明細には「報酬」と記載されているのが一般的だ。この雑所得、「給与所得」と違って、メリットといえるのが、「経費」が計上できる点にある。 「収入」と「所得」の違いを確認しよう では、経費とは何なのだろうか。その本題に入る前に、まずは収入

Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そうしたツールを使うことが多い。 このようにCSSをチューニングするためのツールは数多く提供されているが、逆にCSSで使われていないセレクタを特定して削除するといった機能を提供するものは少ない。IEBlog : CSS Crunch: new IE Extension for developersにおいてSelectors API Level 1で規程されているdocument.querySelec

Make Tech Easier - Uncomplicating the complicated, making life easier WebサイトやWebページ、WebアプリケーションにとってCSSはデザインを実現する中核技術となっている。このCSSを最適化する3つのツールが3 Useful Tools To Optimize your Blog’s CSS - Make Tech Easierにおいて紹介されている。紹介記事そのものはブログで利用されるCSSを取り出して最適化するストーリーになっているが、汎用的なテクニックとして利用できる。紹介されているテクニックとツールは次のとおり。 CSSファイル編集テクニック CSSはHTML内部に記述するのではなく外部ファイルにまとめる 属性に繰り返し同じ設定を記載するのではなく、クラスとして定義して利用するようにする。たとえば複数のクラス

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLやCSSを記述する際にもっとも気になるのが、使おうとしている機能が開発に使っている以外のブラウザでサポートされているかどうか、また、意図どおりに機能するかどうかだ。テストフェーズでまとめてチェックする方法もあるが、複数のバージョンが混在する現状では、テストフェーズまでチェックを引き伸ばせば引き伸ばすほど、後からブラウザ互換性を確保する作業が困難なものになる。 開発段階でブラウザごとの互換性やサポート状況をチェックしリスクを回避するために役に立つリファレンスマニュアルにSitePointが提供しているSitePointリファレンスシリーズがある。CSS、HTML、JavaScript版が提供されており、特にCSSとHTMLのリファレンスマニ

FirePHP enables you to log to your Firebug Console using a simple PHP method call. WebサイトやWebアプリケーションを開発する言語としてPHPは人気がある。世界最大規模のソーシャルネットワークサービスFacebookもサービスの開発にはPHPを採用している。提供するサービスが大規模になると一部をC/C++化して高速化をはかることもあるが、開発エンジニアの集めやすさやアジャイル性の良さもあって主要言語のひとつであり続けている。 HTML/CSS/JavaScriptをベースにWebサイトやWebアプリケーションを開発する場合、開発ツールとしてFirebugやブラウザベンダが提供しているデバッグツールが利用できるが、PHPのようにサーバサイドで動作するタイプの言語ではそう簡単にはいかない。しかしいくつか便利な

Firefox web browser - Faster, more secure & customizable MozillaのAlexander Limi氏がMaking browsers faster: Resource Packagesにおいてブラウザの動作を高速化させる方法を提案している。ブラウザ側の対応だけでよく、サポートしていないブラウザが閲覧しても影響がなく、現在の枠組みの中で簡単に実装して実現できる。Alexander Limi氏はPlone CMFの開発者であるとともに、以前はJarnやGoogleで働いていたこともある。 HTTPリクエストの数を減らすことでWebページの高速な表示を実現しようというテクニックのひとつにCSS Spritesと呼ばれる手法がある。これは複数の画像を一つの画像にまとめ、レンダリングの段階でCSSの分割表示機能を使うというもの。HTTPリク

英国放送協会(BBC)は7月7日(英国時間)、JavaScriptライブラリ「Glow」の最新バージョンである1.5.1をリリースした。GlowはApache Licence Version 2.0のもとで公開されている、オープンソースソフトウェアJavaScriptライブラリ。 Glowの特徴は次のとおり。 シンプルなDOM、イベントハンドラ、アニメーション操作など さまざまなウィジェット(AutoSuggest, Carousel, Editor, InfoPanel, Overlay, Panel, Slider, Sortable, Timetable) 明快/豊富的なドキュメント BBC Browser Support Standards[http://www.bbc.co.uk/guidelines/futuremedia/technical/browser_support.s

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing MagazineにおいてMySQL Admin and Development Tools Round UpのタイトルのもとMySQLの管理および開発に活用できるツールがまとめられている。MySQLを使った開発やデータベース管理を行っている場合には一度チェックしておきたい内容だ。紹介されているツールを抜粋すると次のとおり。 phpMyAdmin - MySQL管理Webアプリケーション SQL Buddy - MySQL管理Webアプリケーション Aqua Data Studio - MySQL管理アプリケーション(開発向け機能含む) (Win, OS X, Linux, Solari

本稿では、前回に続き実際にいくつかのFirefoxのチューニングを行ってみます。 注意:本稿ではFirefoxのチューニングを行っておりますが、チューニングは使用者の責任において行ってください。 半透明効果を無効にする Mozilla Firefox 3(以下、Firefox)では、画像や文字列はもちろん、URLやタブをドラッグした際に、そのオブジェクトが半透明になる機能が加わりました。もちろん、この半透明効果はオブジェクトによって異なりますが、一定のパフォーマンスを必要とし、数世代前のコンピュータでFirefoxを使っているユーザーには、パフォーマンスダウンにつながります(図1、2)。 図1 画像をFirefoxのウィンドウ内やデスクトップにドラッグしますと、その画像が半透明になります 図2 ドラッグによる半透明効果は、画像のほかにもリンクやfavicon、タブ、文字列などが対応してい