いつもMOONGIFTをご覧いただきありがとうございます。タイトルにあります通り、MOONGIFTの更新を恒久的に停止するご連絡となります。最終更新記事は2021年07月16日になります。 背景 MOONGIFTはオープンソース・ソフトウェアの紹介サイトとして2004年01月29日に運営を開始しました。一番最初はlivedoorブログにて開始し、その後様々なブログプラットフォームを利用し、さらに一時はサイト名の変更（Open Alexandria）を経て、MOONGIFTという名称で運営を続けてきました。 MOONGIFTでは、これまでに16,000以上のソフトウェア（一部オープンソース・ソフトウェア以外のソフトウェアを含む）を紹介してきました。オープンソース・ソフトウェアは多くの先進的な技術への取り組みが行われており、オープンソース・ソフトウェアを知ることはソフトウェアの開発トレンドを知

mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ

HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。 Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。 折れ線グラフです。 Ajaxによるデータロード対応です。 グラデーションをかけることもできます。 滑らかな曲線です。 アイコンを貼付ける例です。 プロットのみで。半透明なドットを使っています。 エリアグラフです。 マイナスの値にも対応しています。 積み上げグラフです。 棒グラフです。 左右比較型の棒グラフです。 複数のデータを並べられます。 棒グラフもマイナス値を出せます。 こんな感じの棒グラフも。 さらにドリルダウン対応です。 HTMLのテーブルからデータを

PHP製のCMSと言えばWordPressと言われるほど、WordPressを使ったWebサイトが増えていますが、今回紹介するのはPyroCMSです。セキュリティに気を配られたCMS（コンテンツ・マネジメント・システム）になります。 インストールはウィザードに沿って行います。 システム要件のチェックです。 管理画面へのログインです。 管理画面ダッシュボードです。 ブログのポスト追加画面です。 ポストしました。 メールなどのテンプレートです。 ヘッダー、サイドバー設定です。 デザイン（テーマ）機能です。 デフォルトのテーマです。 こういったテーマもあります。 ユーザ管理です。 グループ管理です。 パーミッション設定です。 パスを設定してリダイレクト設定ができます。 プラグイン（モジュール）管理です。 設定画面です。 ユーザ向けの画面です。 メールフォームです。 PyroCMSはリッチなページ

PHPExcelはExcelファイルの読み書きを行うPHPライブラリ。PDF/HTML出力にも対応。 PHPExcelはPHP製のオープンソース・ソフトウェア。業務システムを開発していて必ず発生するのがExcelのような表形式ファイルの取り込みだ。大抵はCSVに変換してもらって取り込むだろう。だがユーザが変換を忘れてExcelを読み込ませてしまうことも度々だ。 PHPで出力できる さらにシステムから資料を出力する際にもCSVをダウンロードして手作業で修正して…という手間をユーザにとらせることになってしまう。そんな時代はもう古い、PHPExcelを使ってリッチなExcelファイルをそのままやり取りしよう。 PHPExcelはExcel 2007をベースとし、5.0/95/97以降のファイル形式の読み込みにも対応している。Excel 2003のXMLフォーマットも扱える。さらにOpenOffi

PngOptimizerはPNG画像を最適化してサイズを小さくするソフトウェア。 PngOptimizerはWindows用のオープンソース・ソフトウェア。Webサイトでは画像が多用される。文字だけでは面白くないし、アイコンを使うことで情報をより短く、分かりやすく伝えられる。文字の大きさやフォントを指定したい時にも画像が使われる。 メイン画面 そんな感じで画像を多用すると、一つ一つの画像は小さくとも全体で見るとサイズが大きくなってしまう。都度アクセスされるごとに画像を読み込まれると、それだけで大きなトラフィックになってしまう。そこで使いたいのがPngOptimizerだ。 PngOptimizerはPNG画像を最適化して画像サイズを小さくしてくれるソフトウェアだ。元々PNGには圧縮機能があるが、その割合を高めたり余計なメタ情報や色情報を排除することでサイズを小さくするのだろう。約半分くらい

