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

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

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

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

もっと見る

List

  • 2014/09/26

hello.js – 各種ソーシャルプロバイダの認証をまとめるJavaScriptライブラリ

今はソーシャルサービス全盛とあって、FacebookやTwitterなどと連携してサービスを提供するのが一般的です。しかし各プロバイダーの接続を一元化したりするのはちょっと面倒に感じていることでしょう。そこで使ってみたいのがhello.jsです。多数のソーシャルプロバイダーをひとまとめにしてくれるJavaScriptラ...

List

  • 2014/09/26

Dimensions - デザインのお供に。Webサイト上の距離を測定

Webデザインが終わって、コーディング作業に入ろうと思った時に必要なのが各パーツの大きさとその距離です。Photoshopなどを使って大きさを測定しているケースは多いですが、Webベースのモックアップだとどうすれば良いでしょう。スクリーンショットを撮って、それの長さを測るというのもありますが面倒です。そこで使ってみたい...

List

  • 2014/09/25

f8 app – デベロッパー向けカンファレンスf8用ネイティブアプリ

Facebookでは定期的にデベロッパー向けのカンファレンスが開催されます。たくさんのセッションが開催され、最新のテクノロジーとFacebookの面白さを開発者に伝えています。そのイベント(f8)で使われたアプリがf8 appです。iOS/Android向けにカンファレンス専用アプリとして提供されています。## f8 ...

List

  • 2014/09/25

Static-google-Maps - Googleマップの静的画像取得を簡単に

GoogleマップはWebサイト内に埋め込んで使えるのが便利ですが、Ajaxに対応していないデバイスや動かす機能を無効にしたい場合静的な画像として出力してくれる機能があります。しかしあえて使うのが面倒で何となく避けていたという方はStatic-google-Mapsを使ってみると良さそうです。## Static-goo...

List

  • 2014/09/24

GitHub Dark – GitHubを黒ベースのデザインにして見やすく

GitHubのデザインはシンプルで良いですが、常時使っていると白ベースのデザインは疲れるかも知れません。プログラマーとしては黒ベースのデザインの方が慣れているので見やすいでしょう。そこで使ってみたいのがGitHub Darkです。GitHubのデザインを黒ベースにしてくれるカスタムスタイルシートです。## GitHub...

Missing

  • 2014/09/24

Shout - シンプルなデザインのWebベースIRCクライアント

Webベースのチャットアプリケーションはたくさん出ています。一番最近流行っているのといえばSlackだと思いますが、またしばらくすれば新しいプレーヤが出てくると思います。しかし原点回帰すれば、それはIRCではないでしょうか。表示がいかにリッチになっていこうがリアルタイムコミュニケーションの根本はIRCだと思います。とい...

List

  • 2014/09/23

disco – 2ペインの見やすいGitHubビューワー

GitHubはシンプルで見やすい表示になっているとは思いますが、業務で使っていく際に最適であるかといわれると疑問符がつきます。複雑にすると画面がごちゃごちゃするので現状のが良いのですが、仕事ではもっと一覧性やどんどん見られるUIのが好まれる場合もあるでしょう。そこで紹介したいのがdiscoです。Web APIを使うこと...

List

  • 2014/09/23

npmgraph.an - nodeライブラリの関連性をビジュアル化

最近、node周りが熱くなっています。MOONGIFTで紹介するソフトウェアにおいてもnpmでインストールするというものが増えているように感じます。ライブラリが増えれば開発が楽になり、サービス、ソフトウェアもどんどん増えていくでしょう。開発者にとってみればnode界隈に関わることで知名度をあげることもできるでしょう。そ...

List

  • Premium_s 2014/09/22

認証を統合しよう。業務で使えるオープンソース(131)「認証システム」

前回のパスワード管理に続き、今回は認証システムです。自社の認証システムをID/パスワードの簡易的なものに設定していたりしないでしょうか。最近では他の大規模サービスで漏洩したID/パスワードを使ったアタックも多く、同じパスワードを使い回していたりするとあっという間に乗っ取られてしまいます。そうなると自社も被害者ながら加害...

List

  • 2014/09/22

Chartist – レスポンシブ対応のSVGグラフライブラリ

Webは表現力が弱いと言われていますが、特にグラフ周りで苦労することが多いのではないでしょうか。データを単純に一覧表示するのではなく、グラフを用いることでトレンドを知ったり、よりビジュアル的に把握できるようになります。そこで今回は最新のグラフライブラリ、Chartistを紹介します。SVGで描かれたレスポンシブなグラフ...

List

  • 2014/09/22

