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

List

  • 2016/08/24

jQuery Select Areas - 一つの写真から複数の範囲を指定

クロップ(切り抜き)をサポートするライブラリはたくさんあります。顔写真をアップロードして一部だけ切り抜くのはよくありますし、写真の中の余計な部分を消す際にもクロップが使われます。今回はちょっと面白い、複数範囲のクロップをサポートしたjQuery Select Areasを紹介します。## jQuery Select A...

List

  • 2016/08/24

ImageMaps - Naver製。地図画像の編集ツール

地図は地図のまま利用するのではなく、多くの場合その上にアイコンを載せたり線を描いたりします。そうすることで目的の場所を目立たせたり、駅などから目的地へ移動しやすくなるでしょう。今回紹介するのはImageMaps、地図の上にアイコンなどを載せられるjQueryプラグインです。## ImageMapsの使い方編集画面です。...

List

  • 2016/08/23

Goat - アスキーアートをSVGに変換

アスキーアートと画像は切り離せない関係にあります。面白い写真が誰かの手によってアスキーアート化されたり、逆にアスキーアートのキャラクターがイラスト化されたりします。それぞれに良さがあります。今回はアスキーアートをSVGに展開するGoatを紹介します。テキストで作った作品が滑らかな直線、曲線で描かれるのは面白いです。##...

List

  • 2016/08/23

Frog - Androidのクラス名を即引き

開発者にとってAPIドキュメントは大事な存在です。その言語やプラットフォームに慣れたプログラマほど、APIドキュメントを頻繁に参照します。昔であれば書籍が使われてきましたが、最近ではオンラインを利用する方が検索もできますし、便利です。今回はAndroid開発者のためのドキュメント即引きツール、Frogを紹介します。##...

List

  • 2016/08/22

ColorFinder - 独自のアルゴリズムで写真から特徴的な色を抽出

写真を解析すると様々な情報が得られます。最近ではGoogleやFacebook、Microsoftなどがディープラーニングを使って写真が何を意味しているのかを解析したりしています。他にも人の顔や年齢などを認識する技術もあります。今回はその一つとして写真から色をピックアップしてくれるColorFinderを紹介します。#...

List

  • 2016/08/22

Microlight.js - 任意の言語に対応するコードハイライター

ブログなどでコードを掲載する際にはコードのハイライト処理が欲しいと思うでしょう。多くのコードハイライターはプラグインのような仕組みで多数のプログラミング言語に対応しますが、非対応の言語についてはハイライトできません。今回は言語に依らないMicrolight.jsを紹介します。ハイライト機能は少ないですが、どんな言語でも...

List

  • 2016/08/21

Diff Cam Feed - Webカメラを使ったモーションディレクト&Twitter投稿

Webカメラを使うと手軽にセキュリティカメラを実現できます。大事なのは物体の動きがあった時にちゃんとそれを捉える機能と、その後どこかに通知する機能ではないでしょうか。そんな機能を実現してくれるのがDiff Cam Feedです。Webカメラを使ってモーションディテクションを実現しつつ、スナップショットをTwitterに...

List

  • 2016/08/21

Slide - Androidで高橋メソッドのスライド作成

プレゼン資料の要は内容です。ビジュアル的なエフェクトであったり、派手な演出はいりません。質実剛健に内容にこだわるべきです。そんな訳でテキストベースのスライドは理に適っていると言えるでしょう。今回紹介するSlideは機能は殆どありません。ただ純粋に高橋メソッドを実現できるAndroidアプリとなっています。## Slid...

List

  • 2016/08/20

TableTool - Mac OSX用のCSVエディタ

システム開発においてCSVファイルを利用することはまだまだ多いかと思います。そんな時にフォーマットをチェックしたり、編集したりする必要にかられることもあるでしょう。多くの場合はExcelを使うのですが、自動変換機能に邪魔されたりします。そこで使ってみたいのがTableToolです。CSV専用のエディターです。## Ta...

List

  • 2016/08/20

notepadlet - ブックマークレットとして動作するメモ帳

メモは常に近くにあると便利です。何か思いついたとしてもメモを探しているようでは忘れてしまうでしょう。さらにメモに時間をかけていると元々の作業の集中力が切れてしまいます。思いついたらささっとメモして元の作業に戻れる早さが必要です。今回はnotepadletを紹介します。1ファイルもない、ブックマークとして動作するメモ帳で...

List

  • 2016/08/19

image-diff - 画像の差分表示

開発者であれば差分表示に普段からお世話になっているでしょう。コードのどこを直したのか、どこが削除されたのかなどはDiffを使わなかったら目で探すことになってとても大変です。そして、それはテキストだけではありません。今回紹介するオープンソース・ソフトウェアはimage-diff、画像で差分表示を行ってくれるライブラリです...

List

  • 2016/08/19

pcb-stackup - Arduino Uno/8bit Mixtapeなどの電子回路図を生成

IoTの熱が高まっており、個人でもガジェット開発を楽しめるようになってきました。そうした過程をブログにアップしている人も多いでしょう。そんな時に配線図などを書きたくなるのですが、良い書き方があまりありません。回路図を描く際のベースになりそうなのがpcb-stackupです。SVGで綺麗なマイコンボードを出力してくれます...

List

  • 2016/08/18

Lumen - コンテンツに合わせてディスプレイの輝度を自動調整

プログラマはディスプレイを見ている時間が長いため、黒バックにして目の疲れを軽減しています。黒バックの時には輝度が高くても良いのですが、白バック(Webブラウジングなど)になると輝度が高くなりすぎてしまいます。そこで使ってみたいのがLumenです。Lumenはコンテンツによって輝度を自動的に調整してくれます。## Lum...

List

  • 2016/08/18

winstrap - Microsoft社公認のBootstrapテーマ

モダンなWebサイトを実現するためにはモダンなデザインフレームワークを使うべきです。そうすることで全体の統一感が生まれ、使い勝手の良いWebサイトが生まれます。継ぎはぎでは統一感を出すのは困難です。今回はMicrosoft公式のBootstrapテーマ、winstrapを紹介します。最近のMSらしい、モダンなWebデザ...

List

  • 2016/08/17

Slack Emoji Pokemon - Slackで使えるポケモン絵文字

Pokemon Goが人気のため、関連するソフトウェアが次々と生み出されています。その多くはPokemon Goで使えるツール系ですが、そうではないものもたくさんあります。それらを使うと常にポケモンを意識できるようになるでしょう。今回はSlack Emoji Pokemonを紹介します。Slackの中で使えるポケモン絵...