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

ライセンス - Creative Commonsの記事一覧

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

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

もっと見る

List

  • 2017/04/13

Onion Packer - デザイナー向け。テクスチャ管理ソフトウェア

プログラマーであればスニペット、デザイナーであればよく使うデザインを手元に置いておくのは大事なことでしょう。一つのフォルダに入れておいても良いですが、もっと一覧で分かりやすく管理したいと思うでしょう。そこで使ってみたいのがOnion Packer、テクスチャデザイン管理です。## Onion Packerの使い方メイン...

List

  • 2017/03/28

HTML5 Bombergirl - HTML5製のボンバーマン

最近のゲームはやり方を覚えるまでにそれなりに時間がかかります。そのため、時間がない人は遊びたくともなかなかできません。その点、昔ながらの古典的ゲームであれば操作もシンプルですぐに遊べます。今回は昔懐かしいボンバーマンをWeb上で再現したHTML5 Bombergirlを紹介します。## HTML5 Bombergirl...

List

  • 2017/01/13

slack-inviteviz - Slackの招待状況を可視化

Slackを使って会社はもちろんコミュニティなどのコミュニケーションで使っている人たちは多いです。その中では多くの会話が日々交わされています。基本的にフローなので、メッセージがどんどん交わされているとお互いの関係性も分からなくなるかも知れません。そこで使ってみたいのがslack-invitevizです。Slackへの招...

None

  • 2016/11/27

Forgiva - 動物を組み合わせるパスワード管理

パスワードは頭が覚えようとしてはいけません。専用のソフトウェアを使って、マスターパスワード一つだけで管理すべきです。しかしマスターパスワードが簡単すぎると一気にすべて見破られてしまう可能性があります。防ぐためにはどうするのが良いでしょうか。今回紹介するForgivaはマスターパスワードの他に、ユーザ自身が好きな動物を組...

List

  • 2016/10/12

AnotherNote - EvernoteにインスパイアされたMarkdownエディタ

Markdownエディタはここ1、2年で一気に増えました。皆さん、何らかのソフトウェアを使っているのではないかと思います。そんな中新しいソフトウェアが出てくるということは既存のものに物足りないところがあったり、新しいトレンドを取り込んでいるということでしょう。もちろん新参者には更新を重ねた既存のソフトウェアが持っている...

List

  • 2016/09/11

NEditorJS - ビジュアルプログラミング環境の基盤にどうぞ

ビジュアルプログラミングの多くはノードがあり、それらをマウスでくっつけて処理を繋げていきます。各ノードには機能があり、必要に応じて処理判定を行うノード、繰り返し処理を行うノードを選択します。そういったビジュアル化された環境を提供するのがNEditorJSです。工夫次第で様々な使い方が考えられるでしょう。## NEdit...

List

  • 2016/06/22

Siggraph2016 Colorization - 大学発の機械学習による写真のカラーリング