NullpoMino - 上級者の集うテトリスゲーム

テトリスは昔からあるにも関わらず今なお人気の非常に高いゲームです。一人で孤高のプレイを楽しむのもよし、二人で競うのもまた面白いゲームです。そんなテトリスジャンキーに遊んでみて欲しいのがNullpoMinoです。テトリスと一口にいってもNullpoMinoでは様々なジャンルで遊べるようになっています。## NullpoM...

List

  • 2014/09/21

Fabric.js – Canvasで2Dオブジェクトを自在に描画/操作

HTML5の新機能であるCanvasですが、HTMLとは随分使い勝手が違うためになかなか手出ししづらいのではないでしょうか。2D/3Dのどちらも扱えますが、3Dになるとさらに敷居が高くなりますので、まずは2Dから入るのが良さそうです。Canvas内で2Dオブジェクトを描くのに使えるライブラリがFabric.jsです。F...

List

  • 2014/09/21

Jailed - 任意のJavaScriptを安全にサンドボックス実行

ユーザがJavaScriptを自由に実行できると嬉しいですが、中には悪意をもって実行する人たちがいます。そのためクロスドメイン、Cookieの許容範囲など制約が幾つも存在します。これらがあるために、ユーザにJavaScriptの記述を許可しないといったサイトも少なくありません。しかし安全なJavaScriptだけであれ...

List

  • 2014/09/20

Web2Executable – node-webkitアプリをマルチプラットフォームでネイティブ化

WindowsやMac OSX、Linuxに対応したGUIアプリケーションを開発してみたいと思いつつもWeb技術では面倒そうと思ってしまっていませんか。node-webkitを使う手もありますが、ランタイムが必要だったりして手控えてしまう人もいるでしょう。そんな方に使ってみて欲しいのがWeb2Executable、We...

List

  • 2014/09/20

Sensei Grid - キーボード移動/インライン編集を可能にするテーブルライブラリ

業務システムを開発していると度々持ち上がってくるのがデータグリッドのリッチ化です。様々なソフトウェアがあり、Excel並にリッチなUIを提供するものもありますが、今回はちょっと変わったライブラリを紹介します。Sensei Gridが提供するのはリッチなフォーカス移動、そしてその場での編集機能になります。これもまた使いど...

48541?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2013%2f01%2fscreenshot%25202013-01-09%252010.25.39_thumb.1357701365

  • Premium_s 2014/09/19

パスワードを使い回していませんか。業務で使えるオープンソース(130)「パスワード管理」

今回のテーマはパスワード管理です。既に昔から言い尽くされている感もありますが、未だにパスワードが漏洩して不正アクセスが発生している現状を見るに、緩いパスワード管理を続けている方は多いようです。ITに強い方はWebサービスを積極的に使う傾向がありますので、パスワード管理がずさんだと大きな被害につながる可能性があります。そ...

List

  • 2014/09/19

math.js – 計算処理ならお任せのJavaScriptライブラリ

WebGLやCanvasの登場もあって、Webブラウザ上で複雑な計算処理を行うケースが増えています。もちろんJavaScript自体にも演算機能はありますが、複雑な処理を行うためにはコードも増えがちです。そこで使ってみたいのがmath.jsです。数式を処理、表示するためのライブラリになります。## math.jsの使い...

None

  • 2014/09/19

CrossStorage - ドメインを越えたlocalStrageの共有

HTML5の新しいAPIとして知られるlocalStrageですが、基本的に同一ドメインでのみ、5MBまでとなっています。しかしサブドメインを使っている場合など、ドメイン間でデータをシェアしたいという場合もあるのではないでしょうか。そこで使ってみたいのがCrossStorageです。ドメインを越えたlocalStrag...

List

  • 2014/09/18

PaperTester – SIer感涙。テスト画面のスクリーンショットをExcelに貼付

SIerなどで良く聞かれる話で、テストを行う際には1画面ずつスクリーンショットを撮ることが要求されます。中小企業のシステム開発会社からすると信じがたいのですが、テストを行ったという確認にもなるのであながり無意味ではないのかも知れません(それをダブルチェックしているかは不明ですが)。そんなSIerの方にぜひ使っていただき...

List

  • 2014/09/18

markdown2bootstrap - MarkdownをBootstrapと組み合わせてHTML化

MarkdownでHTMLが出力できるのは良く知られていますが、生成されるのは素のHTMLタグとなっています。このまま表示に使いたいと思うことは殆どないでしょう。必要なのは多少なりともデザインです。そこで使ってみたいのがmarkdown2bootstrapです。MarkdownからHTMLを生成し、それに合わせたBoo...