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

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

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

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

もっと見る

List

  • 2015/04/17

jswatchdog - kintone運用で使われているJavaScriptコードチェッカー

ユーザの希望を全て仕様としてシステムに組み込んでしまうと変更のコストが大きくなったり、複雑になっていきます。そこでAPIを公開し、ユーザが自由に操作できるようにする仕組みが便利です。それはサイボウズのkintoneでも提供されている機能なのですが、任意のJavaScriptを実行させるのはセキュリティ上の問題があります...

List

  • 2015/04/16

HTML GL – HTML構造をそのままWebGL化

Web上でのアニメーション、エフェクトについては多くの問題を抱えています。特に大きいのは、その実行速度のようです。CSS3を使うと改善しますが、それでも複雑なアニメーションが行える訳ではありません。そこで生み出されたのがHTML GL

List

  • 2015/04/16

JSPrime - JavaScriptコードの静的解析

かつてのWebブラウザだけという枠を越えてJavaScriptが活用されるようになっています。サーバサイドはもちろん、スマートフォンアプリや組み込みデバイスでもJavaScriptに注目が集まっています。そんなJavaScriptの利用領域が広がるのに合わせて考えなければならないのがセキュリティでしょう。そこで使ってみ...

List

  • 2015/04/15

KeystoneJS – node × MongoDB製のCMS

Webサイトの基本と言えばCMSです。コンテンツを時系列で並べて表示すればブログになり、商品のように並べればEコマースになります。さらにWikiや掲示板などCMSをベースにして様々なサイトに適用が可能です。もしあなたがnodeを使ってサイトを作ろうと思っているならばKeystoneJS

List

  • 2015/04/15

Space.js - スクロール型アニメーションコンテンツを作ろう!

シングルページアプリケーションが流行るのに伴って、スクロールによってコンテンツをアニメーションさせるタイプのサイトが増えてきました。ただつらつらと文字を流していくのに比べるとインパクトがあり、面白いです。そんなスクロール型アニメーションコンテンツを作成できるJavaScriptライブラリがSpace.js

List

  • 2015/04/14

termui – ターミナル向けダッシュボード

最近はWebブラウザ向けにリッチなダッシュボードを提供するサービス、デザインフレームワークが増えています。しかしサーバ管理者にとってはWebブラウザを立ち上げるのは面倒と思うかも知れません。結局、作業はターミナルで行うからです。そこで使ってみたいのがtermui

49385?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2f3dsearch7_thumb1

  • Premium_s 2015/04/14

業務で使えるオープンソース(154)「クリップボード拡張」

今回のテーマはクリップボード拡張です。昔のOSの時代から今なお進化しないのがクリップボードです。一回のアクションしか記録できず、二つの離れたファイルを一つの場所に移動させるのに2回のアクションが必要になります。こんな煩わしさに耐え続けるのはとても辛いでしょう。そこで多くのユーティリティが登場しています。基本は履歴管理で...

List

  • 2015/04/14

HackerNews-React-Native - React Nativeの参考に。HackerNewsクライアント

React Nativeは面白い仕組みですが、すべてのアプリ開発に適用できるわけではないでしょう。しかしシンプルなアプリであれば利用できる可能性がとても高いです。そのためにどんなアプリに向いているか、試す必要があるでしょう。今回はその一例としてHackerNews-React-Native

None

  • 2015/04/13

ghrepo - カレントディレクトリを使ってGitHubリポジトリ作成

何かのソフトウェアを作っていて、ある程度目処が立ってきたタイミングでGitHubに登録したいと思うことが多々あります。同じような経験をしたことがある人は多いのではないでしょうか。そんな時にいちいちGitHubを開いてリポジトリを作ってcloneして…なんていうのは面倒なのでghrepo

List

  • 2015/04/13

Shireframe - これは良い!タグを書いて作れるワイヤフレームライブラリ

