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

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

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

2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理
2017/10/28
2017年09月の人気ソフトウェアまとめ

もっと見る

48501?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-08-11.29.14_thumb

  • Premium_s 2014/09/09

開発をより効率的に。業務で使えるオープンソース(127)「ブラウザテスト」

今回はWebブラウザを使ったテストソリューションをまとめて紹介します。また、当たり前なことですが自動テストによるメリットもあげてみたいと思います。Webブラウザのテストは自動化していきましょう!## AjaxによるWebアプリケーション化が進んでいる昔であればURL単位に画面が切れていたため、テスト結果もURL単位で報...

List

  • 2014/09/09

Markdown Edit – エクスポートにも対応したWebベースのMarkdownエディタ

Markdownは通常、HTMLに変換するとあってWebベースのエディタと相性がいいように思います。また特に多く使うのがGitHubのREADMEであり、こちらもWebベースで表示されることもあるでしょう。色々なMarkdownエディタが存在しますが、今回はMarkdown Editを紹介します。Webブラウザベースで...

List

  • 2014/09/09

Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ

世の中の大抵の物事は時間軸に沿って進められます。歴史はもちろんのこと、プロジェクト管理においてもガントチャートのような時間軸のグラフを使って表現されます。過去の振り返りも未来の予測も時間がキーになってきます。そういったデータを表現できるライブラリがTimesheet.jsです。特徴的なのはCSS3で作成されている点にあ...

List

  • 2014/09/08

jCorner – フラットUIで使える角折りデザイン

フラットなデザインが流行ですが、単純に単色でシンプルに表現する段階は過ぎています。Googleの言うマテリアルデザインのように動きのある表現を通じてUXを高める動きもあります。そこで今回はjCornerを紹介します。フラットUIの中でも映える、効果的な表現です。## jCornerの使い方!こちらがjCornerを使っ...

List

  • 2014/09/08

Cinematico - 動画をアピールしたい人のためのCMS

Webサイトを作る目的は人それぞれです。写真家であれば自分のポートフォリオサイトを作りたいと思うでしょう。さらにインターネットと言う点で考えれば、静的な写真だけでなく動画も十分ポートフォリオとしての役割を果たしてくれます。そこで使ってみたいのがCinematicoです。YouTube/Vimeoを使って動画を並べたWe...

List

  • 2014/09/07

mdr – ターミナルでもMarkdownを読みやすく

Markdownフォーマットがどこでも使われるようになっています。それだけ普及したこともあって、専用のエディタや各種エディタでのMarkdownフォーマットのハイライトサポートが当たり前になっています。そこでターミナルでも同じようにMarkdownの可読性をあげてくれるのがmdrです。一度使うと意外と手放せない存在にな...

List

  • 2014/09/07

websync - rsyncのWeb管理インタフェース

今でこそバックアップを取る方法は色々と出ていますが、やはり昔ながらのrsyncが一番使いやすくて安心というサーバ管理者は多いのではないでしょうか。しかしそのUIがいつまでもコンソールベースというのはちょっと残念です。そこで使ってみたいのがwebsyncです。rsyncにWeb管理インタフェースを追加するソフトウェアです...

List

  • 2014/09/06

kbpgp – サーバ/Webブラウザ両方で使えるPGP暗号化

最近、Webサービスのセキュリティが問題視されるケースが増えています。大量のデータがある分、一度セキュリティインシデントが起こると大きな被害に繋がる可能性があります。それを防ぐには運営者からも読み取れないデータの保存が一番です。そこで使えそうなのがkbpgp、JavaScriptによるPGPライブラリです。クライアント...

List

  • 2014/09/06

nexe - nodeスクリプトをラッピングして実行ファイル化

nodeを使えばJavaScriptでローカルで動くコマンドなどを作ることが出来ます。これはとても便利で個人的にはよく使うのですが、そのためには予めnodeがインストールされていなければなりません。もちろんバイナリでも配布されているのですが、インストールの手間は初回実行には相当大きいと言えます。そこで使ってみたいのがn...

List

  • 2014/09/05

slap – GUI並にリッチなコンソールベースのテキストエディタ

コンソール上で使うエディタと言えば何でしょう。個人的にはインストールできればEmacs、なければviを使います。人によってはnanoを使うでしょうか。いずれもシンプルで使いやすいエディタだと思います。よりリッチでモダンなエディタを使いたいという方はslapをインストールしてみましょう。Sublime風のエディタになりま...

