記事 での「CoffeeScript」の検索結果 13件
HTMLコードテキストをブログ用テキストに変換するWebアプリを作ってみました
昨日のSo-netブログでHTMLコードをそのまま書き込めないので、<と>と&を一つ一つ手動で変換していることを書きましたが、とても面倒なので自動で変換するように簡単なWebアプリ..
タグ: webアプリ So-netブログ HTML JavaScript CoffeeScript
フォントビューアWebアプリを制作(その11)
(その10)までに以下のようなUI仕様の1.、3.ができました。
1. グリフ一覧のあるグリフをユーザがクリックする
2. クリックされたグリフは選択状態にする
3. クリックされたグリフか..
タグ: webアプリ JavaScript CoffeeScript
フォントビューアWebアプリを制作(その10)
グリフ一覧のグリフをクリックしたら、そのグリフを右側に拡大表示するUIを実現したいと思います。
以下のようなUIの仕様で設計して行きます。
1. グリフ一覧のあるグリフをユーザがクリックする
2..
タグ: webアプリ JavaScript CoffeeScript
フォントビューアWebアプリを制作(その8)
(その7)では、グリフ一覧の各列をfor文で表示できることが分かったので、
次はいよいよU+0020〜U+007Fまでのグリフを表示するようにしたいと思います。
各行を範囲2〜7にして変数colに..
タグ: jQuery CoffeeScript JavaScript webアプリ
フォントビューアWebアプリを制作(その7)
では、script.coffeeを作成します。
index.htmlをダウンロード完了直後にグリフ一覧を作成させたいので、
以下のようにします。
$ ->
displayGlyp..
タグ: webアプリ JavaScript CoffeeScript jQuery
フォントビューアWebアプリを制作(その6)
(その5)では、グリフ一覧は直接HTMLファイルにグリフを一つ一つ入力しました。
<section id="glyphs">
<table>
<tr..
タグ: webアプリ JavaScript CoffeeScript jQuery
JavaScriptで現在表示しているURLを取得するには
JavaScriptで現在ブラウザに表示しているURLを取得するには、window.location.pathnameで取得できます。
例(CoffeeScriptの場合):
pathna..
タグ: JavaScript CoffeeScript pathname 現在表示しているURL
フィンランドカレンダー表示Webアプリ
フィンランドカレンダーのWebアプリを、HTML5で制作中です。
スクリプトは、JavaScritを直接コーディングしないで、CoffeeScriptでコーディングしています。
プロトタイプは..
タグ: フィンランド フィンランドカレンダー CoffeeScript webアプリ
JavaScriptで文字列を、特定の文字列(セパレータ)で分割するには
JavaScriptで文字列を、特定の文字列(セパレータ)で分割するには、
.split()メソッドを使用する。
CoffeeScriptでの例:
line = "abc, ABC, 1..
タグ: split() JavaScript CoffeeScript
CoffeeScriptでは、関数を関数の引数として渡すことができる
CoffeeScriptでは、関数を関数の引数として渡すことができる。
例:
# test function
test = (message) ->
alert messag..
タグ: CoffeeScript
Node.jsをインストールせずにCoffeScriptを使う方法
CoffeeScriptは、Node.jsを使ってJavaScriptに変換(コンパイル)しますが、
レンタルサーバ等でNode.jsが使えない場合、coffee-script.jsをブラウザに読み..
タグ: Node.js coffee-script.js CoffeeScript
JavaScript (CoffeeScript) のDateクラスsetTime()の時間とUnix時間
JavascriptのDateのsetTime()に設定する時間単位は、ミリ秒(1/1000秒)なので、
Unix時間(秒単位)でsetTime()を使って設定するには、Unix時間を1000倍する..
タグ: JavaScript CoffeeScript date setTime() Unix時間