ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2012/12/07

オンラインの画像をクラウドサービスに転送「Cloud Save」

Cloud Saveはコンテクストメニューから各種クラウドサービスにオンラインのファイルを保存するGoogle機能拡張です。画像のたくさんあるサイトなどで役立つのが右クリックしてローカルに保存する系統の機能拡張ですが、今どきはちょっと違います。Cloud Saveは各種あるクラウドストレージサービスを選択するだけでファ...

List

  • 2012/12/06

軽量、高速なWebGLブラウザフレームワーク「EjectaGL」

EjectaGLはWebGLを使ったグラフィックスをObjective-C内で描画するブラウザです。iOS向けに高度なグラフィックスを実現するゲームなどを作ろうと思うと3Dグラフィックスを駆使する必要があります。しかしそれをWebGLを使いつつ、高速に描画できるフレームワークがEjectaGLになります。サンプルです。...

List

  • 2012/12/06

node.js/Meteor製のソーシャルニュース「Telescope」

TelescopeはMeteorを使ってリアルタイム性を高めたソーシャルニュースサービスです。日本では今ひとつですが海外ではHacker NewsやRedditをはじめソーシャルニュースは人気のサービスです。そんなソーシャルニュースサービスをMeteorを使って構築したのがTelescopeです。トップページです。かな...

List

  • 2012/12/06

表示位置をいい感じに調整してくれるネットワークグラフ「Springy」

Springyはネットワークグラフにおいてノード同士の表示を自動的に調整してくれるライブラリです。オブジェクト同士の関連性からトレンドを見いだすのに使われるネットワーク図。そんなネットワーク図の表示において多数のオブジェクトが重なってしまう…といった時にはSpringyを使ってみましょう。デモです。関連性が適切に見えま...

List

  • 2012/12/05

セキュアな情報のやり取りに。Androidで暗号化フォルダを作成「Cryptonite」

CryptoniteはAndroidで使えるTrueCrypt/EncFSクライアントです。Dropboxやローカルに暗号化フォルダを作成できます。Androidでも一部のファイルをセキュアに扱いたいといった時に使えそうなのがCryptoniteです。特定のフォルダをAESなどを使って暗号化/復号化できます。起動時の画...

List

  • 2012/12/05

iGoogleみたいなガジェットポータルを構築するのに使えそうな「iGoogle-like Drag & Drop Portal」

iGoogle-like Drag & Drop PortalはiGoogleライクにウィジェットをドラッグアンドドロップできるWebライブラリです。Googleでは既に提供終了を宣言しているiGoogleですが(2013年10月末まで)、インタフェースを含めて根強い人気があります。そんなiGoogleライクな操作を実...

List

  • 2012/12/05

レスポンシブWebデザインでサイトを組む際のベースに「Wirefy」

WirefyはレスポンシブWebデザインを使う場合のデザインフレームワークです。レスポンシブWebデザインで組み上げようと思うと、色々とあらかじめ考えておくべき点に出くわしてなかなか本当にやりたいデザイン作業に入れずにイライラしたりするかも知れません。そこで使ってみたいのがデザインフレームワークのWirefyです。サン...

45148?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-22-21.31.54_thumb

  • Premium_s 2012/12/04

WebGLを体感できるサービス・ソフトウェア19選

HTML5以降で体感できる新しい技術として有名なWebGL。まだまだ実践的に使われている機会は多くありませんが、今後のリッチなWeb体験を語る上で欠かせない要素になるでしょう。そこで今回はWebGLを体験できるWebサービスおよびオープンソース・ソフトウェアをまとめて紹介します。

List

  • 2012/12/04

Web上で画像の範囲を指定できる「imgAreaSelect」

imgAreaSelectは画像の切り抜きに役立つ範囲選択機能を提供するjQueryライブラリです。ユーザにアップロードされた画像の一部を切り出してアイコンに使うと言ったような操作はよくあります。そんなUIをjQueryを使って実現するのがimgAreaSelectです。一例です。選択されていない場所はグレーになるので...

List

  • 2012/12/04

その場でデータを編集。BootstrapやjQuery UIに対応した「X-editable」

X-editableはBoostrapやjQuery/jQuery UIで使えるIn-place Editorです。表示されている内容を編集する際にその場ですぐに編集できるようにするのがIn-place Editorです。それをBootstrap、jQuery UIなどに対応させたのがX-editableになります。こ...

List

  • 2012/12/04