DropoutはWindows用の軽量デスクトップ検索ソフトウェアです。 今ではデスクトップ向けの検索システムも珍しくなくなりました。ファイルを探す際に検索すればどこにあってもすぐに見つかります。しかしOS標準のものは動作が重たく、嫌がられることも多いようです。そこで軽量に動作するDropoutを紹介します。 メイン画面です。Google並にシンプルな画面で、テキストボックスに検索ワードを入れて検索すれば良いだけです。 例えばファイル名の一部、内容でも検索できます。Score（関連度）の値順に並ぶのでより目的に近いものが上位に出てきます。 右クリックすればファイルを開く、またはファイルが含まれるフォルダを開くの二つが選択できます。フォルダを開いた場合、ファイルが選択状態にならないのがちょっと残念です。 こちらは詳細検索モードです。コンテンツ、ファイル名、種別（拡張子）、修正日を指定して細か

Zepto.jsはjQuery API互換のスマートフォンブラウザ向けJavaScriptライブラリ。 Zepto.jsはJavaScript製のオープンソース・ソフトウェア。最近のWebシステム開発ではjQueryを使わないことがなくなったとさえ言えるかもしれない。それくらい頼り切ってしまっている。普通にJavaScriptを書くのが苦しくなるくらいだ。 サンプル。大抵の機能はデスクトップブラウザにも対応。 そのためスマートフォン向けのサイトでもjQueryを使ってしまう。だがデスクトップのように高速な回線でない場合もあるため、jQueryの90KBくらいのサイズは非常に重たいのだ。そこで使ってみたいのがjQuery API互換の軽量ライブラリであるZepto.jsだ。 Zepto.jsは何と5KB以下で提供されている。eachやmap、$を使ったDOMアクセス、Ajax、findなど基

Tumblr in linkはTumblrに関連記事を表示するためのJavaScript/CSSライブラリ。 Tumblr in linkはTumblr用JavaScript/CSS製ののオープンソース・ソフトウェア。ブログというとTwitterをはじめとするマイクロブログサービスによってシェアを大きく削られたかのように見えるが、まだまだ人気があるサービスだ。その一つがTumblrだ。 関連記事 Tumblrはとてもシンプルなサービスで、自由度が高く、Web APIを使って様々なカスタマイズができるようになっている。そんなTumblrのAPIを使って開発されたのがTumblr in linkだ。 Tumblr in linkはとても変わったソフトウェア（？）だ。サーバサイドの技術を持たずしてTumblr上で関連記事を抽出する機能を備えている。サーバサイドはGoogle Codeに保存されて

AceはCloud9でも使われているWebベースのプログラミングエディタ。 AceはJavaScript製のオープンソース・ソフトウェア。あまり好まない人も多いようだが、個人的にはそろそろ開発環境もWebアプリケーション化してくれないかと思っている。そのためには幾つか乗り越えるべき問題があるが、最初の問題はエディタ環境だろう。 行番号の計算が適切でいい Webブラウザのテキストエリアレベルでは全く話にならない。プログラマーが開発しやすいエディタになっている必要がある。そんなWebベースの開発環境を目指すIDE、Cloud9で使われているエディタ環境を作っているのがAceになる。 AceはJavaScriptベースの独立したエディタ環境になる。そのため外部のソフトウェアに組み込むことも可能だ。10種類以上の言語に対応したハイライター、縦または横に画面を分割したり、テーマを変更して色合いをがら

Bootstrapは今風のWebアプリケーションを開発するのに最適なデザインパーツを提供するCSSテンプレート。 BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあって奇麗な画像を生成したり、何かのサービスを模したデザインに人気が集まったりする。Appleの作るデザインのような、今風なWebサイトを作る際にはBootstrapが便利そうだ。 BootstrapはTwitterの開発チームが作成したWebデザインテンプレートだ。単なるHTMLのみならず、色々な機能がおり混ざっている。複数カラムのグリッド、高さの揃った複数カラムのレイアウト、基本的なHTML

MobiscrollはiOSやAndroidでの日付、時刻入力を手軽にしてくれるWeb UIコンポーネント。 MobiscrollはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザ上で扱いが難しいデータが日付や時刻だ。入力するのも、入力チェックもややこしい。Webの貧弱なコンポーネントを補うためのカレンダー形式の選択ライブラリは人気が高い。 日付 そんな中、iOSの日付や時刻入力はとてもスマートに思える。スクロールを回転させて入力するのは分かりやすい。そんな入力フォームをWebベースでも実現するのがMobiscrollだ。 Mobiscrollはテキストボックスで利用するライブラリで、フォーカスが当たると日付や時刻を入力するためのMobiscrollが表示される。アプリ用のコンポーネントと同じようにスクロールして日付や時刻を選択する形だ。入力したらSetボ