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

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

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

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

もっと見る

List

  • 2012/10/24

自分で立てるクラウドファウンドサーバ「Selfstarter」

Selfstarterは自分で立てるKickstarterライクなソフトウェアです。Kickstarterは有名なクラウドファウンディングサービスですが、ガジェットやそのブランディングによっては自社で募集したいと思うでしょう。そこで使ってみて欲しいのがSelfstarterです。デモです。コンテンツも見やすく並んでいま...

43703?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-15-11.23.35_thumb

  • 2012/10/24

最低限かつ十分なスタイル設定が特徴のCSSフレームワーク「Kube」

Kubeはプロフェッショナル向けのCSSフレームワークです。見やすく、かつ様々なニーズに対して即座に答えられるようなデザインを考えるのはとても大変なことです。しかしその道のプロが作り出したスタイルシートフレームワークであるKubeを使えば実現しやすくなるかも知れません。デモページです。リンクやサイドバーが並んでいます。...

43680?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-11-20.21.46_thumb

  • 2012/10/23

ウィンドウサイズをリアルタイムモニタリング「FitWeird」

FitWeirdはウィンドウサイズをピクセス、em単位で表示するブックマークレットです。Webデザインを行う際に画面上に物差しを表示したりツールもありますが、今回はもっとシンプルなFitWeirdを紹介します。ウィンドウサイズが今いくつであるか、リアルタイムに表示してくれます。ブックマークレットを実行しました。右下にウ...

43675?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-15-11.14.39_thumb

  • 2012/10/23

Yahoo! PipesライクにWebブラウザ上で音声ファイルにイフェクト「Audiograph」

AudiographはWebブラウザ上で音声ファイルのイフェクトを行うソフトウェアです。HTML5になって様々なAPIが追加されていますが、実際にどんなことができるかはまだ模索段階という方が多いようです。そこで一例としてAudiographを紹介します。音声ファイルをWebブラウザ上で加工できるソフトウェアです。最初の...

44035?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2fscreenshot2011-09-22-14.48.16_thumb

  • Premium_s 2012/10/23

業務で使えるオープンソース(52)「JavaScript代替」

ここ1年くらいで急激に増えているのがJavaScriptの代替言語です。言語というよりもフレームワークに近いものに感じますが、各社がこぞって参入しているとあって誰もが不満を感じ、解決したいと思っている分野のようです。そこで今回は大事な技術要素と、代替になるソフトウェアについて紹介します。

List

  • 2012/10/23

node.jsで作られた実用的なブログエンジン「nodejs_blog」

nodejs_blogはnode.js/Express/MongoDBを組み合わせたブログシステムです。node.jsはまだまだ際物だと思っていませんか。既に実用的なシステムも多数出てきています。今回はnode.jsを使ったブログシステムnodejs_blogを紹介します。ユーザ向けの画面です。管理画面。ポスト一覧です...

List

  • 2012/10/22

マルチデバイス対応のDjango製CMS「Mezzanine」

Mezzanineは管理画面のあるDjango製のCMSです。Webサイトの基本と言えばCMS。WordPressのような大規模なCMSも良いですが、今回はフレームワークとしてDjangoを使ったMezzanineを紹介します。実績も十分にあり、多機能なCMSになっています。ユーザ向け画面です。テーマの切り替え対応です...

43632?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-11-11.43.09_thumb

  • 2012/10/22

好みの色設定でテキストエディタ、アプリケーションを統一しよう「Solarized」

Solarizedは多様なエディタ、アプリケーションに対応した陰陽のカラーテーマです。個人的にはEmacsのカラーは背景が黒、文字は真っ白ではないけれども白っぽい色にしています。そういったカラーテーマを多数のアプリケーション向けに提供するソフトウェアがSolarizedです。ターミナルの場合こんな色。見やすいと思います...

List

  • 2012/10/21

Webブラウザ上で使えるtail「webtail」

webtailはターミナルの標準出力の結果をWebブラウザに表示するソフトウェアです。Webシステムの開発を行っている際に、Webブラウザで実行してターミナルのログを確認するというのを何度も繰り返すことがあります。そんな面倒から解放してくれるソフトウェアがwebtailです。使い方。tailの結果をwebtailに渡し...

List

  • 2012/10/21

関連づいたオブジェクトを表現する高度なJavaScriptライブラリ「sigma.js」

sigma.jsはネットワーク図をはじめとする多数のノードが絡むグラフを描くライブラリです。有機的な要素やネットワークが重なり合っているグラフを描きたい時に使えるのがsigma.jsです。Canvasタグを使って簡単にグラフを描き出します。かなり密集したデモ。ズームイン/アウトもできます。こちらはアニメーション。動き続...

