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

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

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

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

もっと見る

List

  • 2014/11/22

OpenSeadragon – ズームイン/アウトに対応したWeb画像ビューワー

写真の解像度はどんどん上がっており、もはやパソコンの画面では確認できないくらい小さな部分まで写真に収められるようになっています。そうなると欲しくなるのがズームイン/アウトに対応したビューワーです。スマートフォンやタブレットで見る限りは指で拡大、縮小ができます。同様にデスクトップでも画像の縮小、拡大に対応したビューワーが...

List

  • 2014/11/22

Twemoji - Twitter製。絵文字を画像にパース

iPhoneで絵文字がサポートされるようになって、FacebookやTwitter、GitHubなどでも絵文字が使えるようになっています。同じデバイス、サービスであれば問題はないのですが、外部サービス連携している場合などは絵文字がトウフになってしまうことが多々あります。そんな残念な状態を改善できるかも知れないのがTwe...

List

  • 2014/11/21

CSSViewer – 任意のWebサイトで要素のスタイル設定を確認

Webデザイナーの方で、今表示されているページのスタイルシート設定を確認したいと思ったことはないでしょうか。DevToolsなりを使って確認できますが、スタイルシートごとに分かれていたりしてちょっと分かりづらいです。実際にどのスタイル設定が適用されているか確認したい、そんな目的にぴったりなのがCSSViewerです。#...

None

  • Premium_s 2014/11/21

最近流行のマイコンボードでIoTをはじめよう

今回はマイコンボードの紹介になります。個人的に一通り所有しており、色々触ってみた感想なども含めて紹介します。この手のデバイスはやはり自分の手で触って感触を知っておくのが大事ではないでしょうか。コンピュータ上のプログラミングとは異なり、実際にモノが動くというのはそれだけでも面白いと思います。ぜひチャレンジしてみてください...

List

  • 2014/11/21

Alasql.js - オンメモリで動作するJavaScriptデータベース

JavaScriptを活用したWebアプリケーションを開発している際に、一時的に保存したいデータをどのように扱うかは大きな問題です。何となく変数や配列、ハッシュに保存してしまいがちですが、そのデータの取り出しや更新が面倒だったりします。そこで使ってみたいのがAlasql.jsです。JavaScriptだけで作られたクラ...

List

  • 2014/11/20

Isotope – 格好良いアニメーション付きのフィルタ/並び替えライブラリ

大量の商品があったとしても、ユーザがカテゴリ、色、サイズなどから自由にフィルタリングができる機能があればスムーズに商品選択ができるでしょう。さらに条件に沿ったソートがあると便利です。そんな機能を実装するためのライブラリがIsotopeです。フィルタリング時のスムーズなアニメーションがウリのライブラリです。## Isot...

List

  • 2014/11/20

orange-cat - ファイルウォッチに対応したMarkdownプレビュー

Markdownが普及したこともあって、各種プログラミングエディタがMarkdownのプレビュー機能を搭載するようになっています。もちろんそれはWYSIWYGに対応したエディタに限られるので、自分の好きなエディタが対応していないと残念に感じる方も多いでしょう。そんな方に使ってみて欲しいのがorange-catです。Ma...

List

  • 2014/11/19

Purplecoat.js – JavaScriptを書かずにオーバーレイ表示を実現

クリックで隠れたコンテンツを表示するというライブラリは数多くあります。JavaScriptで書くのも慣れている人であれば難しくないかも知れませんが、DOMを操作するJavaScriptは後々のメンテナンスがよくありませんので避けたいと思うでしょう。そこでオーバーレイ表示をとても簡単に実現するライブラリ、Purpleco...

List

  • 2014/11/19

jQuery Face Detection Plugin - jQueryを使ったWebベースの顔認識ライブラリ

最近のデジカメ、スマートフォンのカメラでは当たり前になっているのが顔認識機能です。その部分だけを明るく補正したり、画像を修正して遊ぶアプリもあります。こういった機能を実現するのにOpenCVというライブラリがよく使われています。jQuery Face Detection Pluginはそんな顔認識機能をWeb上で手軽に...

Missing

  • 2014/11/18

html-inline – HTML/JavaScript/スタイルシート/画像を一つのファイルにラッピング

最近はWebアプリケーション化の流れが活発なので、ちょっとした小さいツールであればHTML/JavaScriptで作ってしまえるでしょう。そういったツールを作るのは簡単ですが、配布が意外と面倒です。HTML/JavaScript/スタイルシート/画像などをZipで固めて配布…というのはあまりかっこうよくありません。そこ...