JavaScriptでUMLを描く「JSUML」

JSUMLはJavaScriptで描くUML図(現在はユースケースのみ)です。UMLと聞くと何となく2000年くらいを思い出してしまうのですが、エンタープライズ分野においては利用されています。そこでUMLを時代に合わせてWeb化してくれるのがJSUMLです。メイン画面です。アクションはドラッグして動かせます。アクターは...

List

  • 2012/12/03

OpenStreetMapをWeb上でメンテナンス「iD」

s2If current_user_canMOONGIFTはこう見るOSMの編集ツールは幾つかあるのですが、基本的に使い勝手があまり良くありません。スマートフォン向けアプリでは小さいものが多いですし、専用ソフトウェアをダウンロードさせるのは敷居が高いです。Web、しかもデスクトップのブラウザを使うのは利点があると思われ...

List

  • 2012/12/03

Google Chrome機能拡張を開発するならベースにどうぞ!「ChromeSkel」

ChromeSkelはGoogle Chrome機能拡張を作るためのベースになるソフトウェアです。Google Chromeは今や世界一のシェアを誇るWebブラウザになっています。そんなGoogle Chromeをさらに魅力的にするのが機能拡張です。Google Chrome機能拡張を作ってみたいと思う方はChrome...

List

  • 2012/12/02

試そう!Webブラウザ上でモックアップを作れる「Mockup Designer」

Mockup Designerはローカルストレージを使ったWebベースのモックアップ開発ツールです。Webサイトを作ったり、iOSアプリを開発したりする際にまず作っておきたいのがモックアップ(ワイヤーフレーム)です。シンプルで飽きのこないデザインです。配置はドラッグアンドドロップでできます。色の変更や配置順の変更も可能...

List

  • 2012/12/02

MarkdownをTwitter Bootstrap上で使うなら「PageDown Bootstrap」

PageDown BootstrapはBootstrapで使えるMarkdown用の編集補助ツールです。最近、ライトなマークアップ言語が増えていますが、その中で有力なのがMarkdownです(異論はあるでしょうが)。そんなMarkdownフォーマットをBootstrap上で書きやすくしたのがPageDown Boots...

List

  • 2012/12/01

Webサイトのモックアップ開発にもRailsばりのパワーを「Serve」

ServeはERBやSassなどを取り込んだワイヤー開発フレームワークです。Ruby on RailsはWebシステムを素早く開発できますが、それでもモデルやコントローラーを作っていたらモックアップを作成するよりは時間がかかります。とは言えテンプレートを使ったり、Sassは使いたい…そう思う方におすすめなのがServe...

List

  • 2012/12/01

バックエンドとフロントを備えたWebサイト開発に使えるフレームワーク「Webasyst Framework」

Webasyst FrameworkはWebサイト開発に使える軽量なCMS&フレームワークです。既に世界中にたくさんのCMSがありますが、最終的な選択は肌に合う、合わないではないかと思います。今回は企業やチームで使えるWebサイト用のフレームワーク、Webasyst Frameworkを紹介します。インストーラー付きで...

List

  • 2012/12/01

並び替え、アニメーションも対応したグリッドライブラリ「jQuery.Shapeshift」

jQuery.Shapeshiftは自分でドラッグ&ドロップできるグリッドライブラリです。最近増えたのがPinterestのように高さの異なるボックスを並べて表示するUIです。そしてさらに自分で並び替えまでできるようにしたのがjQuery.Shapeshiftです。最初の表示です。ドラッグして移動できます。その時、ちょ...

List

  • 2012/11/30

面白い!動画とスライドを同期させる「Presentz」

Presentzは動画とスライドを同期させて見せるオンラインプレゼンテーションソフトウェアです。勉強会などでスライドを使って説明をし、その様子を動画に撮影したとします。後日、その様子をオンラインで見せたいと思った時に使えるのがPresentzです。YouTubeとSlideshareの連動。ちゃんと動画の進行に合わせて...

List

  • 2012/11/30

プレイリストにも対応したiOS向け音楽エンジン「OrigamiEngine」

OrigamiEngineはiOS向けの軽量な音楽エンジンです。iOSで音楽を鳴らす際にCoreAudioを使うと思いますが、今回はOrigamiEngineを紹介します。軽量なオーディオライブラリです。再生待ち。再生中。ストリーミングではないようで、再生までに時間を要します。機能としてはコンパイルすれば300KB程度...