App Showcase with Grid Overlay
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
星をクリックしたら表示を変更して[input type="hidden"]の値を設定できるサンプルです。 もうちょっと簡単に書けないかなぁ・・・ $(function() { //画像を置く場所がないのでテキストで代用しています。 // var star00 = '<img src="/staticfiles/image/star0.gif" alt="" width="24" height="24"/>'; var star00 = '☆'; // var star01 = '<img src="/staticfiles/image/star1.gif" alt="" width="24" height="24"/>'; var star01 = '★'; $("#wstar1").html(star01); $("#wstar2").html(star00); $("#wstar3")
はじめに HTML を動的に変更する方法は、主に DOM を使ってお行儀良く行う方法と、div 要素などの innerHTML 属性に HTML を「突っ込む」方法の二通りがあります。この資料では DOM を使って動的に HTML 要素をドキュメントに追加する例を示します。 パフォーマンスに関して ちなみに、私は実際にテストしていませんが現在の主要なブラウザではパフォーマンス上には大きな違いがないか innerHTML による要素の変更が良い結果を出しているようです. (DOM api vs innerHTML などでググってみてください) それならば、innerHTML の方が明らかに簡単ですから、あまり DOM を操作しようと思わないかもしれませんが、この資料はあえて DOM API を使ってみています。 持ち駒は多いほうが良いですから。 実行例 この例では UL 要素 (リスト) の
2013年3月4日、ブログは以下のURLに移行しました。最新の記事はこちらで公開しています。 新しいブログでは、コメントやリンクが一部切れていたり、一部機能が調整中です。 新しいブログへ イベントハンドラとは、イベントが発生したときに実行する処理を指定できるキーワードのことです。 イベントとは、「クリックしたとき」とか「ページが読み込まれたとき」、「マウスが乗ったとき」など、ユーザーからウェブページに対して、または何らかの処理によって起こされるアクションのことを言います。 「ページが読み込まれたとき」はこう書きます(func00()がJavaScript中に定義されているものとする)。 <body onload="func00()"> しかし今では以下のようにJavaScript中に書くのが主流になっています。 window.onload = function(){ 処理 } こういう書き
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
これ行ってきました。 Web先端技術味見部#4 (仮テーマはJSX!) : ATND JSXなにそれ JavaScriptっぽい新言語。本日DeNAが発表。 JavaScript風の記述 って言ってたけどそうでもないと思った。ActionScriptに近い? 静的型付け →高速 クラスベース →高速 JavaScriptに変換しても →高速 玄人が書いたJavaScript並 クライアントサイドでもサーバーサイドでも動く というかJavaScriptが動く環境なら動く JavaScriptを置き換えるのが目標 リンク DeNA開発、高速なJavascriptコードを生成できる新言語「jsx」への反応まとめ – Togetter JSX – a faster, safer, easier alternative to JavaScript 公式サイト JSX – Statically-typ
まだまったくもってメモレベル。方針とか気づいたこととかごちゃ混ぜ。 jQuery前提とりあえず jQuery 前提で。宗教戦争には興味なし。小さく十分なことができ情報が豊富、と三拍子揃ったライブラリはそれほどない。 アプリケーションを書きたいプログラマは自分の好きなものを選べばよい。 JavaScriptの記述位置JavaScript(以下、JSと略記) 外部ファイルに書く基本的には HTML の </body> の上で読むこうやって書く 1, 2 は比較的簡単に説明できるが 3 は面倒なので端折る。突っ込んでくる人がいてもその人の理解のレベルを見て判断する。 JSの記述位置と実行タイミング理解する気と力のある人には説明する。 基本的に JS は書いた位置でそのまま実行されるfunction で囲めば呼び出されたタイミングで実行されるjQuery( function($) {} ); で囲
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming). Patterns collected while developing 喜感网. General Patterns Function Declarations - creating anonymous functions and assigning t
って使えないんですね。 var array = []; array["a"] = "string a"; array["b"] = "string b"; console.log(array.length); 見事に0が返ってきます。意味が分かりません。 まぁ今作ってるものにはlengthプロパティ使うつもりないし、全走査するときもfor in使えるからいいや!と思っていたのですが、socket.io経由で上のarrayという名の連想配列をサーバ->クライアントに渡したら空の配列しか取り出せませんでした。 結局設計者の意図を読んで、それに合わせた使い方しないといけないのかな。 参考:http://d.hatena.ne.jp/amachang/20070202/1170386546
JavaScriptを書く時に気をつけていることをいくつか。 この記事はJavaScript Advent Calendar 2011 (オレ標準コース)の15日目担当の@tksnがが書かせていただきました。 前日は@egtraさんのJScript 5.8をJScript 5.8モードで動かすでした。 スコープ スコープを適切に使うことを心がける。スコープを無視した変数はローカル変数より遅い。 リテラル値とローカル変数 リテラル値とローカル変数が最速。この2つを積極的に使う。配列やオブジェクトも2回以上使う場合はローカル変数に入れる、そのほうが速い。 フロー制御 if文かswitch文か配列参照か。少数の値、もしくは範囲ならif文。3〜10個の値を見るならswitch文。それ以上の場合なら配列参照を使う。 ループ できるだけ反復子をゼロと比較するようにする。非ゼロとの比較より速い。 テス
jQuery Timelinr [ad#ad-2] Timelinrのデモ Timelinrの実装 Timelinrのデモ デモでは、水平レイアウト、垂直レイアウト、オートプレイの3種類があります。 スライドのアニメーションもかっこいいですが、パネル表示時のズームもいいですね。 デモ:オートプレイ [ad#ad-2] Timelinrの実装 HTML 時間とパネルをそれぞれリスト要素で実装し、divで内包します。 「#timele, #dates, #issues」はデフォルトの設定です。 <div id="timeline"> <ul id="dates"> <li><a href="#">date1</a></li> <li><a href="#">date2</a></li> </ul> <ul id="issues"> <li id="date1"> <p>Lorem ipsum.
JavaScriptでよく使われるコード片に即時関数というものがあります。無名関数を宣言して即実行することで、ブロックスコープの存在しないJavaScriptにおいて擬似的にブロックスコープを再現します。 var a = "global"; (function(){ var a = "local"; alert(a); //local })(); alert(a); //global 一番有名なのはこの(function(){ ... })()の形式なのですが、なぜfunctionの外側にカッコが必要なのか不思議に思ったことはないでしょうか? ためしにfunction(){ ... }()と書いてみると、Syntax Errorが発生します。 なぜfunction(){ ... }()はSyntax Errorなのか JavaScriptにはfunction文とfunction式があって、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く