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

List

  • 2014/11/26

NeighborNote – 操作履歴を使ってノートを素早く探し出すEvernoteクライアント

必要な情報を探す場合には検索を用いるのが一般的です。ソーシャルも急激に伸びていますが、それでもやはりGoogleなどを使って検索するのは当たり前になっています。しかし検索はキーワードを含め、目的の情報にたどり着くためのテクニックが必要です。検索ではないアプローチで自分の必要な情報にたどり着こうというのがNeighbor...

List

  • 2014/11/26

Battleboat.js - Webブラウザでロボット対手に遊べる海戦ゲーム

トランプをはじめとするシンプルな戦略系ゲームはコンピュータ相手のゲームとはまた違う面白さがあります。個人的には海戦ゲームが好きで、テーブルトークをしながら、相手の考えを読みながら遊ぶのが面白いです。そんな海戦ゲームをWebブラウザ上で楽しめるのがBattleboat.jsです。ロボット相手ですが、一人でも遊べるのが良い...

List

  • 2014/11/25

seisan – Excelの経費精算書を出力するRubyスクリプト

会社で面倒な作業の一つに経費精算があります。立て替えで払うのも面倒なのに、月末で締めて一覧を作る必要があります。面倒で煩雑だからこそ、誰も出したがらなくなるはずです。そこで多少なりとも楽しめるようにしたのがseisanです。YAMLフォーマットで記録しておき、コンバートして経費精算書を出力できるソフトウェアです。## ...

None

  • 2014/11/25

WWW-Sitemap-Simple – 簡単にサイトマップを作成するモジュール

サイトマッププロトコルにしたがったXML形式のサイトマップを作成できるモジュールです。インストールもコーディングも簡単です。サイトマップの作成は、アプリケーションやホームページなどさまざまなサイトを更新する際に行う作業ですので、このモジュールを使うことで運用が楽になるでしょう。## WWW-Sitemap-Simple...

List

  • 2014/11/24

Amazon S3 Directory Browser – ApacheのDirectory Index風にS3を閲覧

Amazon S3をクラウドのストレージとして活用している人は多いです。システムから自動保存するだけでなく、普通にファイル置き場と使っていたりします。バイナリファイルを置いて、ファイル配布の場として使っているケースも多いでしょう。そうなると欲しくなるのがファイル一覧、インデックスページではないでしょうか。そこで使ってみ...

List

  • 2014/11/24

Dashboards by Keen IO – グラフを多用したBootstrap管理画面テンプレート

Bootstrapが特に活かされている場面というと、管理画面ではないでしょうか。そこまで画面デザインにこだわらなくてよく、情報設計がきちんとできていれば見栄えの良いUIが作成できます。開発者自らが設計、デザインできるのが手軽で良いです。そんなBootstrapを使った管理画面デザインは多数ありますが、今回はビジュアル化...

List

  • 2014/11/23

Walkway.js – SVGコンテンツを取得して自動アニメーション

HTML5が正式勧告になり、SVGの利用も今後ますます広がっていくものと思われます。ベクターベースのドローができるので拡大表示したとしても綺麗に描けるのが特徴です。さらにもう一つ、アニメーションが書けるというのも特徴です。とはいえSVGアニメーションを作るというのはそうそう簡単ではありません。もうちょっとシンプルなアニ...

List

  • 2014/11/23

Ember-paper - Emberで使えるマテリアルデザイン

Googleの提唱するマテリアルデザインはフラットUIとの親和性が高いこともあって、新しいデザインの中で取り入れられています。主にスマートフォン向けと思われますが、Webデザインにおいても見逃せない存在です。そんなマテリアルデザインをEmberアプリケーションの中で活かせるのがEmber-paperになります。## E...

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です。#...

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...