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

List

  • 2014/10/31

Blinking Tab – 他のタブに移動したらタイトルを点滅表示

今はタブブラウザ全盛で、一つのブラウザウィンドウで多数のタブを開いたままにしているのが当たり前になっています。Webサービス提供側としてはアクセスしていてくれるのは嬉しいかも知れませんが、タブの中に埋もれてしまって気づかれない可能性もあります。他のタブにいってしまったユーザに戻ってきて欲しい、そんな時にはBlinkin...

List

  • 2014/10/31

codeflake - Redisをストレージにしたシンプルなコードスニペット

プログラミングにおいてDRYは禁物ですが、ちょっとしたスニペットは共有したいと思うことがあります。あえてオープンソースにするまでもないちょっとしたコード(正規表現など)はメモしておける場所があると便利です。Gistなどがその代表ですが、社内でのみ使いたいという方もいるでしょう。そんなときに使ってみて欲しいのがcodef...

List

  • 2014/10/30

jQuery-FontSpy.js – Web Fontの読み込み完了、失敗をハンドリング

最近はWeb Fontを使うサイトが増えてきました。ロゴとして使うケースもありますが、その多くはアイコンフォントとして使っているようです。アイコンフォントの場合、Web Fontの読み込み前や読み込みに失敗すると四角が表示されてしまうのが難点です。アイコンとテキストであればまだいいですが、アイコンだけを使っている場合は...

None

  • 2014/10/30

node-static – 簡単に静的コンテンツを提供できるWebサーバー

node-static は、node のコマンドラインユーティリティです。マシン上の任意のディレクトリで起動することで、ローカルなWebサーバを立ち上げることができます。ソフトウェア開発やテストでは、Webサーバが必要になることが少なくありません。また、HTMLやCSSを使ったデザインの作業でも必要となることがあります...

List

  • 2014/10/29

JS-Interpreter – JavaScriptをサンドボックス実行

JavaScriptが多用されるようになると、その安全性について考えるようになります。特にユーザが自由にJavaScriptを書けるような環境を提供する場合はそうです。一般的にそれは怖いので、ドメインを分けたり、そもそもJavaScriptを書けないようにしています。しかしそれではJavaScriptの可能性をつぶすこ...

None

  • 2014/10/29

massren – 大量のファイルやディレクトリをまとめて変更&削除

massren は go でできたコマンドラインツールです。コンソールで massren を実行すると、エディタを開き、カレントディレクトリのファイル名やディレクトリ名を表示し、編集することでファイル名やディレクトリ名を変更したり削除できます。エディタは指定可能です。オプションでファイル名、ディレクトリ名を指定すること...

List

  • 2014/10/28

GopherJS – GoをWebブラウザ上で実行

Webブラウザ向けに提供されるプログラミング言語はJavaScriptのみです(プラグインを使えばActionScript、.NETもありますが)。それが嫌で多数の代替言語が生み出されています。CoffeeScript/TypeScript/JSXなどが代表です。さらに別な切り口として、すでにあるプログラミング言語で実...

None

  • 2014/10/28

autodie – 気楽&簡単に例外処理

autodie はPerlのモジュールです。言語や場面に関わらず例外処理は重要です。例外処理については、ソフトウェア開発に関わる方全員が、設計の段階から多くの時間を割いているでしょう。autodieは、そのような例外処理に関する負担を少しでも低減するのに役立つはずです。## autodie の主な特徴### 1) 実装...

List

  • 2014/10/27

Ceylon – Java/JavaScriptにコンパイルできるプログラミング言語

JavaScriptが嫌だ!という方は相当数いるような気がします。嫌いじゃないけれどとも括弧が多くて書きづらいという方もいます。そういった方々に対してうけているのが代替言語といわれるもので、JSXやCoffeeScript、TypeScriptが知られています。今回紹介するCeylonもその一つですが、JavaScri...

List

  • 2014/10/27

photoeditor2 - Webブラウザ上で画像加工を行う

HTML5のAPIは強力で、これまでローカルでしかできなかったような操作がWebブラウザ上で、しかもクライアントだけで実現できるようになっています。特にCanvasの表現力はとても高く、画像加工などで活躍します。アップロード予定ファイルの画像サムネイルを表示したり、縮小したりする使い方がありますが、今回はさらに画像加工...

List

  • 2014/10/26

whirl – CSSだけで実装されたローディング表示

Webアプリケーション化が進み、Ajaxを使ってデータを取得したりJavaScriptで画面を再描画するようになると、その処理途中にユーザに触って欲しくないことが増えます。特にフォーム送信の二重処理は厄介です。そこでボタンを一時的に無効にしたり、処理中である旨を通知する必要が出てきます。そのためのライブラリがwhirl...

List

  • 2014/10/26

Letterbolt - 文字をアニメーションしながら描くライブラリ

テキストをアニメーション化するライブラリはこれまでにもありました。多いのはタイプライター風に文字を表示するものや、点滅させたり、文字色を変化させると言ったものもあります。今回はさらに高度なテキストアニメーション機能を追加するLetterboltを紹介します。アニメーションしながら文字が書かれていくという、面白いライブラ...

List

  • 2014/10/25

slfsrv – クロスプラットフォーム対応。ローカルで動くHTML5アプリケーション作成

アプリケーションやWebサイトを構築する際にはまずモックを使ってイメージを共有すると便利です。そんな時にはとにかく手早くイメージを具体化し、フィードバックしながら進めると良いでしょう。プロトタイプ作成に便利なのはやはりWebです。HTML/JavaScript/スタイルシートを使ってさくさくとプロトタイプ開発が進められ...

List

  • 2014/10/25

draw.io – VisioライクのドローWebアプリケーションがコード公開!

プロジェクトマネージャやリーダーがよく使うソフトウェアにVisioがあります。ネットワーク図、システム概要図などをまとめる際にはVisio Professional以上のステンシルが必要で、ちょっとした図を描くために購入するのを控えてしまう人も多いのではないでしょうか。そんな方にお勧めしたいのがdraw.ioです。Vi...

List

  • 2014/10/24

NodeBB – node製のモダンな掲示板

様々なWebサービスが作られていく中で、意外と進化していないと思うのが掲示板、フォーラムです。コミュニケーションという一点で見れば大層な機能が不要なのは分かりますが、もっとコミュニケーションを円滑するための仕組みはあっても良さそうです。そこで紹介したいのが今風のモダンな技術で作られた掲示板、NodeBBです。PHPがp...