GordonはJavaScript製のオープンソース・ソフトウェア。iPhoneの最大の欠点とされるのがFlashの表示が未対応という点だ。それによって利用できないサイトがいかに多いことか。今しばらくはAppleの対応は見込めないとあって、我慢の日々が続くだろう。 アニメーションにも対応している だがただ指をくわえて待っていても意味がない。技術者たるもの無理といわれているからこそ挑戦する価値があるのだ。そして一部において問題を乗り越え、見事iPhoneでもFlashを使えるようにしたのがGordonだ。決めてはFlashのSVG化だ。 単なるドローの表示はもちろん、アニメーションについても一部対応している。描画は元のFlashファイルとほぼ変わらず、とても良好な結果だ。もちろん動画や音楽を再生するようなプレーヤレベルはできないが、将来的にはFlashバナー程度ならいけそうだ。 iPhone

Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDF、HTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日本語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー

デザインが苦手な人にとって（筆者をはじめ）、CSSによるデザインに問題がある際に何が問題なのかを把握するのがまず難関だ。別な場所で設定した内容が関連している場合もあるだろうし、IDで指定しているのか、はたまたClassで複数指定している場合もあったりするとさらにややこしい。 CSSで困った時に役立つFirefoxアドオン そこで、現在表示されている内容がCSSではどのような設定になっているのか、それを理解する所からはじめよう。使うのはCSSViewerだ。 今回紹介するフリーウェアはCSSViewer、CSSプロパティの一覧を作成するFirefoxアドオンだ。 CSSViewerをインストールするとツールメニューにCSSViewerという項目が追加される。これを選択するとマウスが乗っている項目のCSS設定値がフローティングウィンドウ上に表示される。 指定した場所に赤い点線が引かれる 項目は

Mac OSXのアイコンはとても奇麗なものが多い。また、最近はWeb2.0の下にデザインの奇麗な透明感のあるものやポップなものが増えてきた。あのようなアイコンはどうひっくり返っても私からは出てこない代物だろう。 同じように画面のスクリーンショットを格好よく加工したり、角丸に加工したりといったことすらも私にとっては難しい。だがDrawItを使えばもしかしたらできるかも、と思わせてくれた。 DrawItは画像編集＆ドローソフトウェアで、手軽でありながらも高度な画像加工を行えるソフトウェアだ。 DrawItはちょっと独特なインタフェースのソフトウェアだが、Mac OSXらしい作りになっている。素材として使えるのはシェイプ、画像、ベクターそしてテキストだ。それらはドローのように各オブジェクトが独立して配置でき、貼付けた後の移動もできる。 そして画像へのイフェクトが面白い。オブジェクトに対して、イフ

以前は社内SEをやっていた。企業内におけるサーバ、クライアント、プリンタ、ハブなどのハードウェアの管理、ソフトウェアの管理、それぞれの取引先のサポート電話番号など、独自でシステム化して運用していた。 トップページ だがこれを見たら、自作する意味があったのだろうかと思ってしまった。まさにそのためのソフトウェアと言えそうだ。 今回紹介するオープンソース・ソフトウェアはi-doIT、企業内のIT資産を管理、運用するためのソフトウェアだ。 i-doITはハードウェア、ソフトウェア、運用手順、ワークフロー、コンタクトリストなどIT資産を管理、運用するために必要な情報を一元管理できるソフトウェアだ。ハードウェアも予め細かく分類分けされ、サポートの電話番号なども全て入れることができる。 ハードウェア登録 さらに緊急時の対処マニュアルやメンテナンス方法といったドキュメントをアップロードして共有することもで

MOONGIFTはオープンソース・ソフトウェアやフリーウェアの紹介を行っているが、実は購入しているソフトウェアも数多い。同じことをオープンソース・ソフトウェアやフリーウェアを組み合わせることで実現するなら購入しないが、有償でしか実現しない効率性や機能があるならば迷わず購入している。 購入画面 最近はWebアプリケーションも増え、ソフトウェアのダウンロード販売は減りつつあるが、それでも差別化され、必要なものであれば購入するだろう。そんな時に役立つソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotion Store、ソフトウェアダウンロード販売用Eコマースシステムだ。 ソフトウェアダウンロード販売専用というと、何が違うのだろうか。一般的なショッピングカートがあり、購入するまでは同じだ。そこからはライセンスを発行し、ダウンロードできるURLを教えるという点が一般の物販系とは

