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

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

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

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

もっと見る

List

  • 2014/08/14

Annict – アニメ好きはぜひ。みんなで見たアニメを記録&感想投稿

アニメは好きですか?今、日本では様々なジャンルのアニメが放送されています。週に10や20では足りないくらいかも知れません。そのすべてを見ているという人はいなくとも、数本は見ているという人は多そうです(オタクという訳ではなくとも)。そんなアニメ好きな人たちに使って欲しいのがAnnictです。自分が見た、または見ているアニ...

List

  • 2014/08/14

HTML5 device mockups - 各種デバイスに埋め込むデザインテンプレート

自分のWebサービスがスマートフォンやタブレットをサポートしている場合、それを全面に打ち出したいですよね。そんな時には通常、スマホやタブレットのモックアップをサイトに表示して、その中にWebサービスのコンテンツを表示します。そんな感じの表示を簡単に実現してくれるのがHTML5 device mockupsです。多種多様...

List

  • 2014/08/13

Trianglify – ポリゴンを組み合わせたSVGを生成

デザインして作る画像もいいですが、パラメータを指定してコンピュータ上で自動生成される画像は思いもしなかった出会いが生まれることがあります。特にプログラムと組み合わせれば動かすことも可能です。そこで見てみたいのがTrianglifyです。三角のポリゴンを組み合わせたSVG画像を背景にあてて表示する、幻想的な表示を行うJa...

List

  • 2014/08/13

HTML5pano - HTML5で楽しむ360度パノラマ写真

スマートフォンでパノラマ写真が撮影できるようになっていますが、問題はいいビューワーがないことです。撮るのは面白いのですが、それを活かせるビューワーがなければムダなコンテンツになってしまいます。そこでHTML5を使ってパノラマ写真を楽しめるのがHTML5panoです。左右だけでなく、上下も含めたパノラマ写真が楽しめます。...

List

  • Premium_s 2014/08/12

使えるWebサービス・オープンソース(32)「Web表計算」

今回はWeb表計算をテーマにお送りします。業務システムにおいてデータをグリッドで一覧表示したいという要望は良くあります。テーブルをリッチにするライブラリもたくさん出回っています。そこでさらにWeb上でデータを編集させてしまうのを可能にするのがWeb表計算です。解析系は難しいかも知れませんが、Excelでよくやっているよ...

List

  • 2014/08/12

SlickQuiz – クライアントサイドだけで動作するクイズゲーム

クイズは好きですか?専門的、普段の生活などから出題されるクイズに答えるのは面白いですよね。問題を相手のレベルに応じて作るのはとても難しいですが、そんな楽しいクイズができたらSlickQuizで出題してみましょう。SlickQuizはjQuery製のクイズソフトウェアで、JavaScriptのコンフィグを書いて出題できま...

List

  • 2014/08/12

shaky - 意外と難しい。正確に書かないドローライブラリ

コンピュータは正確な図形を描くのは得意です。逆に人は正確な線をフリーハンドでは引けませんが、それがかえって味があったりして柔らかな印象を与えます。コンピュータの描く線は冷たい印象を受けるでしょう。そこで使ってみたいのがshakyです。Canvasを使ってドローするのですが、その描く図形が手書き風でいい感じなのです。##...

List

  • 2014/08/11

Rainbow Stream – ストリーミングに対応したターミナルTwitterクライアント

Twitterをどこで楽しむか。Web、ローカルアプリケーション、スマートフォンアプリなど様々なフロントエンドがありますが、そのためにアプリケーションを立ち上げておくのが億劫に感じられてしまっている人も多いのではないでしょうか。そこでプログラマであれば普段から使っているターミナルを使ってみてはいかがでしょう。Twitt...

List

  • 2014/08/11

JSON Resume Schema - JSONで履歴書を書くためのスキーマ

転職、就職時にはもちろんのこと、クライアントによっては仕事にあたって業務経歴書や履歴書を求められるケースがあります。そのため、一度書いたら終わりではなく、定期的にメンテナンスする必要があります。しかし開発者たるもの、単に紙に書くのではなく、技術的にも面白くしたいと考えるものでしょう。そこで使ってみたいのがJSON Re...

List

  • 2014/08/10

iCropper – JavaScriptを使って画像を四角く切り抜き

Webサイトでユーザにプロフィールアイコンをアップロードしてもらうというのはよくある機能だと思います。そんな時にユーザがちょうど良くアイコンサイズ(大抵正方形)の画像を持っているとは限りません。そこで使ってみたいのがiCropperです。JavaScriptを使ってWeb上で画像のクロップを行うライブラリです。## i...

List

  • 2014/08/10

