STREAMA - 自分で立てるストリーミング動画配信サーバ
動画配信サービスがたくさん出てきました。NetflixやAmazonのような大手から、Disney+やDplay、DAZNのような特定ジャンルに特化した配信サービスもあります。日々動画を見ている人も多いでしょう。 しかし開発者としては見ているだけでは面白くありません。配信側になりたいという方はSTREAMAを見てみましょう。 STREAMAの使い方 トップページ。Netflixっぽい画面です。 動画一覧。 動画再生画面です。 ジャンルごとの一覧もあります。 動画管理画面。 STREAMAは個人や家庭などでの利用を想定しているようです。そのため、ファイル一覧のような画面がありますが、カスタマイズすることでNetflix風の配信サービスにもなり得るでしょう。動画をたくさん持っている方はSTREAMAで管理、閲覧するのも良さそうです。 STREAMAはnode/JavaScript製のオープンソ
Bootstrapを使っていると思わせないテーマを作成·Bootswatch MOONGIFT
BootswatchはTwitterのBootstrapテーマエディターです。 BootswatchはTwitterの開発したBootstrapをLESSにし、それらを容易にカスタマイズできるようにしたソフトウェアです。テーマのように色合いを変えて様々なWebサイトに適用できるようにします。 Bootswatchのトップページ。これもまたBootstrapで作られています。 作成されたテーマの一つ、Slate。 Cerulean。 Cyborg。 Journal。 Simplex。 Spacelab。 2階層のメニューになっています。 United。 Bootswatchの手順としては、Bootstrapのソースコードをダウンロードして設置します。次にvariables.lessとbootswatch.lessを修正します。もしLESSがない場合はインストールします。修正が終わったらmak
研究データをGoogleマップやGoogle Earthに重ねて表示·MapTiler MOONGIFT
MapTilerは研究データなどをGoogleマップやGoogle Earthにタイル上に重ねて表示できるレイヤーを生成するソフトウェア。 MapTilerはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。地図はとても面白いコンテンツだ。旅行の計画を立てたり、近くを散策したりする時にも必ず地図が利用される。それを見ているだけで色々な空想ができるはずだ。 ウィザード 個人的な楽しみの他に、研究としても地図は活用されている。単なる地形だけでなく、火山研究のレイヤーや水脈のレイヤー等様々な情報がある。そうした情報をGoogleマップやGoogle Earthに対応したレイヤーに変換してくれるMapTilerを紹介しよう。 MapTilerはラスターマップをGoogleマップ、Google Earthに対応したタイルに変換するソフトウェアだ。Google Maps AP
管理画面からはじめるHTML5対応·HTML5 ADMIN MOONGIFT
HTML5 ADMINはHTML5で作られた管理画面用テンプレートです。 格好いい管理者専用のWebページが作ってみたいならばお勧めしたいのがHTML5 ADMINです。 デモの画面です。シンプルで分かりやすい画面構成になっています。 ツリービューを広げた場合です。 レイアウトは柔軟に設定されています。 アコーディオンやタブ、シャドーも用意されています。 ダイアログです。 アイコン、スライダー、カレンダー、プログレスバーもあります。 テーブル表示です。 プロフィール的な表示にも対応しています。 メッセージ表示も考慮されています。 フォームのサンプルもあります。 細かな部分にも気を配られたデザインです。 HTML5 ADMINはjQuery、jQuery UIを使っており、無限の階層メニュー、追加ナビゲーションなどの機能があります。 HTML5 ADMINはHTML5/JavaScriptを
PHPのさらなる利用者増を目指し再定義する·PHP.reboot MOONGIFT
PHP.rebootはJVM上で動作するPHPを再定義したプログラミング言語です。 PHPは恐らくWebサイトにおいて最も良く使われている言語でしょう。習得も容易で、手軽に色々なWebアプリケーションが作れる、そんな利便性の裏で言語仕様などについて毛嫌いされる声も聞かれます。そこで注目したいのがPHPを再定義するPHP.rebootです。 PHP.rebootの書き方です。< ?phpではなく、{}を使ってコードを埋め込みます。まさにテンプレート的です。ファイルの拡張子はphprになります。 実行結果はもちろん普通に表示されます。 サーバ、GET/POSTも使えます。面白いのは変数名に$をつけず、JavaScriptのように定義することでしょう。;も使いません。 実行結果はこのようになります。 基本的な文法はPHPと似ています。SQLとの親和性を高くしており、コードの中にSQLをそのまま埋
新しい時代の幕開けか。クラウド向けWebアプリケーション開発用プログラミング言語·Opa MOONGIFT
Opaはクラウド向けWebアプリケーション開発に特化したプログラミング言語。 Opaはオープンソースのプログラミング言語。世の中には幾つのプログラミング言語があるだろうか。最近だと人気なのはJavaScriptだろう。10年くらい前から言えば、Web向けのプログラミング言語であるPHPがシェアを一気に高めた。 デモのチャット しかし常に人気が高い状態が続く訳ではない。栄枯盛衰、時代は常に変わらなければならない。今回紹介するのはWebアプリケーション開発用プログラミング言語として登場したOpaだ。 OpaはPHPと同じくWeb向けに特化したプログラミング言語だ。主に3つの特徴があり、シンプル、セキュアそしてスケーラブルだ。HTMLタグとOpaの変数とを区別せずに書けてしまう。コールバックを使って書くのでJavaScriptにも似ている。書きやすそうな印象を受ける。 イメージギャラリー セキュ
似たような画像を検索する高速な検索エンジン·FIRE MOONGIFT
FIREは類似画像検索エンジン。Webベースで動作する。 FIREはWebベースのオープンソース・ソフトウェア。インターネットの検索が徐々に変わり始めている。特に大きな変化はGoogle主体のクローリングベースの検索から、友人を通じたシェアへと広がっていく流れだ。ソーシャルの中から面白い情報を探すというのは誰しもが経験しているだろう。 象に似た画像 画像の検索についても同じだ。画像の周囲のテキストによって検索していたGoogle画像検索から、時代は変わろうとしている。似たような画像検索エンジン、FIREがその一つだ。 FIREのトップページにはランダムに表示される画像が並んでいる。そこから一つを選ぶと、FIREのデータベース内にある類似画像を並べてくれる仕組みだ。各画像にはプラス、マイナスのボタンがついている。特に説明はないが、フィードバックを返す仕組みかもしれない。 設定 さらに任意の画
日本の文章はやはり縦書きが読みやすい·tategumi.js MOONGIFT
tategumi.jsはJavaScriptを使って文章を縦書き、右から左に読ませる文章に変換するライブラリ。 tategumi.jsはJavaScript製のオープンソース・ソフトウェア。Webの文章は横書きが基本だ。日本語の場合は左から右に表示される。Webサイトは縦方向にスクロールするように作られているので、横方向が固定されて表示される方が見やすい。 表示例 だがそれは慣れの問題であって、日本語は本来縦方向、右から左に書かれるものだ。小説などの日本語文章を読ませるサイトではtategumi.jsを使ってみるといいだろう。 tategumi.jsはWebサイトに書かれた文章を自動的に縦書きに変換してくれるJavaScriptライブラリだ。サイト全体ではなく、指定された場所だけを変換する。クラスごとに文字の大きさや一行における文字数、行間、字間、段間、禁則処理の指定ができるようになってい
奇麗なグラフィックで魅了される。マルチプラットフォーム対応のRTS·0 A.D. MOONGIFT
0 A.D.はマルチプラットフォーム対応の文明系リアルタイムストラテジーゲーム。 0 A.D.はWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。個人的に好きなゲームの一つにシビライゼーションがある。文明を育てるゲームで、世界各地の歴史上の指導者を用いて、領土を広げたり貿易、戦争を行う。脚色はあるが世界史を知る上でも面白いゲームだ。 非常に奇麗なグラフィックス 自分一人で相手は全てコンピュータというのも面白いが、友人たちと一緒にプレイすればより面白いだろう。ギリシア時代くらいの時代からはじまり、文明を育てていくRTS（リアルタイムストラテジー）が0 A.D.だ。 0 A.D.はグラフィックスがとても優れたゲームだ。最初は一つの建物だけがあり、建物や畑を作って徐々に土地を広げていく。建物などを配置するとキャラクターが動き、土地を開墾したり建物をつくりはじめたりする。
業務システムで使える。PDFファイルからテキストや画像を抜き出せる·PDF::Reader MOONGIFT
PDF::ReaderはPDFファイルの操作を行うRubyライブラリ。 PDF::ReaderはRuby製のオープンソース・ソフトウェア。PDFというドキュメントフォーマットはビジネスの場において数多く使われている。WebサービスもPDFによる帳票出力やエクスポートをサポートしているものが多い。 画像の抜き出し処理 閲覧や印刷する分には申し分ないフォーマットなのだが、システムに取り込んで加工しようと思うととたんに面倒なフォーマットになる。そのためのライブラリ（PDFtoHTMLなど）もあるが、もっとシステムから扱いやすくしてくれそうなのがPDF::Readerだ。 PDF::ReaderはRubygemsを使ってインストールするライブラリだ。機能は数多くあるが、例えばメタデータを抜き出したり、テキスト情報を取り出す、画像だけを取り出す、ページを数えるといったPDF操作を行えるライブラリにな
ドラッグアンドドロップ、プログレスバー表示に対応したアップロードライブラリ·File Uploader MOONGIFT
File UploaderはD&Dをサポートし、複数ファイルのアップロードとプログレスバー表示に対応したライブラリ。 File UploaderはHTML5/JavaScript製のオープンソース・ソフトウェア。Webブラウザの操作で最も面倒なのがファイルのアップロードではないだろうか。一つのファイルしか指定できないインタフェースや、巨大なファイルを送信中の固まった状態はとてもユーザビリティが低い。 ドラッグアンドドロップ そうした問題点を解決するのに使われてきたのがFlashだが、HTML5になって複数ファイルのアップロードもできるようになった。さらにユーザビリティを高めるために使ってみたいのがFile Uploaderになる。 File Uploaderはドラッグアンドドロップでファイルのアップロードが出来るライブラリだ。まるでGmailのようなインタフェースになっている。フォルダは無
勉強会やセミナーに。動画と別コンテンツを連携させるHTML5動画フレームワーク·Popcorn.js MOONGIFT
Popcorn.jsは動画と別なコンテンツを連携させるHTML5ビデオフレームワーク。 Popcorn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサービスの説明動画や、勉強会の内容など動画をWebサイトに掲載するケースが増えている。そんな時には動画以外の資料も一緒に掲載したいと思うはずだ。 デモ ニコニコ動画は動画とコメントと一緒に閲覧できるが、同じように動画と別なコンテンツを一緒に掲載したり連携させたいと思う事はないだろうか。それを実現するライブラリとしてPopcorn.jsを紹介しよう。 Popcorn.jsはHTML5動画フレームワークで、動画と任意のコンテンツを連携させるライブラリだ。例えば動画の横にスライドを載せ、指定時間になったら切り替えると言った具合だ。手で時間を進めたりした場合もコンテンツが切り替わってくれる。 外部の様々な情報を表示して
必見。D&Dにも対応したJS/HTML5製マルチファイルアップローダー「jQuery File Upload」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
jQuery File UploadはHTML5を使って複数ファイルを選択できるファイルアップローダー。ドラッグアンドドロップにも対応。 [/s2If] jQuery File UploadはjQuery/JavaScript/HTML5製のオープンソース・ソフトウェア。Webの仕様の中には面倒だと思うものが幾つかあるが、ユーザとして使っている中で感じるのはファイルアップロードに手間がかかりすぎることだ。 アップロード中 ファイルボックスでは一つしかファイルが選べず、ダイアログをいちいち出して選ばないといけない。Flashで解決する手法もあるが、JavaScriptとの組み合わせに問題があったり導入が若干面倒だった。だがそれを解決する素晴らしいライブラリがjQuery File Uploadだ。 jQuery File UploadはHTML5を使っており、Flashに頼らない複数ファイル
HTML5 + Canvas + JavaScriptによるWebベースの顔認識「ccv」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
ccvはHTML5とCanvasタグを使ってWeb上で顔認識を行う。C言語によるライブラリもある。 [/s2If] ccvはWebベースまたはC言語製のオープンソース・ソフトウェア。最近の写真管理ソフトウェアの流行として顔認識がある。デジカメやプリンタでも顔認識機能を搭載し、自動的に明るくしたりするものもある。風景写真なども良いが、やはり人が写っている写真のが楽しいのだ。 そんな顔認識技術はWebベースでも提供されるようになっている。特にFacebookのようにSNSの中で使う場合は友人を自動認識させることでより活発な交流を促せるのだ。Webベースでの顔認識をHTML5/Canvasで行うのがccvだ。 実行例 via Tibetan Girl near Mount Everest | Flickr - Photo Sharing! ccvは元々C言語で開発されているコンピュータビジョンラ
JavaScriptを使ったローカルゲームエンジン·lov8 MOONGIFT
lov8はJavaScript製のオープンソース・ソフトウェア。最近はJavaScriptやHTML5の登場によってWebブラウザ上で高度な操作ができるようになったことがあって、Webブラウザ上で遊べるゲームが増えている。Flashゲームと合わせれば相当数のゲームがあるはずだ。 マウスの軌跡にそってイフェクトが起きるデモ そんなJavaScriptによるゲームがローカルでも遊べるようになったら、さらに面白さが広がるかも知れない。その可能性を感じさせる、JavaScript用のゲームエンジンがlov8だ。 lov8はJavaScriptで2Dゲームを作成、実行できるソフトウェアだ。JavaScriptのエンジンにはGoogle Chromeでも使われているv8エンジンが使われている。必要なファイル群をまとめてZipにし、拡張子をlov8としたものがゲームになる。 玉が階段を下っていくデモ オ
Web上でePubファイルを閲覧する·Bookworm MOONGIFT
BookwormはDjango/Python製のオープンソース・ソフトウェア。電子書籍の熱が高まっている。iPhoneやiPad、Kindleの他にもソニーリーダーや各社が電子書籍リーダーを出している。こうなると共通化したプラットフォームが必要になるだろう。 閲覧画面 ファイルの授受にSDカードを使うのはナンセンスだ（iPhoneにはリーダーがない）。使えそうなのがインターネットだろう。どこかのサイトにアップして、各リーダーにダウンロードする。その基盤とも言えるのがBookwormだ。 Bookwormはオライリーが進めているオープンソースのプロジェクトで、ePubファイルをアップロードして管理できる。Webブラウザ上で閲覧することも可能だ。すべての文書が完璧に読める訳ではないようだが、ePubファイルをアップロードして個々に確認してみるといいだろう。 プロジェクトトップページ Bookw
JavaScriptを使った縦書きライブラリ·竹取 JS MOONGIFT
竹取 JSはJavaScript製のオープンソース・ソフトウェア。Webの世界（というよりもコンピュータの世界）では横書きが標準になっている。ずっと見続けていると、いつの間にか違和感がなくなっているが日本語は基本的に縦書きだ。 横書き文章をJavaScriptで縦書きに ワードプロセッサなどでは縦書きモードもあるが、それをそのままWebに反映するのは難しい。長音記号やカギ括弧などそのまま縦向きにしても使えない文字もある。そうした点を網羅した縦書き表示ライブラリが竹取 JSだ。 竹取 JSの面白いのは標準の左から右に書かれる文章をJavaScriptを使って縦書きにしている点だ。さらにそれだけでなく、長い文章の場合はスクロールが出るのだが、標準の上から下のスクロールで読み進めることが出来る。 強調は傍点に！ ルビ表示にも対応し、さらに強調表示は傍点になる。下線は左側に表示されたり、リストや画
iPhone用のオープンソース電子書籍リーダー·EasyPublisher MOONGIFT
EasyPublisherはiPhone用のオープンソース・ソフトウェア。iPadの登場によって電子書籍の市場が大いに賑わってきている。コンテンツは豊富な日本ではあるが、ホルダーの保守的な考えをいかに変更できるかが成功の鍵を握っているだろう。 インデックス そして電子書籍の市場が成功するか否かは、コンテンツとともにビューワーが握っている。優良なコンテンツであっても、ビューワーが駄目ならばユーザは使ってくれないだろう。電子書籍ビューワーは幾つかあるが、オープンソースなものとしてEasyPublisherを紹介しよう。 EasyPublisherはシンプルなインタフェースの電子書籍ビューワーだ。コンテンツはテキストではなくPNG画像になっており、連番でファイル名をつけていく（課題としてPDF対応が挙げられている）。そしてはじめから読んだり、途中で終了した時に続きから読む機能がある。 メニュー
マルチプラットフォームに対応したゲーム開発プラットフォーム·Game Editor MOONGIFT
Game EditorはWindows/Linux用のオープンソース・ソフトウェア。iPhoneやAndroidを使って個人で稼ごうと思うならばゲームで攻めるべきだ。ユーティリティ系などで稼ぐのは難しいが、ゲームであればアイディアさえ良ければヒットする可能性がある。 覚えてしまえば使いこなせそう？ しかし素人が一からゲーム開発を行うというのは非常に難しい。iPhoneの開発環境であるXCodeを使ったとしても非常に困難だろう。そんなゲームを手軽に開発できるようにするのがGame Editorだ。 Game Editorはゲーム開発を目的としたIDEだ。キャラを配置し、ボタンにアクションを付けていけばゲームが出来る仕組みとなっている。キャラクターは8ビット風で、まるでファミコンのようなグラフィックスのゲームが作れるようになっている。 ゲーム画面 注目されるのはiPhone向けの開発もベータ対
HTML5で実現するファミコン風ゲーム·Akihabara MOONGIFT
AkihabaraはHTML5/JavaScript製オープンソース・ソフトウェア。HTML5が間もなくの仕様確定とあって、次々とその可能性を感じさせるソフトウェアが登場している。特にFlashに代わるような機能を実現させられるのは注目が高い。 パックマン風ゲーム Flashで使われるものとしては、バナー、ゲームそして動画だろう。動画についてはVideoタグがあり、バナーについてはGordonが取って代わるかも知れない。そしてゲームについてはAkihabaraに注目したい。 AkihabaraはHTML5/JavaScriptによるゲームエンジンだ。HTML5を使ったブラウザで動作するのがPCのブラウザではキーパッドが表示されないので上手く動作しない。iPhoneであれば画面の下にキーパッドが表示され、遊べるようになる。 テトリス 基本的な操作は十字キーとA/B/Cボタンだ。ゲームによって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