List

  • Premium_s 2014/09/05

スポーツの秋にこそ作ってみたいスポーツ×ITなシステム

今回は秋にちなんでスポーツ系のオープンソース・ソフトウェアと、その周辺技術について取り上げてみたいと思います。## ウェアラブル今一番の注目と言えばウェアラブルではないでしょうか。スマートフォンも一応この中に含まれていると思います。AndroidであればAndroid Wearが最近の注目になるでしょう。それ以外にもm...

List

  • 2014/09/05

Bragi-Browser - ブラウザのデバッグコンソールをさらに便利に

ブラウザのデバッグコンソールでは console.log を使うのが一般的ですが、他にも console.info や console.warn などでアイコンの変更ができるようになっています。しかし大量のメッセージが流れる中ではこれだけでは分かりづらいかも知れません。そこで使ってみたいのがBragi-Browserで...

List

  • 2014/09/04

Following – Twitterのツイート、プロフィールを使ったクイズゲーム

Twitterを使ったソフトウェアは幾つかありますが、便利なフロントエンドだったり、認証を使ったり、さらにはツイートを集めて別コンテンツとしてみせたりするものが多いと思います。Followingは一風変わったソフトウェアで、ツイートを使ったクイズアプリケーションとなっています。認証を使い、自分だけのクイズを出してくれま...

List

  • 2014/09/04

Gogs - Go製のGitリポジトリサーバ

今は企業内においてもバージョン管理でGitを使う所が増えています。個人個人がリポジトリを持つことでオフラインでも開発がスムーズに進められたり、多数の関連ツールの登場によって生産性が向上しています。GitHubやBitBucketのようなGitリポジトリサービスもありますが、企業内部でリポジトリを持ちたいというケースも多...

List

  • 2014/09/03

Gray – Web上で画像をグレースケールに加工

Canvasタグを使うと画像を読み込んで加工できるというのは良く知られていると思います。縮小したり切り抜いたりすることはもちろん、バイナリデータとして読み込めるのでデータを改変することだってできます。今回紹介するGrayもその一つで、画像をグレースケールに変換できるソフトウェアです。ただ変換するだけでない面白さもあるの...

List

  • 2014/09/03

ansiedit - レガシーなグラフィックスを作成するペイント風ソフトウェア

最近のグラフィックスソフトウェアと言えばリッチな機能に溢れ、素晴らしいグラフィックスが作れるようになっています。しかしその分、機能が高度化しており使いこなすのがとても大変だったり、最初の一歩が踏み出しづらくなっています。そこで使ってみたいのがansieditです。昔懐かしいグラフィックス作成をWeb上で実現してくれるソ...

List

  • Premium_s 2014/09/02

開発をより効率的に。業務で使えるオープンソース(126)「DevTools」

今回のテーマはChrome/Safari/Firefoxなどについているデバッグツールをさらに便利にしてくれるソフトウェアをまとめて紹介します。単純なコンソールだけでない使い方として参考に、そして開発生産性を高めてください。# 便利な機能## サーバサイドのデバッグ多数のプログラミング言語でDevToolsへメッセージ...

List

  • 2014/09/02

Rin – HTML5のWebコーディングがさくさくできるプロジェクトテンプレート

最近のWebデザインでは様々な技術を組み合わせて行うようになっています。昔のようにHTMLとCSS、JavaScriptだけで事足りる訳ではありません。もっと色々なテクニックを組み合わせなければ生産性は高くなりません。Rinはその一つで、単体のソフトウェアというよりもテクニックの組み合わせ集的な存在です。実践の中で培わ...

List

  • 2014/09/02

jquery-hex-gallery - 六角形に画像を表示するギャラリー

ギャラリー系ライブラリではコンテンツ(主に写真)の見せ方にこだわりが感じられます。単純に並べるだけではダメで、大きさを変えたり、Pintrest風に高さを変えたりして効果的な見せ方をします。今回紹介するjquery-hex-galleryもその一つです。面白いのは四角ではなく、六角形になっているという所です。## jq...

List

  • 2014/09/01

DarkroomJS – JavaScriptで画像切り抜き

画像加工を行うと言えばローカルで画像編集ソフトウェアを使うのが思い浮かびますが、最近では随分Webベースで行えるようになっています。複雑な加工はまだまだですが、ちょっとした加工であればWeb上で行う方が手軽だったりします。今回はその一つ、DarkroomJSを紹介します。位置を決めて切り抜きするという加工をシンプルに手...