LiveMd - Google Chrome機能拡張のMarkdownエディタ

普段使いのテキストエディタがあるので、なかなか気に入ったMarkdownエディタが見つからない…そんな方はLiveMdを試してみてはいかがでしょう。ローカルアプリケーションではなく、Google Chrome機能拡張として動作します。## LiveMdの使い方!こちらがメイン画面。一番右にある青いアイコンがLiveMd...

List

  • 2014/08/09

CodeNav – GitHubでのコードビューサポート

GitHub上でコードをホストしていると、その上でコードを閲覧する機会が増えていきます。そんなとき、ページ内で検索したり、リポジトリの検索をしたりと検索機能をメインで使うかと思います。しかしこれは意外と面倒です。そこで使ってみて欲しいのがCodeNavです。マウスオーバー、クリックでコードナビゲーションしてくれるGoo...

List

  • 2014/08/09

geojson.io - GeoJSON出力に対応したWebベースのマップエディタ

地図コンテンツはいつも根強い人気があります。しかし意外と作るのは面倒だったりします。地図は色々なプロバイダーから提供されていますが、その上にマーカーを立てたり、四角く囲んだりするのは面倒です。それをビジュアル的にできるのがgeojson.ioです。最終的にGeoJSONファイルを生成してくれるマップエディターです。##...

48375?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f05%2fscreenshot%25202014-05-03%252023.26.20_thumb.3c59cdd44550466efe3c2954a717a9e5

  • Premium_s 2014/08/08

分かりやすい文章の書き方。業務で使えるオープンソース(122)「ライティング」

プログラマ、エンジニア、デザイナーであっても文章を書くという機会は多いと思います。ブログ、メモ、寄稿、書籍、議事録、報告書、仕様書、スライド…様々な機会で文章を書くと思いますが、文章を書くのが苦手という方は少なからずいます。そんな方々に向けて、分かりやすい文章を書くにはどういった所を注意すればいいかというのが今回の記事...

List

  • 2014/08/08

All The GIFs – アニメーションGIFがどんどん集まる専用クライアント

なんでこんなにアニメーションGIFは面白いのか。一つ一つは長くないですし、繰り返し何度も楽しめる。音もないので安心できますし、256色という今だと貧弱過ぎる仕様もノスタルジックでいい感じのエッセンスになっています。そんな魅力的なアニメーションGIFを日々探している方に使ってみて欲しいのがAll The GIFsです。R...

List

  • 2014/08/08

Brunch - 多様なスケルトン生成に対応したフロントエンド開発ビルドツール

最近のフロントエンド(HTML/JavaScript/CSS)開発はジェネレータを使って自動ビルドしながらどんどん作っていくスタイルが流行っています。今回紹介するBrunchもその一つになりますが、汎用的なツールであるのが一つの特徴です。プラグインによる拡張と、プロジェクトのスケルトンが予めたくさん用意されているのが特...

List

  • 2014/08/07

PatternBolt – SVGを使って背景をカラフルに

最近、大きな画像を背景に当てた表示が増えています。これまでDOMの背景と言えば単一色ばかりだったので、画像を使うとインパクトが強くなります。しかし画像はバイナリなので重たくなってしまうのが難点です。そこで使ってみたいのがPatternBoltです。背景にSVGを使うことで、CSSやJavaScriptとも連携した表示が...

List

  • 2014/08/07

PuzzleScript - HTML5製のパズルゲームフレームワーク

Webブラウザ用のゲームはインストール不要ですぐに遊べるのが利点です。そのため、あまり本格的なゲームよりもルールがすぐに覚えられてカジュアルに遊べるゲームの方が人気があります。その一つとしてパズルゲームがあげられます。徐々にレベルアップしていけば、説明も殆ど必要ありません。ということで今回はそんなパズルゲームを作るため...

List

  • 2014/08/06

CommitCal – GitHubのコミットログをカレンダー表示

GitHubのプロフィールページにはアクティビティに応じたカレンダー機能があります。あれを全て埋めるべく活動するのは開発者にとってのモチベーションに繋がっているのではないでしょうか。しかし単純にカラーリングだけでなく、もっと何をしたかを知りたいと思ったらCommitCalを使ってみましょう。GitHubのコミットログを...

List

  • 2014/08/06

Fingerprintjs - Cookie不要でブラウザを特定する技術を体感

ブラウザを特定するためにCookieを使うのが一般的です。しかしプライバシーの問題があり、個人のブラウザ遷移を記録することないようDo Not Track機能が追加されたりと徐々に厳しくなってきています。そんな中、新たに注目を集めているのがJavaScriptだけでブラウザを特定する技術になります。今回はそれを体感する...