タグ「プログラミング言語 - JavaScript」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/06/04
- JavaScriptオブジェクト用問い合わせ言語
- 一般公開：2012/06/02
- 試してみよう。Webベースのドローアプリケーション
- 一般公開：2012/06/02
- 面白い。回転させながら撮った写真をスムーズに閲覧
- 一般公開：2012/06/01
- 試そう。Webブラウザ上で3Dモデリング
- 一般公開：2012/06/01
- スムーズなアニメーションが格好いい、埋め込み型プレゼンテーション
タグ「プログラミング言語 - JavaScript」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2012/05/23
新しい試み。図形を描いて人とコンピュータを判別「MotionCAPTCHA」
CAPTCHAと言えば画像に書かれたぐにゃぐにゃな文字を書くというのが一般的です。しかしこれは非常に煩わしく、読みづらいものが多くストレスになります。そこで新しい手法が幾つも生み出されていますが、今回はMotionCAPTCHAを紹介します。 フォームです。下にあるのがMotionCAPTC...
2012/05/21
なんでまた…。ターミナルの中に画像を表示「picture-tube」
今年になってくらいからコンソールで無茶をするプロジェクトを多数見かけるようになってきました。何かに取り憑かれているのでしょうか。という訳で今回はターミナルで画像を表示するpicture-tubeを紹介します。 インストールします。npmで一発です。 実行しました。なんか…すごいです。 MOO...
2012/05/20
ブラウザゲームを作ろう。様々な種類に対応したJavaScriptゲームエンジン「The Render Engine」
ここ数年ゲームが人気です。特にWebブラウザやスマートフォンなどで遊べるものが注目を集めています。そこで知っておきたいのがThe Render Engineです。クロスプラットフォームで使えるデスクトップ向けJavaScriptゲームエンジンです。 オブジェクトが回転するデモです。 アステロ...
2012/05/20
便利！GitHub Wikiに検索機能を追加するGreasemonkey「Github Wiki Search」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,github ,MIT License ,検索 ,プレミアム
GitHubでソフトウェアを公開するケースが多くなっています。その中でドキュメントの記述にWikiを使っている方も多いでしょう。しかし記述された内容を検索するのに手間を感じていました。そこで使ってほしいのがGithub Wiki Searchです。 インストールします。 完了です。GitHu...
2012/05/19
JavaScript/CSSを使ってスクロールによるアニメーションを実現「skrollr」
最近プロジェクトやアプリ紹介ページで見られるようになったスクロールアニメーション。それを実現するライブラリがskrollrです。 デモです。スクロールを開始します！ 回転しながら飛んでくる文字！ 下から上がってくる文字！ 横からスライドも。 色が変わりました。それに合わせてテキスト色も変わっ...
2012/05/17
テストやモックアップに。ダミーのHTMLソースを生成する「Fixie」
Webデザインをしていたり、デザインやライブラリのデモサイトを作る際に必要になるのがダミーのコンテンツです。適当な文字でも良いですが、より本物らしいコンテンツを使ってみたいならばFixieを利用してみましょう。 それっぽいコンテンツが表示されているのが分かります。 実際のソースです。コンテン...
2012/05/16
Twitter製。LESSからCSSを生成「RECESS」
最近はCSSもそのままではなくLESSやSassを使って書くケースが増えてきました。そこで紹介したいのがRECESS、Twitter社の開発したLESSコンパイルツールです。 インストールします。npmでインストールできます。 解析処理です。 オプションです。 RECESSを使うとLESSか...
2012/05/16
ガントチャートからiTunes風表示まで。Dojoを使ったグリッドライブラリ「dgrid」
jQueryなどと並んで有名なJavaScriptライブラリのDojo。そんなDojoで使える高機能グリッドフレームワークがdgridです。 iTunes風の表示です。アルバムやアーティストを選択すると内容が変わります。 ガントチャート風表示です。タスク同士の関連性が表現できています。 サブ...
2012/05/15
Adobe製。Webデザイナー向けのコードエディター「Brackets」
Webベースのエディターソフトウェアは幾つか登場していますが、Adobe社が開発したのがBracketsです。BracketsはHTML/JavaScript/CSSを使っていますが、ネイティブのアプリケーションとして提供されています。 メイン画面です。左側にファイルブラウザ、右側がコード編...
2012/05/14
こんなやり方が…プラグインなしでWebブラウザ上でJavaを実行する「DoppioVM」
Webブラウザ上で実行できるJavaと言えばアプレットになりますがプラグインが嫌われる現在、あまり実行される機会も多くありません。そこでJavaScript上で動作するJavaVM、DoppioVMが開発されました。 Webブラウザ上にコンソールが表示されています。 javacもあります。 ...
2012/05/13
マウスを動かすと影が動く、そんなちょっとしたアニメーション「Real Shadow」
マウスを追従する仕組みは目を引きやすいです。そんな仕組みの一つとしてReal Shadowを紹介します。マウスを動かすと影が動く仕組みです。 多数のオブジェクトが並び、その影が描かれています。ライトはマウスがある場所になります。 マウスを動かせば影もリアルタイムに動きます。 Real Sha...
2012/05/12
Titanium SDKのバージョンをCUIで管理「tsm」
JavaScriptを使ってiOS/Androidアプリが開発できるTitanium。利用者も多いとは思いますが、SDKの更新頻度が早く追従しきれない人も多いのではないでしょうか。そんな方に使ってみてほしいのがtsmです。 インストールしました。npmコマンドで簡単にインストールできます。 ...
2012/05/11
お手軽。オンラインで線画を描く「scri.ch」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,PHP ,MIT License ,ドロー ,プレミアム
Webブラウザ上でイラストを書いたりするサービスは多数ありますが、それをもっとシンプルにしたサービスがscri.chです。マウスで自由に線を描いて共有できます。 最初の表示です。真っ白で何もないかのようです。 マウスでドラッグすると線が描かれます。そうするとSave/Newボタンも表示されま...
2012/05/10
JavaScriptで処理を同期的に行いたいと考えている人向け「JSDeferred」
JavaScriptの魅力は非同期処理にあると思いますが、これまでのコーディングスタイルと異なるのでやりづらいと感じる人も多いのではないでしょうか。そこでJavaScriptで同期処理的な実行を可能にするライブラリJSDeferredを使ってみましょう。 サンプルコードです。wait(3)で...
2012/05/09
スクロールによってリストの表示をダイナミックに変化させる「stroll.js」
WebページはJavaScriptによってどんどんダイナミックに変化させられるようになっています。そこにさらにCSS3を組み合わせることでスクロール時のイフェクトをこんなにダイナミックにできます。それを実現するのがstroll.jsです。 例です。スクロールさせるとリスト部の描画が滑らかに変...
2012/05/08
暗号化した上で保存するクラウドストレージ「SafeWith.me」
クラウドストレージを使ってみたいと思いつつもデータがベンダーにロックされてしまったりセキュリティ上問題があると感じている方はSafeWith.meを使ってみると良いでしょう。HTML5を使って暗号化した上でファイルを保存してくれます。 まずGoogle Chrome機能拡張をインストールしま...
2012/05/06
CSVやJSONデータを管理、ビジュアル化「Miso Dataset」
データのビジュアル化（グラフ化）をする際に書かせないのが元データです。DBに入っていたり、XMLだったりと形式は色々考えられますが敢えてCSVを使ってグラフを描くのがMiso Datasetです。 デモです。CSVデータをグラフにプロットしています。 データはこのようなCSVです。 コード部...
アンケート