外出先や自宅からオフィスのネットワークにつなぐ際に利用するのがVPNだ。かつてはダイアルアップなどの手段を使っていたが、現在はインターネットVPNが当たり前になり、低コストで簡単にVPN接続ができるようになっている。 メイン画面 簡易的なVPNを簡単に立ち上げるなら、このようなソフトウェアを利用しても良いのではないだろうか。 今回紹介するオープンソース・ソフトウェアはiVPN、Mac OSXをVPNサーバにするソフトウェアだ。 iVPNはMac OSXをPPTPサーバにするソフトウェアだ。ルータのアドレスや発行するIPアドレスの範囲を設定する事で、認証を通ったクライアントに対して内部のIPアドレスを割り当てる事ができる。 Windowsから接続したところ 簡易的なものなので、認証情報は一つのみだ。立ち上げる際に指定したユーザIDとパスワードを使って認証する。Windowsで仮想プライベート

ECサイトというと、楽天やYahoo!ショッピング、Amazonなどが大手になっている。そしてこれらが完成形であるかのように思われている。が、実際はどうだろう。様々なブラウザに対応するために仕組みは昔からあまり変わらず、クールではない（Amazonでは様々な試みが見られるが）。 ショッピングサイトも新しく変わらなければ、いつしか飽きられてしまう。また、見た目で安心感や購入意欲をかき立てることができるはずだ。そこでWeb2.0（？）型ECシステムを紹介しよう。 今回紹介するオープンソース・ソフトウェアはPrestaShop、クールなインタフェースを持ったECシステムだ。 PrestaShopはPHP+MySQLで作られたソフトウェアで、インストーラーもついて手軽に構築できる。非常に多数の機能が実装されているが、整然と並べられており、さらにクールなインタフェースと組み合わせることで分かりやすい

やはりWeb文章とは違い、印刷となると組版が重要になる。横幅の文字数が変わったり、画像が横に並べられると見やすいからだ。印刷レベルの組版をサポートしたPDF作成ソフトウェアは幾つか存在する。だが、どれも手軽とは言いがたかった。 XMLを駆使して記述しなければならなかったり、細かい制約も多かったりする。もっと手軽に文章を作成できないか、そう考える人はこれを使ってみよう。 今回紹介するフリーウェアはPrince、XHTMLとCSSを使ったPDF作成ソフトウェアだ。個人利用に限りフリーなのでご注意いただきたい。 PrinceはXHTMLファイルを読み込み、それにCSSを組み合わせることで印刷品質のPDFを生成するソフトウェアだ。サンプルで見ると、かなりレベルの高い文章が得られることが分かるだろう。 もちろん、記述する上での制約もあるようだが、それでもブラウザベースで十分読める構成になっている。そ

Web開発者や、システム管理者であればSSHを良く利用していることだろう。よく使うものはすぐに呼び出せると便利だ。Windowsで簡単に呼び出すための仕組みと言えば常駐だ。 標準のPuttyではその機能はないが、拡張したPuttyを紹介したい。 今回紹介するオープンソース・ソフトウェアはPuTTY Tray、タスクトレイに常駐するPuttyだ。 PuTTY Trayは二つのアプリケーションに分かれている。一つはSSHクライアントであるPutty.exeだ。これは標準のPuttyに最小化した時にタスクトレイに格納され、そこからセッションの複製などを可能にしている。 もう一つはPuttyを呼び出すためのpageant.exeだ。これはタスクトレイにだけ表示され、そこから新しいセッションを作成したり、保存してあるセッション情報を呼び出すことができる。キーファイルの追加もできる。 他に、Putty

