注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

タグ「ライセンス - MIT License」の公開予定記事

プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから

一般公開:2012/03/06
秘密のツイートもこれで安心。鍵を使った暗号化Twitterクライアント
一般公開:2012/03/05
今見ているコンテンツをそのままに編集
一般公開:2012/03/04
HTML5でゲームを作ろう。アクションゲームに向いたフレームワーク
一般公開:2012/03/02
node.jsを使ったコラボレーションプログラミングエディタ
一般公開:2012/03/01
ネイティブにDartをサポートするWebブラウザ

プレミアム登録する

タグ「ライセンス - MIT License」の記事一覧

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

Screenshot-2012-02-14-11.04.55_thumb

2012/02/23

JavaScriptのオブジェクト差分を取る「difflet」

インストールはnpmで行います。 テキストのみ。 こちらが結果。異なる部分のみ抽出されています。 さらに色々なデータを入れています。 こちらが結果。関数やバッファーもチェックできます。 結果をカスタマイズしてみます。 こちらが結果。差分結果をHTMLタグで表示しています。classにgやaが...

Screenshot-2012-02-13-15.01.50_thumb

2012/02/22

HTML5/スマートフォン対応のWordPressテーマ「Reverie」

WordPressでHTML5で最適化したブログを作りたい、スマートフォンにも対応させたいと思っている方はReverieをベースに考えると良さそうです。HTML5で作られた、すっきりとしたテーマになっています。 WordPressの管理画面でインストールします。 インストールしました。 テー...

Screenshot-2012-02-13-11.29.08_thumb

2012/02/21

粒子を使ったParticle表現を自在に操るFlashライブラリ「Flint Particles」

Particleというのは分子や粒子と言った意味で、細かい粒を意味します。それが元になって、火や雪など自然物の動きを再現する処理をParticleと呼びます。Flint ParticlesはFlashベースでParticle表現を実装するライブラリです。 パチンコのような感じで上からボールが...

Screenshot-2012-02-10-10.52.26_thumb

2012/02/21

手軽に電子書籍を作成できるコマンドツール「easybook」

電子書籍を作成するのは大変そうなイメージがありますが、easybookを使うとごく手軽に作成を進められます。書籍作成プロジェクトの作成から実際の電子書籍生成まで一通り面倒みてくれます。 とりあえず実行しました。幾つかのコマンドが用意されています。 まずは新規ブックを作成します。 作成しました...

3dsearch3_thumb1

2012/02/20

IE8以前に救済。HTML5のタグを利用可能に「html5shiv」

HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシ...

Screenshot-2012-02-10-10.36.15_thumb

2012/02/19

こんな手が!Faviconを使って通知数を表示する「Tinycon」

Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモで...

Screenshot-2012-02-10-10.23.07_thumb

2012/02/19

グループ決めに。ランダムにATNDイベント参加者をグループ化「ATND GROUPING」

イベントを行う際に、何人かでグループを作って話し合ってもらったりすることがあります。そんな時にどうグルーピングするか、自動で決めてくれるのがATND GROUPINGです。 トップページです。まずは適当なATNDのイベントIDを入れます。 後はグループ数を入れます。終わったらシャッフルボタン...

120209-0002_thumb

2012/02/18

滑らかに自然なページ送りができるJavaScriptライブラリ「turn.js」

turn.jsはリアルなページ送りができるWebベースのソフトウェアです。ハードウェアアクセラレーションを使い、滑らかに動きます。 四隅にマウスを持っていくと小さくカールします。ここをドラッグして引っ張ります。 ページをめくります。何となく海外のページの薄い雑誌をめくっているような感じです。...

Screenshot-2012-02-08-16.06.34_thumb

2012/02/17

Webアプリケーションを作るのに便利そうなコンポーネント群「UIKit」

最近、TwitterのBootstrapが人気ですが、同じようにWebアプリケーションをデザインする際に使えそうなコンポーネント群がUIKitです。 まずダイアログ系のコンポーネントです。 閉じるボタン付き。 グレーアウトしたダイアログ。 HTML埋め込みもできます。 カラーピッカーコンポー...

Screenshot-2012-02-06-13.58.01_thumb

2012/02/14

表現力の高さに驚き。HTML5/Canvasグラフライブラリ「Flotr2」

これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラ...

Screenshot-2012-02-06-14.13.24_thumb

2012/02/13

この発想はなかった。GIFアニメーションをCanvasで解析して自由に再生「jsgif」

GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを再生、リバース再生など自由に操作できるようにするJavaScriptがjsgifです。 ...

Screenshot-2012-02-02-13.52.47_thumb

2012/02/11

裸体カモン!ヌードを追い求める男子は実行すべし「nude.js」

裸が見たい!たくさんの画像の中からとにかく裸を見たい!と思う人はnude.jsを自動実行してみると幸せになれるかも知れません。 デモ画像です。もちろん裸ではありません。Scan Imageボタンを押します。 No nude判定です。当然です。 続いて二つの画像です。水着もありますが、やはりN...

Screenshot-2012-02-01-15.28.39_thumb

2012/02/11

再現性高し!Webベースのアナログシンセサイザー「WebSynth」

WebSynthはアナログなシンセサイザーをWebベースで再現したソフトウェアです。 すごい再現度の高いシンセサイザーです。 再生を押すと自動的にデモの音楽が流れます。後は色々スイッチをいじるのみです。 クリックしてドラッグでパラメータを変更できます。 デモ動画です。 WebSy...

Screenshot-2012-01-30-14.54.31_thumb

2012/02/08

コンソール好きにお勧め。node.js製のTodo管理「todo」

いつもコンソールを使っている方にお勧めしたいTodo管理ソフトウェアがtodoです。ターミナル上で動作する、シンプルなタスク管理ソフトウェアになります。 インストールです。npmでインストールできます。コマンドなので-gをつけます。 ヘルプです。シンプルな使い勝手です。 todoの後に単純に...

Screenshot-2012-01-27-14.58.47_thumb

2012/02/07

DjangoをOAuth/OAuth2/OpenID1.0、2.0に対応させる「django-socialregistration」

Djangoで各種Webサービスに対応した認証を実装したいと思ったならば試してほしいのがdjango-socialregistrationです。FacebookからOpenIDまで多数の認証を利用できます。 様々な認証システムが表示されています。 settingsに各サービスの認証キーを設定...

Screenshot-2012-01-25-12.25.37_thumb

2012/02/05

Tumblrのテーマをローカルでさくさく作り上げる「Fumblr」

Tumblrにはデザインをカスタマイズする機能がありますが、オンラインで行うには色々修正した後、確認して…という作業を繰り返す必要があります。そこでFumblrを使ってももっと効率的にTumblrのテーマを作成してみましょう。 インストールします。必要なライブラリはbundleでインストール...

Screenshot-2012-01-25-12.15.35_thumb

2012/02/04

TrueType/OpenTypeフォントを読み込んで描画「Font.js」

Web上での好きなフォントを使ってテキストを描画したい、そんなニーズに応えてくれるのがFont.jsです。Imageオブジェクトに似た、Fontオブジェクトとして作るのが特徴です。 最初の表示です。ボタンを押します。 こんな感じでフォントを埋め込んで使えます。 TrueTypeフォントを使っ...

Screenshot-2012-01-25-15.31.34_thumb

2012/02/04

DeNA製のゲーム開発フレームワーク「Arctic.js」

DeNAが公開したHTML5によるゲーム開発フレームワークがArctic.jsです。実際にゲームでも使われていますので、実践的なゲーム開発に向いていると言えそうです。 APIドキュメントとチュートリアルが同梱されています。 クラス定義の例です。 こちらは継承の例。 superも使えます。 A...

Screenshot-2012-01-24-19.05.17_thumb

2012/02/03

テキストエリアでタグのハイライトや自動補完「TAGMATE!」

TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。 #、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されて...

Screenshot-2012-01-24-14.49.23_thumb

2012/02/03

JavaScriptの開発、運用に。console出力をクライアントサイドで制御「andlog」

andlogを使うとJavaScriptのデバッグメッセージの出力をクライアントサイトで切り替えられるようになります。妙なメッセージを出してしまわぬよう、使ってみると良いでしょう。 console.logを実行します。何も出力されません。 debugを有効にします。あくまでもクライアント側で...

新規購読
新規購読

プレミアムでしか読めない記事が163あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る