タグ「プログラミング言語 - JavaScript」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/02/19
- こんな手が！Faviconを使って通知数を表示する
- 一般公開：2012/02/18
- Web上のテキスト修正をトラッキング
- 一般公開：2012/02/18
- 滑らかに自然なページ送りができるJavaScriptライブラリ
- 一般公開：2012/02/17
- Webアプリケーションを作るのに便利そうなコンポーネント群
- 一般公開：2012/02/15
- Webプログラマ必見。HTML5のセキュリティチートシート
タグ「プログラミング言語 - JavaScript」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
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を有効にします。あくまでもクライアント側で...
2012/02/02
Webブラウザアイコンを作った神経衰弱「Browser Memory」
Webブラウザのアイコンを使って作られた神経衰弱パズルがBrowser Memoryです。 3x4のHTML5のパネルが表示されています。適当にクリックします。 NyanCatが出ました。 見事当たりました。 この調子でどんどんいきます。 後もう少し。 全て見つけました！ 二回目もMove1...
2012/01/28
大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク「AngularJS」
Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。 まずごくシンプルなデモから。 クリックでビュ...
2012/01/27
Google Chrome上でDeliciousのコメントやブックマーク数を素早くチェック「Delicious Bookmark Count」
日本ではソーシャルブックマークと言えばはてなブックマークがよく使われていますが、同様に世界で言えばDeliciousの存在は見逃せません。そこで任意のサイトにおけるDelicious上につけられたコメントを確認できるGoogle機能拡張がDelicious Bookmark Countです。...
2012/01/27
HTML/JavaScriptだけで再現されたRadiooooクローン「nise-radioooo」
あなたがDJ、みんながリスナー。そんなコンセプトが魅力だったサービスがRadiooooです。現在は開発されていないようですが、類似のサービスを実現するソフトウェアとしてnise-radiooooを紹介します。 自動的に演奏が開始されます。リクエストされているのがアニメ系ばかりだったりして…。...
2012/01/25
appMobi社製。チェック必須のスマートフォン向けjQuery「jQ.Mobi」
jQ.MobiはappMobi社の開発したHTML5をターゲットとしたスマートフォン向けJavaScriptフレームワークです。 黒を基調にした格好いいUIです。 jQueryをリライトして作られておりAPIは似ています。 フォーム系も格好いいです。 プラグインにも対応しています。 セレクタ...
2012/01/23
範囲を指定して切り抜き。jQuery製の画像クロップライブラリ「Jcrop」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,MIT License ,jQuery ,プレミアム ,画像
写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。 はい、まずは普通の表示です。マウスで範囲指定します。 こんな感じで範囲指定できます。一度指定した後、マウスで微調整もできます。 正方形に限らず形を決め...
2012/01/22
pure Rubyで実装されたJavaScript実行環境「Twostroke」
Twostrokeはpure Rubyで実装されたJavaScript環境です。Ruby、JavaScriptともに愛する方はぜひ見てください。 インストールです。Rubygemsを使って簡単にできます。 一通りJavaScriptの評価ができます。無名関数を作ったりもできます。 Objec...
2012/01/22
node.js+Canvasを使ってみんなでお絵描き「Paintogether」
Paintogetherはみんなでお絵描きチャットできるWebアプリケーションです。Canvasタグを使って描画して、データの同期にはnode.jsのsocket.ioを使っています。 ここで絵を描きます。 例えばこんな感じです。なお筆者環境ではなぜか同期処理が失敗しました… soc...
2012/01/21
跡※王国？人体解剖3Dビューワー「open 3D viewer」
デモの牛さんです。はぁはぁ… おっと、一気に透けてしまいました。 血管と脳だけです。マウスを動かすとぐりぐり回転できます。 脳と目だけにしてみました。 脳、内蔵、骨、皮膚ごとに透明度が設定できます。 スケスケだぜ！！ あらやだ。 ズームイン、ズームアウトも自由にできます。 モデルの作成はなか...
アンケート