Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
マウスのアクションに追従するインタラクティブなグラフィックスを描く·Paper.js MOONGIFT
Paper.jsはJavaScriptでインタラクティブなグラフィックスを描くライブラリ。 Paper.jsはJavaScript製のオープンソース・ソフトウェア。HTML5によってCanvasタグがデフォルトでサポートされるようになった。これでWeb上でのグラフィックスの表現力が大幅に向上する。だが高度な表現には高度な技術が伴うものだ。 ベジュ曲線が動くデモ 一つの絵を描くだけならばIllustratorのようなドローソフトウェアで描いてSVG出力するという手もあるだろう。だが本来はもっとインタラクティブなグラフィックスを描きたいと思うはずだ。それを可能にするのがPaper.jsだ。 Paper.jsはJavaScriptとCanvasタグを使ってマウスの動きに追従するようなグラフィックスを描くライブラリだ。実に数多くのデモが登録されており、マウスによってベジュ曲線を描くもの、マウスを追
JavaScriptのコード無しでWeb APIからデータ取得、表示まで実行·爆速JSONP MOONGIFT
爆速JSONPはJavaScriptのコーディングレスでJSONPで取得したデータを表示する処理を行うライブラリです。 去年くらいからのYahooはとりあえず何でも爆速をつけておこう的な雰囲気が感じられますが、ついにオープンソース・ソフトウェアまで爆速がつくようになりました。今回はJSONPを使った表示処理エンジンである爆速JSONPを紹介します。 サンプル。電力消費量を取得しています。 ソースです。取得したJSONデータをテンプレートとして当てはめています。 爆速JSONPはデータをJSONPを使って取得し、その結果を予め決められたテンプレートに埋め込んで表示する仕組みです。data-*要素を使っており、JavaScriptのコードを書かずに実装できてしまうのが利点です。 爆速JSONPはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFT
MOONGIFT: � ウィンドウを透明化/前面固定「Afloat」:オープンソースを毎日紹介
Mac OSXではウィンドウを最大化した時にも画面いっぱいに広がる訳ではないので、複数のウィンドウを並べて作業しやすい。だが場合によっては別な画面を参考にしたい時などで、画面がかぶさってしまって作業しづらい時もあるだろう。 最前面に設定すると上記ウィンドウが表示される また、あるウィンドウを常に最前面にとどめておきたい時もあるはずだ。そんな時に役立つのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはAfloat、Cocoaアプリケーションのウィンドウ操作ソフトウェアだ。 Afloatをインストールすると、CocoaアプリケーションのウィンドウメニューにAfloatの項目が表示されるようになる。例えば「Keep Afloat」を選ぶとウィンドウが最前面に固定化され、アプリケーションを切り替えてもウィンドウが前に出続ける。最前面化は、メニューを選んだ時に一番前にあるウィンドウ
Mac OSX用Gitクライアント·Gitbox MOONGIFT
GitboxはMac OSX用のフリーウェア。Gitはターミナルからでも十分使えるため、GUIフロントエンドを必要とはしてこなかった。だが複数人が関わるプロジェクトでは不慣れな人も多い。そうした時にはやはりGUIフロントエンドがあると便利だ。 見た目はシンプルなGitクライアント Gitの全ての操作を行えなくとも、普段の運用上はコミットしたりPushやPullを実行できるだけでも十分だろう。そんなライトなGitフロントエンドとしてGitboxを紹介しよう。 Gitboxは任意のリポジトリを指定して開く。そうするとコミットログが一覧で見られる。その中で変更されたファイルについても確認が可能だ。さらにファイルを選択すればFileMergeなどの差分表示ソフトウェアで変更箇所が確認できる。 差分の確認は外部ツールで 変更されてリポジトリに反映されていないファイルの一覧も確認できる。後はファイルを
Aptana/NetBeans/TextMate/Codaと連携するHTML/CSS補完ツール·Zen-coding MOONGIFT
CSSやJavaScriptが多用されるようになり、一般的なオーサリングツールでは求めるデザインが容易にはうまくいかなくなっている。そのため技術者の場合は手打ちでHTMLを描く人も多いはずだ。だが、面倒なのは確かだ。 各種エディタで利用可能 もっとシンプルにタグ入力を行いたい、そう考える方に使ってみて欲しいのがZen-codingだ。 今回紹介するオープンソース・ソフトウェアはZen-coding、各種エディタと連携するHTML/CSS補完ライブラリだ。 Zen-codingは単なる入力補完ではない。その書き方が変わっていて、div#headerと書けば、<div id="header"></div>に展開される。もちろんクラスの場合はドットでつなげば良い。複数のクラス指定も可能になっている。詳しくは下記のチュートリアル動画を参考にされたい。なおTextMateで試したところ、一部うまくい
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
MOONGIFT: » Webサイトをクリッピングする「Deepmemo」:オープンソースを毎日紹介
11月末にはてなブックマークのリニューアルが予定されているのですが、個人的にはスクラッピング機能が欲しかったなぁという思いが。ブックマークサービスだからという割り切りもありますが、Webサイトを見ていて一部だけを保存しておきたいということは良くあるんじゃないかと（検索が使えるという話もありますが、エンジン次第でしょうか）。 ブラウザのツールバーにアイコンが並びます 例えばEvernoteで同様の機能は実現されていますが、Webサイトを色々閲覧していてスクラッピングしたいというのに便利なのがDeepmemoです。Firefox向けにはアドオンで、IE向けにもツールバーが提供されています。 Deepmemoをインストールすると、検索ボックスの隣に専用のボタンが表示されます。左から、マイページへのジャンプ、クリッピング、クリッピング＆メモ、メモ、ログイン/ログアウトとなっています。 メモの入力画
音楽配信用デーモン·Music Player Daemon MOONGIFT
音楽を再生、管理するためのソフトウェアと言うと、管理インタフェースと再生インタフェースの二つが揃って提供されるのが当たり前になっている。例えばiTunesやWinAmpなど、大抵のソフトウェアがそうだ。 実行オプション だが、一つのアプリケーションで全てを行うと肥大化し、最適化されづらいものになっていく。そうした煩雑さから解放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはMusic Player Daemon、音楽配信のためのデーモンだ。 Music Player DaemonはMPDという略称で知られるソフトウェアで、音楽が入ったディレクトリを指定して実行する。そうすると6600番のポートで待ち受けになる。楽曲のメタタグを解析し、自動でデータベースを作成してくれる。このデータはクライアントソフトウェアから利用可能だ。 音楽を追加しているところ すでにこのMP
MOONGIFT: » ActionScriptをブラウザ上でデバッグ「ThunderBolt」:オープンソースを毎日紹介
最近、Flashにはまっている。元々素晴らしい技術であることは分かっていたが、デザイナー的な位置づけが大きいと二の足を踏んでいた。が、ActionScriptだけでも様々なアプリケーションが開発できそうだと分かり、面白さを感じている。 Flash自体の開発環境は無料でも構築できる。が、デバッグが非常に面倒くさい。全てtraceで出力するしかない。だが、これを使えばFirefox上でデバッグが可能だ。 今回紹介するオープンソース・ソフトウェアはThunderBolt、Firebugを使ったActionScriptデバッガだ。 ThunderBoltを使ってFlashを表示すると、FirebugからコマンドベースでFlashを操作できるようになる。表示の大きさや表示開始位置の取得も可能だ。 コンソールからFlashの内容を動的に書き換えることもできる。サンプルスクリプトではうまく動作するが任意
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
