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

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

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

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

もっと見る

Missing

  • 2014/03/20

Tilted Content Slideshow - ぜひ見て欲しい!超格好いいスライドショー

何これ格好いい!CSS3でアニメーションができるようになったとは言え、どこで使って良いものか悩んでしまいますよね。あまり使いすぎるとくどくなりますし、あまりに些細だと気付いても貰えない。そんな中、一つの例としてTilted Content Slideshowを紹介します。カルーセル的にヘッダーコンテンツを切り替えるライ...

List

  • 2014/03/19

Agent 008 Ball – 爆弾×ビリヤードなHTML5

爆弾×ビリヤード…この二つの組み合わせはなかなか斬新?ビリヤードというゲームはジャンプさせることを考慮しなければ2Dゲームの一つと見る事ができます(バックスピンもなしとして)。かつオブジェクト同士の当たり判定や抵抗による動きの制御など物理エンジンのような実装も求められる部分もあります。そんな意味でゲームの題材としてみる...

List

  • 2014/03/19

Offscreen.js – ウィンドウ幅に合わせてツールチップ表示位置を自動調整

自動というのがいいですよね!レスポンシブWebデザインは一つのHTMLコードで複数のウィンドウサイズに対応できる便利な技術ですが、幅が変更されることで予定外の表示になることがあります。単純にデザインが統一化されるだけでなく、それぞれに合わせたテクニックが必要です。今回はツールチップに注目したライブラリ、Offscree...

List

  • 2014/03/19

Haroopad - 開発者にぴったりなMarkdownエディタ

マルチプラットフォームで使えますよ!エンジニア界隈ではMarkdownの認知度が高くなっていますが、その記法が若干特殊なこともあって書きづらいと感じている人は多いはず。そこで使われるのがMarkdownエディタです。Haroopadもその一つになります。多分に漏れず2ペイン構成で片側がプレビューになっていますが、それ以...

List

  • 2014/03/19

2048 4D - 立体的思考が求められる2048クローン

やったね、昼休みだよ!Flappy Birdといい2048といい、最近どんなゲームが流行るのかさっぱり先が読めなくなっています。大事なのはコンセプトが明確で、とてもシンプルだと言うことです。先にあげたどちらのゲームも、2、3回チャレンジすればどうやって遊ぶのかすぐに理解できるでしょう。そしてシンプルということはクローン...

List

  • 2014/03/19

Iconion - 素敵なアイコン画像が簡単に作れちゃう!

これは素敵すぎる!アイコン画像の作成は大変です。小さな画像ながら、それを見て内容が理解できないとアイコンとしての意味がありません。最近ではIconfinder

None

  • 2014/03/18

multiline – JavaScriptでヒアドキュメントもどきを提供

ほほーこんな方法が!複数行の文字列を変数に入れる場合、ヒアドキュメントを使うのが一般的です。しかしJavaScriptにはヒアドキュメント機能がないので複数行の記述がメンテナンスしづらいものになりがちです。そこで使ってみたいのがmultilineです。こんな方法があったのか!といったやり方で解決してくれます。## mu...

List

  • 2014/03/18

DOMPurify - XSSの防止に。HTMLをクリーンに変換

CGM(コンシューマジェネレートメディア)の大きな問題はユーザの投稿した文字がセキュリティ上問題があるかどうかチェックしなければならないことでしょう。特にHTMLを許容して投稿できる場合です。テキストだけにしてしまえば問題はありませんが、問題のないHTMLコードは扱いたい、そう考える方にお勧めなライブラリがDOMPur...

List

  • Premium_s 2014/03/18

使えるWebサービス・オープンソース(23)「Visio代替」

今回はVisio代替がテーマです。エンジニアの中では有益とされつつもその高価格が知られるVisio。一番低価格なモデルにはエンジニアが使いたいと思えるステンシルがなく、価格の高いProfessionalを選ばざるを得ません。そこで今回は高価なソフトウェアを買わずに済む代替ソフトウェア、サービスを紹介します。もちろんVi...

None

  • 2014/03/18

[PR] 社内のナレッジ蓄積、教育にMOONGIFTプレミアムはいかがですか?

いつもMOONGIFTをご覧頂きありがとうございます。こちらはMOONGIFTプレミアムに関する記事になります。MOONGIFTプレミアムでは毎週2回(火、金曜日)にプレミアム限定の記事を公開しています。主にWebサービス、オープンソース・ソフトウェアおよびこれまでのMOONGIFTの培ってきたナレッジを記事化していま...

List

  • 2014/03/18

