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

List

  • 2016/02/11

SVGnest - 工作加工に。一つの部材から効率的に部品を切り出す

最近、IoTもあって工作が流行っています。3Dプリンタもありますが、CNC旋盤のように予めコンピューティングした上で加工してくれる機械もあります。そこで大事になるのが素材の切り出し法です。同じ部材からでも切り出す部品を上手に隙間なく並べることで無駄なく取り出せるようになります。そのための計算を行ってくれるのがSVGne...

List

  • 2016/02/11

Philter - Webブラウザ上の写真加工ライブラリ

サイト上で写真を綺麗に見せようと思ったら多少の加工は欠かせません。しかし大量にある写真を一つ一つメンテナンスするのは大変ですし、加工前の写真も保存しておくと容量が2倍必要になってしまいます。そこで使ってみたいのがJavaScript、つまりクライアントサイドでの写真加工です。今回はPhilterを紹介します。## Ph...

List

  • 2016/02/10

Pokémon Showdown - 世界中のトレーナーとポケモンバトル!

ポケモンと言えば自分で育てたポケモンたちをライバルと戦わせて楽しむのが醍醐味と言えます。カードバトルや通信を使ったバトルもありますが、近くにプレーヤがいないといけないのがネックです。そこで作られているのがPokémon Showdownです。世界中のポケモントレーナーと対戦できる、ポケモンバトルサーバです。## Pok...

List

  • 2016/02/10

iOS 8 Custom Keyboard Extension Template - iOSのカスタムキーボードを作ろう!

iOS 8から、キーボードを自作できるようになりました。それによってATOKがアプリに参入したのは記憶に新しいでしょう。様々な制限はありますが、それでも入力系を自分で変更できるようになったのは大きいです。今回はそんなカスタムキーボードを作るためのテンプレートになる、iOS 8 Custom Keyboard Exten...

List

  • 2016/02/09

MaterialNote - マテリアルデザインのWYSIWYGエディタ

WYSIWYGなエディタはたくさんあります。昔はリッチで機能が多いものが良いとされてきましたが、最近ではなるべくシンプルによく使われる機能だけを提供するというものが増えています。今回紹介するのはMaterialNote、デザイン性の優れたWYSIWYGエディタです。## MaterialNoteの使い方これがMater...

List

  • 2016/02/09

imba - RubyとReactが好きな方に触ってみて欲しいWebアプリケーション開発言語

JavaScriptは徐々に進化していますが、それでもRubyやPythonに比べると冗長的で書きづらいと感じる人も多いのではないでしょうか。しかしReactが面白いので嫌々ながらもJavaScriptを使っている、なんて方もいるはずです。そんな方に試して欲しいのがimbaです。RubyとReactを使いこなす方向けに...

List

  • 2016/02/08

Jotted - プラグインで拡張できるHTML/JavaScript/CSS実行環境

HTML/JavaScript/CSSの良いところはWebブラウザ上でそのまま実行できると言うことです。そのためJSFeddleやjsdo.itといったサービスが人気になります。環境を用意しないでデモが見られるのは良いことです。そんな実行環境を自分でホスティングできるのがJottedです。プラグインの仕組みもある面白い...

List

  • 2016/02/08

pigeon - WordPressを使ったみまもりWebメールシステム

親になると子供の動向が気になるものです。また、自分の親が年をとってくると、日々元気に過ごせているのかどうか気になるものでしょう。しかし都度電話したり、メールを送ったりするのはお互い面倒なものです。そこで使ってみたいのがpigeonです。WordPressをベースとして、みまもりメールWebアプリを実現するソフトウェアで...

List

  • 2016/02/07

FireCommits - 敵はリポジトリ。コミット数によって強さの変わるシューティングゲーム

GitHubのリポジトリでコミット数が多いプロジェクトは、それだけ優秀なプログラマーが集まって切磋琢磨しているものと思われます。つまり頑強で強そうなイメージと言えるでしょう。そんなイメージにぴったりなゲームがFireCommitsです。コミット数によって弾幕の数が変わる、そんなシューティングゲームです。## FireC...

List

  • 2016/02/07

雑兵感謝祭 - 某オールスター風ゲームで盛り上がろう

半年に一度行われる芸能人がたくさん集まってクイズやら競争やらを行うオールスター感謝祭という番組があります。その中でABCDの選択肢があって、みんなでどれかを選ぶ、いわゆるマルバツゲーム的なものがあります。一番人数が多いのが正解とは限りませんが、それでも多数派に入っていると嬉しかったり、逆に一人だけで正解だと思わずガッツ...

List

  • 2016/02/06

Ryakuzu - RailsのDBマイグレーションをWeb上で

Ruby on Railsには便利な機能がたくさんありますが、特に有名なのがデータベースのマイグレーションではないでしょうか。それまでのデータベース管理はとても煩雑なものでしたが、コードでバージョン管理できるのはとても新鮮なものだったと言えます。今回はそんなマイグレーションをビジュアル化するRyakuzuを紹介します。...

List

  • 2016/02/06

MameBlock.js - Scratchライクなビジュアルプログラミング環境

ここ最近ビジュアルプログラミングが人気になってきました。特に教育目的において、英語からではなくブロックを使ってプログラミングを行える方が入門しやすいでしょう。今回はそんなビジュアルプログラミング環境をWebベースで提供するMameBlock.jsを紹介します。## MameBlock.jsの使い方MameBlock.j...

List

  • 2016/02/05

apachehere - 任意のディレクトリをルートとしてApache起動

Apacheは開発時にも便利なWebサーバです。しかし、手元にあるコードをちょっとWebブラウザで試したいと思った時にわざわざDocumentRootまで移動して試すのは面倒だったりします。そこで使ってみたいのがapachehereです。Apacheを指定したディレクトリをDocumentRootとして起動してくれるソ...

List

  • 2016/02/05

Showoff - Sinatra製のHTMLスライド

プレゼンテーションにおいてスライドは重要な要素になります。PowerPointを使ったものは似たり寄ったりで眠くなりますし、Keynoteの派手なアニメーションも出尽くした感があります。そこでHTMLプレゼンテーションの出番です。しかも自分でカスタマイズまでできてしまうものはいかがでしょう。今回はSinatra製のSh...

List

  • 2016/02/04

Feature.js - Webブラウザで実装されている機能をチェック

HTML5でWebブラウザの機能標準化が行われていますが、まだまだ統一はされていません。ブラウザによって得て不得手あり、実装されていない機能もたくさんあります。それらを逐一調べながら実装していっても良いですが、Feature.jsを使うことで各機能の実装状態を手軽にチェックできるようになります。## Feature.j...