タグ「プログラミング言語 - 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/25
２ちゃんねるまとめを作れるキュレーションシステム「2chまとめったー」
日々膨大なコミュニケーションが発生する２ちゃんねる。そんな２ちゃんねるのまとめブログは人気のあるコンテンツです。そんなまとめを作るのに適したWebアプリケーションが2chまとめったーです。 トップページです。 特定のスレッドURLを読み込みます。 レスをダブルクリックすると右側に移ります。 ...
2012/05/24
CoffeeScriptで全てこなす。node.js製Webアプリケーションフレームワーク「Singool.js」
node.jsを使ってWebアプリケーションを作ってみたいと思う方はSingool.jsに注目です。ページ数少なめのシンプルなWebアプリケーション向けのフレームワークです。 サンプルのTodoアプリです。 タスクの詳細です。 タスクの編集画面です。 Singool.jsはジェネレータを備え...
2012/05/24
何と！JavaScriptにマニュアルのメモリ管理機能を実装する「*JS」
JavaScriptがどうも手になじまない…そう感じているコンパイル系言語を得意とする方に試してもらいたいのが*JSです。JavaScriptにC言語に似た特性を追加するJavaScriptライブラリです。 変数の型を指定できます。異なる型にキャストしようとするとエラーになります。 データ型...
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です。 例です。スクロールさせるとリスト部の描画が滑らかに変...
アンケート