スマートフォンのカメラを利用して認証する・「clef」
clef clefはスマフォのカメラで認証、ログインできるようにするWebサービスです。WordPressのプラグインも用意されています。表示されるアニメーションをスマートフォンの専用のアプリで起動したカメラで読み取ることで認証を完了...
Resource - ユニーク
CSS3によるユニークなホバーエフェクトをまとめた・「iHover」
iHover iHoverはCSS3によるユニークなアニメーションホバーエフェクトをまとめて、パックにして配布するWebサイト。サークルタイプで20種類、スクエアタイプで15種類のエフェクトとソースが紹介されています。CSS3なので使...
Siriのような、音声制御アプリケーションを構築する為のオープンソースのプラットフォーム・「Jasper」
Jasper JasperはiPhoneに搭載されたSiriのような音声制御アプリケーションの為のOSSのプラットフォームです。デモ動画では、音声に対して音声で回答している様子を確認できますね。Raspbery Piがベースだそうです...
アイソメトリックを利用したピクセルアートをcanvasで描く為のライブラリ・「Obelisk.js」
Obelisk.js Obelisk.jsはアイソメトリック（等角投影法）を利用したピクセルアートをHTML5 canvasで描くためのライブラリです。上記のようにGifアニメーションの作成も可能です。アイデア次第では面白いコンテンツ...
地理空間データを利用したコンテンツ向けのオープンソースのCMS・「GeoNode」
GeoNode GeoNodeは地理空間データを利用するコンテンツ向けに作られたCMSです。OSSとしてソースが公開されています。ユーザー同士でデータの共有やそのデータを元に作られた地図の管理や共有が可能です。ライセンスはGPLとの事...
読み物系のコンテンツ向けに作られたWordPressプラグイン「AESOP STORY ENGINE」
AESOP STORY ENGINE AESOP STORY ENGINEは長編物語等の読み物コンテンツ向けに作られたWordPressのプラグインです。パララックス効果のある挿絵の挿入や、登場人物紹介、音源や動画などを記事内に挿入す...
OSSのプレゼンテーション用スライド管理システム・「OpenSlides」
OpenSlides OpenSlidesはオープンソースとして公開されている、プレゼンスライドを管理するWebシステムを構築できるソフトウェアです。講演者の管理やスライドの作成、議題ごとの管理等を行うことができます。Pythonで書...
スマフォにも対応の、共有可能なToDoリストを作成出来るシンプルなWebアプリ・「Jotts」
Jotts JottsはシンプルなToDO作成Webアプリです。レスポンシブWebデザインにも対応しており、スマフォやタブレットでもデバイス依存のアプリは不要で、ブラウザでアクセスすれば利用可能です。また、友人等とリストを共有する事も...
Youtubeの動画から一部を切り取って、部分的にループ再生できるようにする学習ツール・「StepUp.io」
StepUp.io StepUp.ioはYoutubeの動画から、任意の場所を切り取って、その部分だけループ再生できるようにする学習ツールです。「ここだけ苦手だから何度も聞きたい」というケースは僕も経験があるので結構いいアイデアだなぁ...
ブラウザで作成出来る、HTML5製のフォントエディタ・「Glyphr」
Glyphr GlyphrはHTML5製のフォントエディタです。ブラウザ上でオリジナルのフォントをデザインする事が可能です。軽量でUIも割と使いやすい印象でした。また、Githubでもソースコードが公開されています・・・が、ライセンス...
Youtubeからgifアニメを作れる・「GIFFFFR」
GIFFFFR GIFFFFRはYoutubeの動画をgifアニメ化し、ダウンロードできるツールです。URLを指定すると、動画が読み込まれ、動画の時間やサイズ等を指定すればいいだけ。ただ、サイズや動画の長さ次第ではかなり作成に時間がか...
OSSとしても公開されている、スタイルを維持したままWebページをスクラップできるツール・「PryNotes」
PryNotes PryNotesはEvernoteのように、Webページを切り抜いて保存できるオープンソースのソフトウェアです。機能的にはまだまだ劣るため、Evernoteのクローンとは言えませんが、Webページを部分的にコピー、ペ...
CSS3のkeyframesを容易に設定出来る・「CSS3 Keyframes Animation Generator」
CSS3 Keyframes Animation Generator CSS3 Keyframes Animation GeneratorはCSS3のkeyframesを容易に設定出来るツールです。数値を各項目に設定するだけでコードを...
カスタマイズ性に優れたWordPressテーマを構築する為のオプション作成用フレームワーク・「Vafpress Framework」
Vafpress Framework Vafpress FrameworkはWordPressのテーマのカスタマイズをユーザーが容易に行えるようにするオプションを作る為のフレームワークです。有償テーマ等では頻繁に見かけますが、テーマ利...
JavaScriptやHTMLのコード整形と差分チェックが出来る・「Pretty Diff」
Pretty Diff Pretty Diffはコード整形や差分チェックが可能なWebツールです。コードはJavaScript、CSS、HTMLなどに対応しています。また、本ツールはGithubでもソースが公開されていますが、ライセン...
データを可視化する為のJavaScriptライブラリ・「JS Data Viz」
JS Data Viz JS Data Vizはデータをグラフ化したりツリーマップで階層を可視化したりヒートマップを作成、ガンチャートを作成する等、データを可視化するためのライブラリです。目的ごとにJSファイルが用意されています。出来...
オープンソースとしても公開されている、ユーザー登録不要で手軽にボイスチャットルームを作れるWebアプリ・「Voice Chat API」
Voice Chat API Voice Chat APIはOSSとしても公開されている、ユーザー登録不要でボイスチャットルームを作成、複数人でチャット会議が可能なWebアプリです。上図の青いボタンをクリックするとチャットルームが作成...
ダイアグラムを生成出来るJSライブラリ・「JointJS」
JointJS JointJSはダイアグラムを生成出来るJavaScriptライブラリです。インタラクティブなダイアグラム作成ツールを構築する事が出来ます。基本的な操作は概ね出来るようですね。OSSとして公開されていおり、ライセンスは...
シンプルなジョブボードを設置できるWordPressプラグイン・「WP Job Manager」
WP Job Manager WP Job Managerはシンプルなジョブボードを設置できるWordPressのプラグインです。ユーザー側で仕事情報を投稿する事も可能です。仕事の内容はカテゴリ分けやフィルタリングも可能となっています...
背景に使えるパターン画像を収集、配布する・「The Pattern Library」
The Pattern Library The Pattern Libraryは背景に使えるシームレスなパターン画像を収集、配布しているプロジェクトサイトです。まだ始まったばかりのようなので数は多くありません。あまり見ないタイプのパタ...
描いたものがアスキーアートになるドローツール・「Asciiflow」
Asciiflow Asciiflowは、アスキーアート化されるドローツールです。マウスのみで作成できます。ボックスや矢印等のエレメントも用意されていますのでダイアグラム作成にも使える・・・かもしれません。便利かどうかはさておき、面白...
ブラウザのアドレスバーに任意のURLを貼るだけで完了するWebブックマークサービス・「Saved.io」
Saved.io Saved.ioはURLをブラウザのアドレスバーに貼るだけでブックマークが出来るツールです。本アプリのドメインの後にブックマークしたいページのURLを加えて実行すればブックマークする事が出来ます。例えば、 といった...