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

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

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

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

もっと見る

List

  • Premium_s 2014/03/21

使えるWebサービス・オープンソース(24)「HTML5ゲーム」

今日は祝日ということもありますのでゆっくりと頭を休められるゲームの紹介です。とは言え最近ではインストールするのも億劫になっており、Webブラウザだけで遊べるHTML5製のゲームに人気が集まっています。ここ最近流行っているゲームもタップ、スワイプを使ったシンプルなものばかりです。Webブラウザでも十分再現できるところに流...

List

  • 2014/03/21

HTMLy – データベースレス。Markdown記法のブログエンジン

Webシステムというとデータベースが必須なように思えますが、実際にはそんなことはありません。むしろデータベースを必須にすることで導入までの障壁が高くなったり、システム負荷が高まったりします。もちろん大型のWebシステムであればデータベースが必須ですが、そこはケースバイケースではないでしょうか。ということでブログくらいで...

List

  • 2014/03/20

youtube-upload – コマンドラインで使うYouTubeアップローダー

GUIやWebでアップロードするのが面倒と思っていた方(私)に朗報!MOONGIFTでソフトウェアの動作デモを録画した場合、QuickTimeを使ってアップロードを行っています。しかしこれが意外と面倒です。もっと手軽にできないものかと思っていました。その答えはyoutube-uploadにありそうです。youtube-...

List

  • 2014/03/20

jOrgChart - 知っておくと便利な組織図を描くjQueryライブラリ

階層的な構造を表すのに便利なのが組織図です。しかし形が独特なものになりがちで、他のグラフに比べると描画ライブラリが少ないように思います。その結果、画像で作られて更新メンテナンスが大変な状態になります。そこで組織図を描くのに便利なライブラリを一つ知っておくと色々な場面で使い回しができるようになるでしょう。今回はjQuer...

List

  • 2014/03/20

blog - 祝!(?)FC2ブログがオープンソース化

早速試しましたよ、と!事の経緯が分かっていはいないのですが、FC2ブログが突如オープンソースとして公開されました。GitHubリポジトリを使って、fc2blog/blogという名称で公開されています。非常に潔い(?)リポジトリ名です。ということで試してみましょう。PHPでgettextをサポートしていれば動きます。##...

List

  • 2014/03/20

Laverna - なんとサーバレスなWebベースMarkdownノートアプリケーション

Webベースのノートアプリケーション界隈も賑わってきましたよ。Web上でささっとメモを取れる環境があると便利ですよね。個人的にはwri.pe

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機能拡張とし...