カテゴリ「オープンソース」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/03/06
- 秘密のツイートもこれで安心。鍵を使った暗号化Twitter...
- 一般公開：2012/03/05
- 今見ているコンテンツをそのままに編集
- 一般公開：2012/03/04
- HTML5でゲームを作ろう。アクションゲームに向いたフレー...
- 一般公開：2012/03/03
- すごい！写真を重ね合わせて立体モデルを生成
- 一般公開：2012/03/03
- トレンドマイクロ製。マルウェア/スパイウェアの捜索用PCレ...
カテゴリ「オープンソース」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2012/02/23
JavaScriptのオブジェクト差分を取る「difflet」
インストールはnpmで行います。 テキストのみ。 こちらが結果。異なる部分のみ抽出されています。 さらに色々なデータを入れています。 こちらが結果。関数やバッファーもチェックできます。 結果をカスタマイズしてみます。 こちらが結果。差分結果をHTMLタグで表示しています。classにgやaが...
2012/02/20
IE8以前に救済。HTML5のタグを利用可能に「html5shiv」
HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシ...
2012/02/19
こんな手が！Faviconを使って通知数を表示する「Tinycon」
Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモで...
2012/02/19
グループ決めに。ランダムにATNDイベント参加者をグループ化「ATND GROUPING」
イベントを行う際に、何人かでグループを作って話し合ってもらったりすることがあります。そんな時にどうグルーピングするか、自動で決めてくれるのがATND GROUPINGです。 トップページです。まずは適当なATNDのイベントIDを入れます。 後はグループ数を入れます。終わったらシャッフルボタン...
2012/02/18
滑らかに自然なページ送りができるJavaScriptライブラリ「turn.js」
turn.jsはリアルなページ送りができるWebベースのソフトウェアです。ハードウェアアクセラレーションを使い、滑らかに動きます。 四隅にマウスを持っていくと小さくカールします。ここをドラッグして引っ張ります。 ページをめくります。何となく海外のページの薄い雑誌をめくっているような感じです。...
2012/02/17
自炊した電子書籍を読むのに使えるWebベースのZipリーダー「Mark It Now!」
Mark It Now!はWebブラウザ上で動作するZipリーダーです。Zipで作成された電子書籍をWebブラウザで読み進めるのを目的としています。 最初にログインをします。 本当はここで書籍の一覧が出るはず…。でも登録方法などが分からず挫折しました。 デモ動画です。きちんとセットアップする...
2012/02/17
Webアプリケーションを作るのに便利そうなコンポーネント群「UIKit」
最近、TwitterのBootstrapが人気ですが、同じようにWebアプリケーションをデザインする際に使えそうなコンポーネント群がUIKitです。 まずダイアログ系のコンポーネントです。 閉じるボタン付き。 グレーアウトしたダイアログ。 HTML埋め込みもできます。 カラーピッカーコンポー...
2012/02/15
Webプログラマ必見。HTML5のセキュリティチートシート「HTML5 Security Cheatsheet」
HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象にな...
2012/02/15
Apache Clickを使ってWebアプリケーションを組むなら知っておきたい「Click JQuery」
Click JQueryはApache ClickとjQueryを連携された場合のデモソフトウェアです。実際にApache Clickを使っていく上でのテクニックとして知っておくと便利そうです。 デモサイトです。様々なコンポーネントを試せます。 スライド系のデモです。 カレンダー連携です。 ...
2012/02/14
表現力の高さに驚き。HTML5/Canvasグラフライブラリ「Flotr2」
これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラ...
2012/02/13
この発想はなかった。GIFアニメーションをCanvasで解析して自由に再生「jsgif」
GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを再生、リバース再生など自由に操作できるようにするJavaScriptがjsgifです。 ...
2012/02/13
PCやスマホがなくてもこれがあればツイートできる（ただしモールス信号）「tworsekey」
インターネットはあるけれどパソコンもスマートフォンもない。そんな時でもTwitterをやりたいという方で、モールス信号が打てる方はtworsekeyを用意しておくと幸せになれるかも知れません。tworsekeyを使うとモールス信号のデバイスを使って、ツイートができます。 装置の全体像です。 ...
アンケート