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

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

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

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

もっと見る

List

  • 2014/03/23

Camo - GitHubでも使われている画像プロキシ

最近のWebサービスではSSLを常用するようになっています。しかしそんな中、意外と厄介なのが画像などの外部リソースです。HTTPSに入っていない外部リソースを参照しようとすると全てがSSLでないといった注意が出てしまいます。そこで使ってみたいのがCamoです。GitHubでも使われている小さな画像プロキシになります。#...

List

  • 2014/03/23

2048 – ハマると危険なパズルゲーム

あーこれはヤバい。中毒性高いです。2048は元々Androidアプリとしてリリースされている1024というゲームのクローンになります。ルールは簡単で(ここが危険ですね)、同じ数のタイルはくっついて数が2倍になります。2と2がくっつくと4、4と4がくっつくと8と言った具合です。異なる数のタイルはくっつきません。で、矢印キ...

List

  • 2014/03/22

vino - Vineの非公開APIを使ったデータ取得ライブラリ

非公開なものを使っていますので利用はあくまでも自己責任で。Twitterが提供する6秒の動画サービスと言えばvinoです。日本でも何人か有名な動画配信者が現れており、盛り上がりを見せています。そんなVineのデータを使いたいと思った方はvinoを試してみてはいかがでしょうか。Vineでは公開されていないAPIを使ってデ...

List

  • 2014/03/22

OpenDocMan – PHP製のシンプルなドキュメント管理

社内で使っているドキュメントを共有のファイルサーバに保存している企業は多いですが、それだけでは不便なことがあります。権限管理やメタ情報を追加したり、検索したいと言ったニーズも出てきます。より一歩進んだドキュメント管理システムを構築したいと思ったら試してみたいのがOpenDocManです。PHP製で手軽に立ち上げられるの...

List

  • 2014/03/22

After Dark in CSS - 往年の名作。アフターダークをスタイルシートで再現

これはおっさんほいほい過ぎる!After Darkという名称を聞いて懐かしい!と思う方はどれくらいいるでしょうか。After Darkは元々はMac OSXの、その後Windows版も販売されたスクリーンセーバソフトウェアです。最初は89年から販売されているとのことで、長い歴史があります。今でこそスクリーンセーバのため...

List

  • 2014/03/21

Pretty Diff - Gitの差分表示をGitHub調にして見やすく整形

これはGitを使っているならぜひ入れておきたいツールです。GitHubのコード差分表示はとても見やすくて、一旦あれに慣れてしまうとターミナルで出力されるDiffが非常に見づらく感じるようになります。しかしプロジェクトによってはGitHubを使えないというケースもあるでしょう。そこで使ってみたいのがPretty Diff...

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...