機械学習は恐ろしいほどの速さで進化しています。特に画像などのオブジェクト認識は各社が力を入れており、Googleの画像検索であったり、Facebookのシェアした画像に対するタグ付けなど様々なサービスに用いられています。そんな機械学習を使って作られたソフトウェアがSiggraph2016 Colorizationです(...

List

  • 2016/05/06

superplaceholder.js - アニメーションするPlaceholder

Placeholderも当たり前のように使われるようになっています。入力部分にあらかじめ文字を出しておくことによって、何を入力すれば良いかを明示できるようになります。ユーザとしても嬉しい仕組みでしょう。そんなPlaceholderを一歩進めてみたのがsuperplaceholder.jsです。どこがスーパーなのか、それ...

List

  • 2016/04/24

ABCD-Animal-Book - ABCを覚えるための電子絵本

日本語で言えば平仮名、英語で言えばABCの学習は読み書きの基本です。間違ってもそこでつまずかないよう、分かりやすく楽しく学べるようにする工夫が必要です。絵本を通じて覚える人も多いでしょう。今回紹介するオープンソース・ソフトウェアはABCD-Animal-Bookです。タブレットを使った電子絵本とも言うべきソフトウェアで...

List

  • 2016/02/17

Pacman in HTML 5 Canvas - さぁ遊ぼう!HTML5製のパックマン

以前Googleがロゴをパックマンにしたことがありました。みんなそれに飛びついて遊び続け、経済的損失が1億2,048億ドルに達したと言われています。単純だけど、それだけにハマってしまう…それがパックマンの魅力と言えるでしょう。今回はそんなパックマンの恐怖再び、というHTML5ベースのパックマン、Pacman in HT...

List

  • 2015/12/10

Captain Icon - 手作り感あるアイコン集

Webサイトやアプリを作る際に必須なのがアイコンです。最近はフラットUIやマテリアルデザインの影響で、とてもシンプルなものが多くなっていますが、やはりアイコンは作りたいものに合わせて選ぶのが良いでしょう。今回はそんなアイコンを無償で公開しているCaptain Iconを紹介します。きっとぴったりくる時があるはずです。#...

List

  • 2015/11/26

Gridifier - アニメーションが格好良いグリッドライブラリ

コンピュータ上の表現としてグリッドは非常によく使われます。Excelのような表計算ソフトウェアはよく使われますし、テーブルや表もよく使われる表現です。しかしWeb上ではテーブルではなく、スタイルシートを駆使したグリッドが人気になっています。今回はグリッドのフィルタリング、並び替えが得意なGridifierを紹介します。...

List

  • 2015/11/23

Verreciel - どう遊ぶ?宇宙探索を楽しむiOSゲーム

宇宙にはロマンが溢れています。海底すら分かっていない人類ではありますが、遠い宇宙の先には心が躍るような経験が待ち受けているはずです。火星への移住計画もわくわくすることでしょう。そんな宇宙探索を体験できるアプリがVerrecielです。実際の遊び方はよく分かっていないのですが、分かる方はぜひお試しください。## Verr...

List

  • 2015/09/15

webm.js - Webブラウザ上でWebMエンコード

現在主流の動画フォーマットと言えばMPEG4ですが、オープンかつライセンス料無料で使える動画フォーマット、WebMも見逃せません。MPEG4よりもサイズが小さくなり、画質もほとんど変わらず利点の多いフォーマットです。問題はエンコーダーの存在であったり、再生するデバイスの多さにあるでしょう。そこで使ってみたいのがwebm...

List

  • 2015/09/13

Smoothslides - ケン・バーンズ効果を使ったカルーセル

最近はWebサイトにカルーセルを載せて写真をスライド表示するのを多く見かけるようになりました。大抵右から左に写真が流れていくものが多いのですが、あまり多いと見飽きてしまいます。これではせっかくの写真が印象に残りません。より写真を強調したカルーセルを考えるならばSmoothslidesを使ってみても面白そうです。## S...

List

  • 2015/07/18

SVG PORN - 各種サービスロゴをSVG化

SVGはHTML5になって標準化されているメディアフォーマットですが、まだあまり広く活用はされていません。ただし、現在の高解像度化であったり、幅広い画面幅に対応していこうと考えるとSVGのようなベクター画像はとても大事になっていくでしょう。今回はそんなSVGを使って各種サービス、ソフトウェアのロゴを描いたSVG POR...

List

  • 2015/03/13

wavesurfer.js - HTML5で音楽の波形を表示

Web上で音楽を楽しむ環境は整いつつあります。SoundCloudにアップしている人も多いですし、YouTube上にある音楽を聴く人も多いでしょう。そんな音楽メディアに欲しい情報として波形があります。wavesurfer.jsは音楽ファイルを読み込み、波形を表示してくれるJavaScriptライブラリです。JavaSc...

List

  • 2015/03/01

Subway – iOS/Windows Phone/BlackBerryでの利用を想定したシャープなアイコンセット

素敵なアイコンを探す旅は永遠に終わりません。ある時には小さくて可愛らしいものが流行ったかと思うと、次はシンプルでフラットなものが流行になります。古くさいデザインにならないためにも常に先進的デザインを追いかけなければなりません。今回は新しいアイコンセット、Subwayを紹介します。多数のモバイルデバイスに合わせたサイズが...

List

  • 2014/11/07

Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集

Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。そんなマテリアルデザインにフォーカスして作られたアイコン集がMat...

List

  • 2014/08/28

92five – 格好いいデザインのプロジェクト管理

プロジェクト管理、何を使っていますか。最近ではRedmineを使っている所が多いかも知れません。規模が大きくなるとMS Projectを使ったり、BasecampのようなWebサービスを使っている所もあるかも知れません。何となくプロジェクト管理は開発者向けのサービスとあって無骨なイメージがあります。今回はフラットなデザ...