List

  • 2012/10/20

ユーザが編集もできるインタラクティブなJavaScriptデモ「Examplifier」

Examplifierはオンライン上でJavaScriptのコードデモを編集し、実行できるソフトウェアです。Webサイトでライブラリを紹介する際に、その使い方をコードで示すケースがあります。コードを載せるだけでなく、JavaScriptであればその場で実行できるようにしている場合もあります。そしてさらに一歩進めてその場...

43588?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-10-22.20.25_thumb1

  • 2012/10/20

iPhoneの傾きを使って見せ方を変える画像ビューワー「lenticular.js」

lenticular.jsはiPhoneの傾きにあわせて表示を変える画像ビューワーです。iPhoneなどのスマートフォンでは傾きを検出できる機能があります。それを使った面白い画像ビューワーがlenticular.jsです。美女が布を巻いて立っています。マウスを動かしてみましょう。マウスの動きにあわせてくるくると回ります...

43559?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-10-21.56.04_thumb

  • 2012/10/20

Dropboxで管理しているファイルの差分を表示「dropbox_diff」

dropbox_diffはファイル単位のDropbox上の差分を表示してくれるソフトウェアです。Dropboxはとても便利に使っています。そんなDropboxの便利な機能の一つが自動バージョン管理だと思うのですが、それをコマンドラインから行えるようにしたツールがdropbox_diffです。個人的によく使っているファイ...

List

  • 2012/10/19

webRTCの使い方をコードから学ぶ「webRTC.io」

webRTC.ioはwebRTCのデモソフトウェアで、動画/テキストチャットを行います。HTML5のリアルタイム通信を行うAPIはWebSocketとwebRTCがあります。今回はwebRTCを使った動画チャットソフトウェアのwebRTC.ioを紹介します。最初にアクセスを求める要求があります。Webカメラにアクセスし...

List

  • 2012/10/19

iOSアプリにログやデバッグコマンドを実行するコンソールを追加「iConsole」

iConsoleはiOSアプリに秘密のデバッグコンソールを提供するソフトウェアです。iOSアプリを開発している中で、実機での動作で知りたいと思ったり、適切にログを残したいと思った時に使ってみたいのがiConsoleです。秘密のコマンドビューを表示してくれます。アプリの画面です。3本指のスワイプを行います。デバッグスクリ...

None

  • Premium_s 2012/10/19

エンジニアとしてキャリアを積む上で注意したい10のこと

プログラマの35歳定年説なんてのがあるくらい、IT系エンジニアのキャリアはまだ先の読めない要素がたくさんあります。そこで今回は今後10年、20年を見据えた上でエンジニアとしてキャリアを形成する際に注意したい事柄をまとめてみました。

43534?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fd67f9044b99ec8da44795edbb2c5ff49

  • 2012/10/19

ローカル/リモートに対応したSVGビューワー「Squiggle」

SquiggleはApache財団の開発しているSVGビューワーです。SVGを閲覧しようと思った場合、Webブラウザを使ったり、Illustratorのようなドローソフトウェアを使う方法があります。今回はSVG専用のブラウザSquiggleを紹介します。例です。アニメーションも再生できます。Squiggleはローカルの...

List

  • 2012/10/18

Pinterest風にボックスを組み合わせた表示を高度に実現「jQuery Masonry」

jQuery MasonryはPinterest風の表示を行うjQueryプラグインです。Pinterest風の大小さまざまなボックスを並べて表示するデザインが人気ですが、より高度な表現を実現したいと考える人に使ってみて欲しいのがjQuery Masonryです。トップページです。ここも面白い表示です。単純なシングルカ...

43504?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2faf149d59941f227525e3dd431016b6a9

  • 2012/10/18

レスポンシブなグリッドデザインを極めよう「rwdgrid」

rwdgridは960.gsに影響を受けたグリッドデザインのスタイルシートフレームワークです。グリッドデザインのCSSフレークワークをベースにしてデザインを組んでいた方に見ていただきたいのがrwdgridです。レスポンシブを強く意識したグリッドデザインになっています。グリッドデザインです。こちらはiPhoneで見た場合...

List

  • 2012/10/18

Goで開発を行うならバージョンマネージャを使おう「gvm」

gvmはGoのバージョンマネージャです。インストールから切り替えまで簡単に実現します。Googleの開発したプログラミング言語として有名なGo。日々開発が行われており、バージョンも徐々に上がっています。そこで使ってみたいのがgvm、Goのバージョン管理マネージャです。インストールしました。まだ何もありません。オプション...