48799?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f10%2fscreenshot%25202014-10-05%252014.27.25_thumb.12e13a19f2a661554a70dfecddd36f83

  • Premium_s 2014/11/18

学ぼう&使おう!業務で使えるオープンソース(144)「マテリアルデザイン」

今回のテーマはマテリアルデザインです。Google I/Oで提唱されていらい、様々なライブラリ、フレームワークが登場しています。とはいえ見た目だけでなくフォーカスやクリックしたときのアニメーションも含めて考える必要があるため、なかなか作るのは難しいと思われます。そんな中でも幾つか出てきたマテリアルデザインのフレームワー...

List

  • 2014/11/18

erd – ER図を作成するコマンドラインツール

データベースのダイアグラム(ER図)を作成する Haskell 製のコマンドラインツールです。テキストエディタで定義ファイルを作成し、コマンドを実行することでダイアグラムとなる画像を作成します。データベースを設計する際、テーブルとその関連付けについて全体像を手早く作成したい、そんな時に便利なソフトウェアです。## er...

List

  • 2014/11/17

Wide – Go製、Go開発者のためのWeb IDE

Goを覚えてみたいと思いつつも開発環境を整備するのが億劫で手が出せていないという方も多いのではないでしょうか。そんな方にお勧めなのがWeb IDEです。実行環境も備えたIDEであれば、開発と実行がWeb上で簡単に実現します。WideはGo向けのWeb IDEになります。実行バイナリも配布されていますので、とても簡単にG...

List

  • 2014/11/17

Swift Boxxle – ゲームボーイ版倉庫番をSwiftへポーティング

スマートフォンでは短時間で終わり、没頭できるゲームが好まれる傾向がありますが、人によってはもっとじっくりと考えさせられるゲームがやりたいと思う人もいることでしょう。そんな方に試して欲しいゲームがSwift Boxxle、ゲームボーイの倉庫番をSwiftでポートしたソフトウェアです。## Swift Boxxleの使い方...

List

  • 2014/11/16

60fps scrolling – 高速なスクロール表示をサポート

動作の重たい処理をすれば、レンダリングが追いつかずに60fpsを維持できないのは当たり前です。しかし、だからこそ表示する内容やテクニックを駆使することで高速な描画を維持できるととてもインパクトがあります。Webページのスクロールにおいても改善すべきポイントがあります。高速なスクロールを実現するためのハックが60fps ...

List

  • 2014/11/16

GreenSock – 高速なHTML5アニメーションライブラリ

HTML5によってかつてFlashが行っていた領域がJavaScript/CSS3によって実現されています。その一つにアニメーションがあります。これまでFlashバナーなどで提供されていたアニメーションが、Web標準の技術だけで行えるようになっています。とはいえ、できるようになったと言ってもやり方は簡単ではありません。...

List

  • 2014/11/15

Edhita – iPad用、3カラムのプログラミングエディタ

2015年にはiPad Proなるものが出るなんて噂もあります。スマートフォン、タブレットの性能はどんどん向上しており、クアッドコアも当たり前になっています。そうなるとラップトップをもたず、タブレットだけですべての作業ができるようになってくることでしょう。そうなると欲しくなるのがプログラミングエディタではないでしょうか...

List

  • 2014/11/15

dark-mode - コマンド一つでダークモードの切り替え

Mac OSXの最新版Yosemiteでは多数の機能が追加されていますが、あまり有名ではないながらも注目したいのがダークモードです。メニューバーとDockを暗く反転する機能で、これまでのグレーベースが反転して暗くなります。実際の使いどころは人それぞれだと思いますが、切り替えのためにシステム環境設定を立ち上げるのは面倒で...

List

  • 2014/11/14

TACHYONS – 既存サイトにも組み込めるフルレスポンシブデザインフレームワーク

Bootstrapは人気のあるWeb UIフレームワークですが、いかんせん制約が強いためにデザイナーの方に利用を嫌がられることがあります。レールに乗っている限りは便利ですが、そのレールから外れることをしようと思うと途端に難しくなります。そこでもっとカスタマイズ前提のUIフレームワークを使ってみるのはいかがでしょう。今回...

List

  • Premium_s 2014/11/14

受信、発信、保存まで。業務で使えるオープンソース(143)「ストリーミング動画」

今回のテーマはストリーミング動画です。ネットワークが高速化するのに伴い、高品質な動画がストリーミングで発信されるようになっています。受け手側もネットワークや帯域の状態によって適切な品質に設定されます。今回はストリーミング配信技術について、主なトピックとオープンソース・ソフトウェアを紹介します。## プロトコルストリーミ...