Webサイトの企画を行う際にワイヤフレームを作成することが多いです。そこで部品を配置したり、移動したりしながら色々と考察します。そのために使うワイヤフレーム作成ツールも多数あります。個人的によく使っているのはBalsamiq Mockups

List

  • 2015/04/12

ComponentKit – ReactにインスパイアされたiOSビューフレームワーク

Reactへの注目がどんどん高まっています。ビューはビューらしくシンプルに作れるのが利点と言えます。最近ではReact Nativeがリリースされ、JavaScriptのReactでiOSアプリを作れるようにもなっています。そんなReactですが、iOSでも(React Nativeではなく)使ってみたいという方はCo...

List

  • 2015/04/12

Tetloop - 隙間を通し続けるシンプルなゲーム

シンプルなゲームは誰でもすぐに覚えられるのでハマる可能性が高いです。さらにそれがオープンソースであれば、ソースコードを通じてゲーム開発のノウハウが得られるようになります。今回紹介するTetloop

List

  • 2015/04/11

KeepingYouAwake – Mac OSXのスリープ防止にどうぞ

MacBookやMacBook AIRを購入して、会社では外部モニタとキーボードを接続して使っている人は多いです。その場合、画面は閉じておいてクラムシェルモードで使うでしょう。そこで必要になるのが閉じた時にスリープしないようにするための機能です。有名なのはCaffeine

List

  • 2015/04/11

Primer - GitHub製。みんなで使えるデザインフレームワーク

企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。そこで登場...

List

  • 2015/04/10

favicon.js – Faviconでアニメーション

元々Faviconに大きな意味はなく、ブックマークした時くらいしか使わなかった覚えがあるのですが、タブで多くのサイトを開くようになるとFaviconを見てサイトを判別できるようになって便利です。そんなFaviconをJavaScriptを使って格好良く演出してくれるのがfavicon.js

List

  • Premium_s 2015/04/10

業務で使えるオープンソース(153)「チケットシステム」

今回のテーマはチケットシステムです。システム開発者としてはプロジェクト管理などでタスク管理システムを使うのが一般的ですが、これはプロジェクト全体もしくはイテレーションごとにステータスを管理します。チケットの場合、クライアントごとに管理され、その対応状況や履歴管理が重要になります。今回はそんなチケットシステムに求められる...

List

  • 2015/04/10

Kiwi.js - 簡単に使えるHTML5ゲームエンジン

HTML5によって表現力が高まっていき、さらにハードウェアとJavaScriptエンジンが高性能化することでWebベースのゲーム開発も現実的なものになってきました。高度なゲームはまだ難しいかも知れませんが、パズルゲームやRPGであれば十分こなせるようになっています。今回はそんなHTML5ベースのゲームエンジンKiwi....

List

  • 2015/04/09

Salted – シンプルなHTMLメールテンプレート

テキストメールではユーザにスルーされがちで、より高いレスポンスを求めるのであればHTMLメールにする必要があります。ただしHTML化と言っても難しさがあります。それは閲覧デバイスが増えており、それぞれに最適化する必要があることです。そのためにHTMLメールはレスポンシブにしなければなりません。昔からあるメーラー、Gma...

List

  • 2015/04/09

Tangram - 地図 + Open Street Mapでできる面白さ

HTML5になってWebの表現力は格段にあがっています。その表現力を担うのがCanvasやWebGLになります。特にWebGLはiOS8からようやく使えるようになったとあって、今後注目を集めるのではないでしょうか。その一例として今回はTangramを紹介します。Open Street MapとWebGLを組み合わせた素...

List

  • 2015/04/08

Dom-Animator.js – 誰も気づかない…ソースコードの中でアニメーション

時々Webサイトのソースコードを見るとそこに求人情報であったり、開発時の文句であったり、何らかの秘密のメッセージが埋め込まれていたりします。デザインの綺麗さについソースコードを見てしまうなんて人もいるのではないでしょうか。そんな方達を期待してWebサイトに仕込んでおきたいのがDom-Animator.js