ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プログラミング言語 - Coffeescriptの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/04/30

Mondrian - WebベースのリッチなSVGエディタ

Web上でドローをしようとした場合、取り得る選択肢はSVGかCanvasになります。Canvasは埋め込まれるコンテンツがバイナリになってしまいますが、SVGであればテキストベースなのが利点になるでしょう。そんなSVGコンテンツをWebベースで作成できるのがMondrianになります。## Mondrianの使い方デモ...

List

  • 2015/11/16

shaky box and lines CoffeeScript - shakyを使ってアスキーアートから手書き風ドローへ

きっちり正確なドローイングを描くライブラリを使うと、ついつい内容まで正確性を求めるようになってしまいます。プロトタイプやブレインストーミングレベルであればもっと粗雑に、ラフに書く方が都合が良かったりします。そんな訳で使ってみたいのがshaky box and lines CoffeeScriptです。アスキーアートレベ...

List

  • 2013/11/29

Stylo - 体験必須!Webアプリケーションデザインツール

デモがありますのでぜひ実際触ってみるべき!Webのオーサリングツールと言えば長らくDreamweaverが中心でした。それ以外になると一気に手打ちになってしまったりします。最近ではCSSフレームワークを用いることも多いので、それでもさして不便ではありません。とは言えWebアプリケーションのような複雑なUIを考えた場合、...

List

  • 2013/10/30

Cozic - YouTubeも使えるnode製のクラウドミュージックプレイヤー

CozicはCoffeeScript/node製のオープンソース・ソフトウェア(MIT License)です。音楽コンテンツはいつだって人気です。デスクトップ、スマートフォン、タブレット…どこでも音楽を楽しみたいと思うはずです。そこで紹介したいのがCozic、Webベースのミュージックサーバです。トップページです。音楽...

List

  • 2012/11/30

面白い!動画とスライドを同期させる「Presentz」

Presentzは動画とスライドを同期させて見せるオンラインプレゼンテーションソフトウェアです。勉強会などでスライドを使って説明をし、その様子を動画に撮影したとします。後日、その様子をオンラインで見せたいと思った時に使えるのがPresentzです。YouTubeとSlideshareの連動。ちゃんと動画の進行に合わせて...

List

  • 2012/11/20

変換してLuaのコードを生成するCoffeeScriptライクな言語「MoonScript」

MoonScriptはCoffeeScriptライクな記法でLuaのコードを生成するソフトウェアです。個人的にもCoffeeScriptは好きでよく使っています。そんなCoffeeScriptにインスパイアされて開発されたのがMoonScriptです。CoffeeScriptライクな記述をするとLuaに変換してくれます...

39534?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-05-11.35.44_thumb

  • 2012/06/16

Rails連携型Webアプリケーションフレームワーク「Joosy」

JoosyはRailsと連携するWebアプリケーションフレームワークです。Webアプリケーションを開発しようとした際にフロントエンドのフレームワークは多数ありますが、バックエンドはあまり用意されていません。しかしJoosyはRuby on Rails連携型であり、フロントエンド/バックエンドを効率的に開発できるWebア...

39041?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-23-11.43.22_thumb

  • 2012/06/02

試してみよう。Webベースのドローアプリケーション「Stylo」

StyloはWebベースのドローアプリケーションです。データの保存はできませんが、多機能です。ドローという技術は応用範囲がとても広いです。IllustratorやFireworks、さらにVisioなどもドローソフトウェアと言えます。そんなドローをWebベースで再現するソフトウェアがStyloです。四角を配置してみまし...

38757?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-14-22.15.37_thumb

  • 2012/05/24

CoffeeScriptで全てこなす。node.js製Webアプリケーションフレームワーク「Singool.js」

Singool.jsはnode.jsベースのWebアプリケーション向けフレームワークです。node.jsを使ってWebアプリケーションを作ってみたいと思う方はSingool.jsに注目です。ページ数少なめのシンプルなWebアプリケーション向けのフレームワークです。サンプルのTodoアプリです。タスクの詳細です。タスクの...

38466?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-04-9.52.21_thumb

  • 2012/05/15

みんなで協力してブロックを埋める「FitIt」

FitItは4人が協力してブロックを詰めるHTML5ゲームです。ゲームには幾つかの種類がありますが、Webブラウザを使ったものであればネットワークを介して協力し合うゲームに面白さを感じます。そこで紹介したいのがFitItです。ゲーム開始です。全部で4人(または4接続)が必要です。ブロック同士が重なっていると駄目です。後...

List

  • 2012/05/14

こんなやり方が…プラグインなしでWebブラウザ上でJavaを実行する「DoppioVM」

DoppioVMはCoffeeScriptで作られたJavaVMです。Webブラウザ上でJavaコードをコンパイルしたり実行できます。Webブラウザ上で実行できるJavaと言えばアプレットになりますがプラグインが嫌われる現在、あまり実行される機会も多くありません。そこでJavaScript上で動作するJavaVM、Do...

37697?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-09-10.50.35_thumb

  • 2012/04/19

これは便利。Google ChromeでCoffeeScriptを使う「CoffeeConsole」

CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsole...

List

  • 2012/03/13

オブジェクト同士の相互作用を描き出すCoffeeScript製物理エンジン「Coffee Physics」

Coffee PhysicsはCoffeeScript製の物理エンジンです。オブジェクトとマウスの相互作用を計算します。Coffee PhysicsはCoffeeScriptで作られた物理エンジンです。物理エンジンと言っても落下やジャンプではなく、オブジェクト同士の相互作用に長けているようです。マウスの動きを追従するボ...

31255?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f10%2fscreenshot2011-10-28-9.50.08_thumb

  • 2011/11/06

CoffeeScriptがWebの世界を制する?HTML/CSS/JavaScript生成「coffee-world」

coffee-worldはディレクトリを監視してCoffeeScriptからHTML/CSS/JavaScriptを生成するソフトウェアです。最近、JavaScriptを素のままで書くことが減ってきています。CoffeeScriptから変換した方がコーディング量も少なく、かつ可読性の高いコードが書けるようになってきまし...

31248?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f10%2fscreenshot2011-10-28-9.45.47_thumb

  • 2011/11/06

チュートリアル付き!iOS風ホーム画面をWebブラウザ上に再現「iOS-like Home Screen」

iOS-like Home ScreenはWebブラウザ上でiOSのホーム画面風デザインを再現しているソフトウェアです。優れたWebデザインを見ると心が躍ってしまいます。しかしどうやって作ったものか分からないくらい複雑だとただ見ているだけで終わってしまうでしょう。iOS-like Home Screenは違います。デザ...

27449?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-07-15.48.08_thumb

  • 2011/06/20

既存のコードをCoffeeScriptで書いたらどうなるか「Js2coffee」

Js2coffeeはJavaScriptファイルをCoffeeScriptへ変換するnode.js用ライブラリ。Js2coffeeはJavaScript/node.js製のオープンソース・ソフトウェア。ここ数ヶ月で注目を集めているのがCoffeeScriptだ。JavaScriptの癖のある書き方をせず、オブジェクト指...

27325?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-01-21.45.46_thumb

  • 2011/06/14

Coffeescriptではじめるスマートフォンアプリ開発「Titanium Coffeescript Hello」

Titanium Coffeescript HelloはCofeescriptをTitanium用JavaScriptに変換するデモアプリ。Titanium Coffeescript HelloはCoffeescript製のフリーウェア(ソースコードは公開されている)。JavaScriptは今ではWebブラウザ、iOS...