タグ「プログラミング言語 - JavaScript」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/03/05
- 今見ているコンテンツをそのままに編集
- 一般公開：2012/03/05
- Clear風のUI、操作を実現するスマートフォン向けWebアプリ...
- 一般公開：2012/03/04
- HTML5でゲームを作ろう。アクションゲームに向いたフレームワーク
- 一般公開：2012/03/02
- node.jsを使ったコラボレーションプログラミングエディタ
- 一般公開：2012/02/25
- 結構難しいぞ。Z軸を備えた3Dテトリス
タグ「プログラミング言語 - JavaScript」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2012/02/23
HTML5の中でも使える、使わない方が良い機能を学ぶ「HTML5 Please」
HTML5が登場してしばし経ちましたが、それでも積極的に使っていくのを躊躇している人も多いのではないでしょうか。そこでHTML5の中でもどの機能を使っていくべきか、または避けるべきかを教えてくれるのがHTML5 Pleaseです。 トップページです。HTML5対応Webブラウザで見てみましょ...
2012/02/23
JavaScriptのオブジェクト差分を取る「difflet」
インストールはnpmで行います。 テキストのみ。 こちらが結果。異なる部分のみ抽出されています。 さらに色々なデータを入れています。 こちらが結果。関数やバッファーもチェックできます。 結果をカスタマイズしてみます。 こちらが結果。差分結果をHTMLタグで表示しています。classにgやaが...
2012/02/23
ニホンノアニメサイコー「Kanade」
日本のアニメは海外でも人気の高いコンテンツの一つです。そんな日本でのアニメ放送に関する情報をiPadやiPhoneでもすぐに確認できるようにしたのがKanadeです。 まずはデスクトップ、iPad向け。右側にシーズンの一覧が出ています。 シーズンを選ぶとその季節に放映されたアニメが一覧で表示...
2012/02/19
こんな手が！Faviconを使って通知数を表示する「Tinycon」
Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモで...
2012/02/18
滑らかに自然なページ送りができるJavaScriptライブラリ「turn.js」
turn.jsはリアルなページ送りができる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/14
表現力の高さに驚き。HTML5/Canvasグラフライブラリ「Flotr2」
これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラ...
2012/02/13
この発想はなかった。GIFアニメーションをCanvasで解析して自由に再生「jsgif」
GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを再生、リバース再生など自由に操作できるようにするJavaScriptがjsgifです。 ...
2012/02/11
Web上でZipファイルの読み書き「zip.js」
Web上でZipファイルを作成したり、内容を読み込んだりするのに使えるのがzip.jsです。ファイルの送受信で使えそうです。 メイン画面です。まずファイルをアップロードします。 ファイルを追加しました。自動でアップロードが開始します。 4つファイルを登録しました。ダウンロードボタンを押すとZ...
2012/02/11
裸体カモン！ヌードを追い求める男子は実行すべし「nude.js」
裸が見たい！たくさんの画像の中からとにかく裸を見たい！と思う人はnude.jsを自動実行してみると幸せになれるかも知れません。 デモ画像です。もちろん裸ではありません。Scan Imageボタンを押します。 No nude判定です。当然です。 続いて二つの画像です。水着もありますが、やはりN...
2012/02/09
試すべし。懐かしのコマンド&コンカーをHTML5で復活「Command and Conquer」
コマンド&コンカーというゲームがある。日本ではあまり流行らなかったようだが、海外では絶大な人気があるリアルタイムストラテジーゲームだ。90年代のゲームらしいが、HTML5の力で復帰した、それがCommand and Conquerだ。 ゲーム開始。左上の枠がゲーム画面だ。 時機の戦車で領土を...
2012/02/08
コンソール好きにお勧め。node.js製のTodo管理「todo」
いつもコンソールを使っている方にお勧めしたいTodo管理ソフトウェアがtodoです。ターミナル上で動作する、シンプルなタスク管理ソフトウェアになります。 インストールです。npmでインストールできます。コマンドなので-gをつけます。 ヘルプです。シンプルな使い勝手です。 todoの後に単純に...
2012/02/08
HP製のJavaScriptフレームワーク「Enyo」
EnyoはHPがwebOSのオープンソース化ロードマップとともに発表されたHTML5のWebアプリケーションフレームワークになります。特にスマートフォンに適したオブジェクト指向のフレームワークになります。 サンプルです。左側がコード、右側がその実行結果です。 ボタンを押すとテキストが追加され...
2012/02/05
サイドバイサイド/インライン表示に対応したJavaScriptテキスト差分表示ライブラリ「jsdifflib」
テキストを扱うWebアプリケーションで便利そうなライブラリがjsdifflibです。JavaScriptを使って二つのテキストの差分を表示してくれます。 デモです。二つのテキストエリアにテキストを入力しました。 Diffボタンを押すと差分が表示されます。サイドバイサイドのビューです。 行の内...
2012/02/04
TrueType/OpenTypeフォントを読み込んで描画「Font.js」
Web上での好きなフォントを使ってテキストを描画したい、そんなニーズに応えてくれるのがFont.jsです。Imageオブジェクトに似た、Fontオブジェクトとして作るのが特徴です。 最初の表示です。ボタンを押します。 こんな感じでフォントを埋め込んで使えます。 TrueTypeフォントを使っ...
2012/02/04
DeNA製のゲーム開発フレームワーク「Arctic.js」
DeNAが公開したHTML5によるゲーム開発フレームワークがArctic.jsです。実際にゲームでも使われていますので、実践的なゲーム開発に向いていると言えそうです。 APIドキュメントとチュートリアルが同梱されています。 クラス定義の例です。 こちらは継承の例。 superも使えます。 A...
2012/02/03
テキストエリアでタグのハイライトや自動補完「TAGMATE!」
TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。 #、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されて...
2012/02/03
JavaScriptの開発、運用に。console出力をクライアントサイドで制御「andlog」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,github ,MIT License ,開発 ,プレミアム
andlogを使うとJavaScriptのデバッグメッセージの出力をクライアントサイトで切り替えられるようになります。妙なメッセージを出してしまわぬよう、使ってみると良いでしょう。 console.logを実行します。何も出力されません。 debugを有効にします。あくまでもクライアント側で...
アンケート