Local.js - ローカルとAjax?を実現するライブラリ

サーバサイドとの通信を行うWebアプリケーションの場合、Ajax/JSONPを介してデータの授受を行うと思います。それに対してローカルに全てのデータがある場合、それらを変数に入れて処理するというのが多いのではないでしょうか。そんなWebアプリケーションの組み立て方を変えてくれるかも知れないフレームワークがLocal.j...

List

  • 2014/03/18

Wireframe & UI Kit - 凄く利便性の高そうなワイヤーフレームキット

手早く、かついい感じにワイヤーフレームが作れそうですよ!Webサイトやスマートフォンアプリを作成する際にはワイヤーフレームを作ることが多くなってきました。そこで一旦アイディアをまとめて、それから実際に形にしていく訳です。そのためのツールもたくさんあります。しかしそういったワイヤーフレームツールの多くが画像を四角とバツ印...

List

  • 2014/03/17

NextCharts – グラフの事ならお任せ。HTML5/Canvasのグラフライブラリ/デザイナ/サーバ

かつてWeb上でグラフを描くとなると画像で出力するものが多かったです。しかし時代はHTML5になり、豊かな表現が可能になっています。そんな中にあってレガシーな画像出力など使っている場合ではありません。ということでHTML5の性能を活かしたグラフライブラリを紹介します。グラフのデザイナー、エンジン、そしてサーバの全てがオ...

List

  • 2014/03/17

Download to Dropbox - 右クリックからDropboxへ送るGoogle Chrome機能拡張

Dropboxは空気のように何もしていないかのようにさえ感じてしまう便利な存在です。一度使い始めると何でもDropboxに放り込んでおきたくなります。しかしデスクトップやスマートフォンからの利用だけで良いのでしょうか。そこで紹介したいのがDownload to Dropboxです。Google Chrome機能拡張とし...

List

  • 2014/03/17

chrome-ssb - Google Chromeを簡単にSSB化して起動

お、特定サイトのWebアプリを作るのに便利そうですね。Google Chromeには特定URLだけを開かせるモード、SSB(Site-specific browser)に対応しています。SSBにすると決められたサイトだけを閲覧したり操作するWebアプリケーションを手軽に実現します。Mac OSXで手軽にSSBモードに対...

List

  • 2014/03/17

MixItUp - リストやブロックを格好よくソート、フィルタリング

情報のフィルタリングやカテゴライズ、並び替えをする際には都度URLを再読み込みして表示するのが一般的です。とは言えこれでは格好が悪いというケースもあるでしょう。そこで使ってみて欲しいのがMixItUpです。パネルまたはリストの情報をフィルタリングします。その際のアニメーションがまた格好いいライブラリです。## MixI...

List

  • 2014/03/17

Bootflat - フラットUIで格好いいBootstrapテーマ!

創造意欲がかき立てられますよ!Boostrap臭を嫌って導入に踏み切れないという方は多いですが、それもあって多彩なテーマが開発されています。それらと入れ替えると、イメージががらっと変わって見えるはずです。今回は最近流行のフラットUIを取り入れたBootflatを紹介します。フラット=角張っているというイメージも壊してく...

List

  • 2014/03/16

chatapp – Angular.js/Flaskを使ったシンプルなチャット

おお、これは勉強にちょうど良さそうです!百聞は一見にしかずと言います。同様に単なるプログラミングコードの学習よりも、簡易的にできあがっているソフトウェアのコードを見た方が習得できる情報も多いのではないでしょうか。Angular.jsの使い方を学びたいと思う人はchatappのフロントエンドのソースコードを見てみましょう...

List

  • 2014/03/16

morris.js - SVGで手軽に綺麗なグラフを描くJavaScriptライブラリ

管理画面などに格好いいグラフがあるとテンションがあがりますよね。とは言えグラフを表示するというのは意外と面倒で、ついつい後回しになってしまいがちです。そこで手軽に格好いいグラフを描けるライブラリとしてmorris.jsを紹介します。## morris.jsの使い方morris.jsはまずJavaScript/スタイルシ...

List

  • 2014/03/16

SmartSystemMenu - ウィンドウを自在に操作する常駐プログラム

いつも立ち上げておくと便利そうです。GUIのOSと言えばウィンドウシステムですが、マウスで自由に大きさを変更できる分、ちょっとした大きさのずれが気になったりすることがあります。スクリーンショットを撮ってヘルプを作ったりする際にはウィンドウの大きさを合わせたいと思うはずです。それを含めてウィンドウ操作を自由に行えるのがS...