Firefoxの速度に残念な思いをしながらも、それでも離れられないのはFirebugがあるからだ。普段のブラウジングはともかくとして、Web開発でこれがなかったらどれだけの手間がかかるか分からない。 Firefox上での開発はそれで良いだろう。だが、ブラウザはFirefoxだけでなく、むしろ少数派だ。大多数向けのIEに問題なく対応させるためにも、IE向けの効率的なデバッガが必要だ。そしてお勧めできるのが登場だ。 今回紹介するフリーウェアはDebugBar、IE向けの開発支援ツールだ。 DebugBarをインストールすると、ツールバーに表示される。そして詳細な設定や情報はサイドバーに表示される。DOM操作を使えば、表示している画像、フォームの項目、リンクがどの項目の情報なのかが一目で分かる。 スクリプトを実行することももちろん可能だ。関数の一覧もとれるのが便利だ。また、HTML文法のチェック

CSSを使うのが当たり前になり、Webエンジニアと言えどもある程度のデザインはこなす必要がある時代になっている。だがいざやってみると色々と大変なのがCSSでもある。 よく使われるスタイル指定や、テクニックをまとめてしまったのがこちらのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはlogicss、どこでも使えるCSSフレームワークだ。 logicssはがちがちな固定ではなく、通常使うタグを便利なように上書きしたり、サブセット化してくれる。例えばh-listというクラスは水平方向に、v-listというリストは垂直方向に項目をリスト化してくれる。 CSSを眺めてみるだけで、便利だと思えるスタイル指定も数多く登録されている。CSSの勉強材料としても良さそうだ。もちろん印刷時の設定もある。 また、サイトのグリッドを定義してくれるツールも付属している。これは指定した幅などで枠線やフォント

最近のWebサイトでは画面遷移をなくし、Ajax化するのが好まれる。とは言え、既存のサービスに対して実装するのはそうそう単純ではない。それにAjaxを使った場合、PVの計測が難しく、メディア等では取り入れづらい。 だが、これを使えば簡単にそれっぽい実装ができそうだ。 今回紹介するオープンソース・ソフトウェアはGreyBox、Webページにも対応したCSSポップアップウィンドウだ。 GreyBoxは最近良く見かける、画像をクリックすると同じページ上でポップアップするライブラリになる。特徴的なのは、画像のみならずWebページでもポップアップしてくれる点だ。 既存のAタグに対して情報を埋め込めば、それだけでクリックすると背景をグレーアウトし、クールなポップアップを表示してくれる。これならばお問い合わせフォームや、詳細検索等のフォームでも使えそうだ。 大きさを指定したり、フルスクリーンでの表示もで

最近の流行はポータブルだ。USBメモリ等にアプリケーションを入れ、どこでも自分の環境を再現できるのは非常に便利だ。本体の環境を汚さずに済むのも利点だ。 それが進むとOS自体ポータブルになる。Windowsとしては、MojoPacがあるがMac OSXではこれがそうなるのだろうか。 今回紹介するオープンソース・ソフトウェアはPortableOSX、外部機器にインストールするMac OSXだ。 PortableOSXはターミナルのアプリケーションで、起動するとシステムのインストール先ドライブと、インストールディスクを要求される。試してはいないが、現在動作しているドライブを指定しても良いようだ。 そして実行すると、内容がインストール先ドライブにコピーされる。恐らく丸まるコピーだとは思うのだが、詳細は確認していない。全てコピーされているとすれば、外部ディスクは5GB以上が必要になる。 後はできあが

最近のWebサイトはテーブル組ではなくCSSで構築することが多い。その分、ブラウザ互換性を確保するのが大変な場合も多いが、文書構造的にも分かりやすいものが出来上がる。 それもあって、CSSが肥大化する傾向が見られる。余計なプロパティや値の設定がないか、ツールを使ってチェックしてみよう。 今回紹介するオープンソース・ソフトウェアはCSSTidy、CSSを最適化するソフトウェアだ。 CSSTidyはCSSの最適化処理を行うソフトウェアで、正当性を評価する訳ではないようなので注意されたい。重複するプロパティや、値の指定方法などをチェックし、サイズが極力小さくなるように指摘してくれる。 サイズが小さくなることで、ロード時間が短くなり、トラフィックコストも軽減されるというのが狙いだ。コメントや余計な半角スペースなども削除されるので、圧縮ツールとしての役割もある。 CSSTidyはC++版とPHP版と