アナログ時計を作ってみよう！
作成するアナログ時計 さて、最終回の今回はこれまで学んできたCanvasのテクニックを応用して、アナログ時計のjsライブラリを作ってみましょう。図1に完成図を示します。 まず時計の文字盤を画像ファイルとして用意し、それをCanvasに組み込み表示させます。そして、短針、長針、秒針を、Canvasの直線を使って表現します。これら一連の処理をsetIntervalを使って1秒おきに描画しなおします。 ここで解説するjsライブラリは、どのページにも問題なく簡単に組み込めるように作成します。Canvasのテクニックだけではなく、jsライブラリ作成のポイントも一緒に学んでいきましょう。 変数名の重複に注意 JavaScriptは、jsファイルとして機能ごとに分離することができます。しかし、ファイルを分離したからといって、グローバル変数や関数がそれぞれのjsファイル内に隠ぺいされているわけではありませ
JavaScriptでsleep
薀蓄 JavaScriptにsleep処理ができないか，その手の質問を良く見かけます。JavaScriptだけで所謂sleep処理はできないのですが，ビジーリードを用いるかJavaScript以外の仕組みを用いれば実現できなくはありません。但し，同期処理や非同期処理，タイマやインターバルを使えば大抵の場合実際に実現したい機能は実装できるはずで，sleep機能を使いたいと思った場合には，先にそちらを検討されることをお勧めします。 サンプル ソース #! /usr/local/bin/perl use CGI; my $cgi = new CGI(); my $wait = $cgi->param('wait'); $wait =~ s/\D+//g; $wait /= 1000; $wait = 10 if ($wait > 10); sleep($wait); print "Content
JavaScript - MDC
JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr
JavaScript文字列処理は"+="が十分高速、Safariもベター | エンタープライズ | マイコミジャーナル
1秒でも早く動く快適なWebアプリケーションを開発することはフロントエンドプログラマやWebデベロッパが常に追い求めるところだが、SitePenにおいてTom Trenka氏による興味深い分析結果"String Performance: an Analysis"が公開されたので紹介しておきたい。同氏のドキュメントはテクニック的に参考になるものだ。 文字列処理はパフォーマンスを左右する重要な要素のひとつだ。Javaなどよく使われるプログラミング言語では文字列は変更不可能なオブジェクトとして扱われる。変更不可能にすることで文字列の重複を防ぎ、不要なデータのコピーを避けることで処理速度の向上が実現できるからだ。そのかわり文字列を編集する場合には、変更後の文字列を新しく生成するという手段をとる。このため文字列の編集という操作は新しく文字列を生成する操作と等価であるため、コストが高い処理になる。 そ
よくある「コード入力で名称表示」部品をdojoで作ってみる
dojoはすでにRelease Versionが1.1となっていて、昨年から今までにかけて、かなりのスピードで進化している。昔のVersion 0.4.3と比較すると、コンポーネントの作り方などに大きな変更が入っていたりする。本職でdojoを使う機会も多いので、ここでは代表的なカスタムコンポーネントの作り方を紹介してみよう。 代表例とは「コード入力とその名称の表示」部品。商品コードを入力すると、その脇に商品名が自動的に表示される、というものだ。 ちなみに、dojoは以下のサイトから1.1を入手する。 http://dojotoolkit.org/downloads 入手後、Webサイトの任意のコンテキスト内に配置する。多くの場合、jsとかjavascriptsとか、JavaScriptコードのファイルを配置する専用のディレクトリを作成する。今回は、以下のようなレイアウトとしてみる。 +–
JavaScript ガイド - JavaScript | MDN
この JavaScript ガイドでは、JavaScript の使い方を紹介し、この言語の概要を説明します。言語機能についてもっと知りたい場合は、JavaScript リファレンスを参照してください。 このガイドは、いくつかの章に分かれています。
MOONGIFT: » JavaScriptベースのスーパーマリオ「The Javascript Mario Experiment」:オープンソースを毎日紹介
スーパーマリオは日本よりも海外の方が愛好家が多いのかも知れない。あれほど単純で、ごくわずかな容量に収まった魅力的なゲームはないだろう。各種ゲームでマリオというキャラクターは動いているが、スーパーマリオブラザーズほどの傑作はそうそうお目にかかれない。 画面は乱れてしまっているが、確かにマリオだ そんなスーパーマリオを何と、ブラウザ上で動作させてしまうのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはThe Javascript Mario Experiment、JavaScriptで作られたスーパーマリオだ。 キャラクターが乱れるのはFirefoxのせいだろうか。筆者環境ではIE6が残念ながらないので、はっきりとは言えないが、IE7やSafariでもやはりキャラクターが乱れてしまった。ただ、動作はする。 右下にいるのが恐らくクリボー 十字キーのみの操作でジャンプ、移動が可能
米Yahoo!、デザイン性の高いJavaScriptライブラリ「YUI 2.5.0」リリース：CodeZine
米Yahoo!は20日、「YUI 2.5.0」（Yahoo! User Interface）をリリースした。SourceForgeのYUIページよりダウンロードすることができる。YUIは見た目の美しさと機能性が人気のJavaScriptライブラリ。 今回のアップデートでは、「Layout Manager」「FlashとJavaScriptを組み合わせたUploader」など、6つの新しいコンポーネントが追加された。他にも「DataTable Control」など既存機能も改良されている。 このうち「DataTable Control」はYUIの中でも最も人気のあるコントロールだが、埋め込みタイプの横スクロールバー、ヘッダーにあわせた縦スクロールバーといった機能が追加された。カラムのカスタマイズ性も向上しており、ドラッグ＆ドロップ、表示・非表示、並べ替えなどが行える。 新機能のアップロー
Afrous - Ajax-powered mash up engine for the rest of us : Top
Captcha security check afrous.com is for sale Please prove you're not a robot View Price Processing
JavaScriptのパフォーマンスの課題
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
MOONGIFT: » JavaScriptデバッグプロキシ「Jackal」:オープンソースを毎日紹介
JavaScriptのデバッグ環境としては、FirefoxであればFirebugで問題ないだろう。だが、他のブラウザの場合はどうだろう。各ブラウザごとにデバッグ環境を作るのは非常に労力がかかるだろう。 そこで試してみたいのがこのソフトウェアだ。これであればどのブラウザでも利用できる可能性がある。 今回紹介するオープンソース・ソフトウェアはJackal、JavaScriptデバッグプロキシだ。 JackalはWindows向けのソフトウェアで、MirageというHTTPプロキシソフトウェアを使っている。インストールし、プロキシのアドレスをlocalhost:9889に設定すれば準備完了だ。 その状態でWebサイトを見ると、左上にJackalのアイコンが表示される。これをクリックするとデバッグウィンドウが表示される。JavaScriptの実行はもちろん、エレメントの構造を閲覧することもできる。
【連載】パーフェクトDojo (1) イントロダクション - 深くて広いDojoの世界 | エンタープライズ | マイコミジャーナル
連載を始めるにあたって Dojo Toolkitのバージョン1.0が正式リリースされたのは、2007年11月のことだ。現在、執筆している時点でのバージョンは1.0.2である。Prototype.jsやjQueryなど、現在人気のフレームワークが「コードを短く記述できる」事を主眼のひとつとしているのに対し、カバーしている範囲が非常に広いことと、一貫した設計に基づいたライブラリが魅力のJavaScriptフレームワーク、それがDojoだ。 今回は、Dojo Toolkitの解説という形で連載を行うにあたってのイントロダクションとして、どのような読者を対象とし、どうお役に立てるか、という点を明らかにしていきたいと思う。 これまでマイコミジャーナルでは2回にわたって特集を行い、Dojoの魅力と利用方法についてお伝えしようとした。 第1回 基礎知識編…Dojoプログラミングの基礎となるAPIについて
第1回 JavaScriptの復権 ― ＠IT
連載目次 JavaScriptが、いま注目を浴びている。JavaScriptの復権、といってもよい。 最初にJavaScript（当初は「LiveScript」と呼ばれていた）がブラウザに実装されたのが1995年の「Netscape Navigator 2.0」というWebブラウザでのことであるから、すでに登場から10年以上も経過しているわけであるが、そんな枯れた言語がなぜいまごろになって注目されているのか。 いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参
jQueryとBlueprintではじめるWeb構築：Starter Kit、使ってみる？ - builder by ZDNet Japan
オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 身近な改善の第一歩！ ニューノーマルな働き方を
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
Ruby on JavaScript·HotRuby MOONGIFT
ついに登場したRuby 1.9。VMを搭載することで、これまでになく高速化されるとのこと。試してみた方も多いのではないだろうか。 そんなRuby 1.9系の魅力をさらに輝かしてくれそうなソフトウェアを紹介しよう。 今回紹介するオープンソース・ソフトウェアはHotRuby、JavaScriptによるRuby実装だ。 HotRubyはRuby1.9にてコンパイルを行い、その結果をJSONで受け取ってJavaScript上のRubyVMで行うという形を取っている。基本的な文法のみで、例外など実装されていない機能もあるが、それでもかなり高速に動作すると言う魅力がある。 ブロックや定数、ハッシュ、スーパーなどサポートされており、かなり楽しむことができる。ソースコードも含めて、楽しめるだろう。 JavaScriptでRuby、というのが素晴らしい。もしこれが実用レベルになったとしたら、ブラウザ上にJa
MOONGIFT: » Yahoo! Pipesのような動きを実現「WireIt」:オープンソースを毎日紹介
Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形（フィードやJSON等）で出力できるWebアプリケーションだ。 そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはWireIt、オブジェクトをつなげるイフェクトを実現するライブラリだ。 WireItはYahoo! Inc.の提供するYUIを使い、Yahoo! Pipesライクなインタフェースを実現している。ボックスに付けられた丸をドラッグすると、パイプが伸び、それを別なボックスの丸に持っていくことで、接続できる。 これがただの直線であれば何だが、パイプのような曲線を描いてつながるのが面白い。サンプルは数多く登録されており、ボックスを追加して接続するもの、アニメーショ
MOONGIFT: » 日付をエレガントに扱う「Datejs」:オープンソースを毎日紹介
プログラムにおいて、日付というのは厄介な存在だ。表示形式は様々に存在し、タイムゾーンもあり、60進数と12進数がおり混ざっている。 Railsでは翌週金曜日をnext_week(:friday)といった形式で呼び出せる。この拡張がエレガントで惹かれる。同様の操作を実現するJavaScriptライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはDatejs、日付を扱うために生まれたJavaScriptライブラリだ。 Datejsは文字列を日付形式にパースしたり、計算すると言った操作ができるライブラリだ。Date.today()からはじまって、Date.today().next().friday()で翌週金曜日になる。 日付の計算も用意で、Date.today().addMonths(-3)で三ヶ月前になる。(3).months().ago()でも三ヶ月前になるらしい。面白い。 パ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.oklab.org/test/
Efficient data transfer through zero copy
