masa さん プロフィール

  •  
masaさん: WIZ-CODE.blog
ハンドル名masa さん
ブログタイトルWIZ-CODE.blog
ブログURLhttp://wiz-code.digick.jp/blog/
サイト紹介文JavaScriptをテーマとしたブログです。Ajaxを用いたWEBサイトに役立つ情報などを書いています。
参加カテゴリー
更新頻度(1年)情報提供5回 / 365日(平均0.1回/週) - 参加 2009/10/22 20:16

masa さんのブログ記事

  • 過去の記事 …
  • ステートマシンの仕組みのおさらい
  • ステートマシン図は状態と振る舞い、そして状態の移行を表す遷移などを用いて処理の手続きを図式化したものです。プログラミングの分野ではアプリケーションやゲームの設計に用いられることがあります。当サイトで数年前にJavascriptでステートマシンを実装する記事を書きましたが、あれからライブラリに非同期な要素を取り入れるなど大幅な改良を加えまして、それがようやく一応の完成を見ました。今回はその紹介に先んじてステー [続きを読む]
  • jQueryプラグイン Mousehold.jsをリニューアル
  • 以前にマウスボタンの長押しに対応したjQueryプラグイン、Mousehold.jsというものを紹介しましたが、今回、これまた以前に書いたjQueryプラグインの作成法で用いた方法で書き直しすることにしました。ただし、機能面で特に加わるものはありません。違うところはECMAScript5のアクセサディスクリプタを利用して、プラグインに階層構造を持たせたところです。この違いはプラグインの呼び出し方に現れます。例として、以前のプラグイ [続きを読む]
  • Three.jsでフライトシミュレーションに再挑戦
  • 半年ぶりの投稿になります。自分で企画しているRPGゲームが全然進展しないので、これまで苦手意識を持っていた3Dグラフィックについて少し勉強しました。といっても、Three.jsのですが。このライブラリの入門書がオライリー社から出ていて、それも今年の出版であるので最新情報を得ようと手に入れてみました。ネットの情報だけに頼ろうとするとWeb技術関連は圧倒的に英語コンテンツが多いので、自分のように英語がわからない場合お [続きを読む]
  • SoundJSのロード機能を使った簡易音楽ファイルローダー
  • ブラウザで音楽を再生する有効な手段は、5年くらい前まではほとんどFlashくらいしかありませんでした。IEとFirefoxは独自に音楽再生用のタグを用意していたものの、どちらも使い勝手が悪いものでした。いまは少なくなりましたが、「(勝手に)音が鳴るサイト」のほとんどはIEのBGSOUNDを使用しているサイトです。そうしたなか、HTML5の登場で、Webサイトがただの文書置き場ではなく、アプリケーションとして振舞うことを意義付けら [続きを読む]
  • jQuery.Deferredでスクリプトの動的読み込みを試してみる
  • 存在は知っていたけれど、いままで使ったことがなかった$.Deferredを今回試す機会がありました。以前トップページからのリンク先をいくつかPJax化(History.pushState/popStateを使った非同期ページ遷移)したんですが、遷移先のページで別途スクリプトファイルが必要なページが出てきて、動的なスクリプトの読み込みが必要になり、そこで$.Deferredの出番となりました。$.DeferredはAjaxに限らず、Window.setTimeoutなど非同期に [続きを読む]
  • jQuery.Deferredでスクリプトの動的読み込みを試してみる
  • 存在は知っていたけれど、いままで使ったことがなかった$.Deferredを今回試す機会がありました。以前トップページからのリンク先をいくつかPJax化(History.pushState/popStateを使った非同期ページ遷移)したんですが、遷移先のページで別途スクリプトファイルが必要なページが出てきて、動的なスクリプトの読み込みが必要になり、そこで$.Deferredの出番となりました。$.DeferredはAjaxに限らず、Window.setTimeoutなど非同期に [続きを読む]
  • 画像をモザイクインさせるjQueryプラグイン MosaicIn.js
  • 画像を表示するときによく使われるエフェクトにフェードインがあります。何もないところから、徐々に画像や要素を浮かびたたせる手法です。jQueryは要素の表示と非表示にフェードインが実装されていてこれを手軽に利用できます。フェードインに似た効果として、スライドインやワイプイン、ズームインなどがありますが、そうしたアニメーションをサポートするJavaScriptライブラリがWeb上にたくさん公開されています。jQuery単体で [続きを読む]
  • 画像をモザイクインさせるjQueryプラグイン MosaicIn.js
  • 画像を表示するときによく使われるエフェクトにフェードインがあります。何もないところから、徐々に画像や要素を浮かびたたせる手法です。jQueryは要素の表示と非表示にフェードインが実装されていてこれを手軽に利用できます。フェードインに似た効果として、スライドインやワイプイン、ズームインなどがありますが、そうしたアニメーションをサポートするJavaScriptライブラリがWeb上にたくさん公開されています。jQuery単体で [続きを読む]
  • HTML5のCanvasでテキスト表示する Canvas Text Templateリニューアル
  • By Canvas Text Template.js前回のAjax認証とは別の話になりますが、Webサイトのテキストに視覚効果を与える技術に、Text Shadowがあります。WebサイトでText Shadowを実装するのにいくつか方法がありますが、もっともポピュラーなのがCSS3を用いた方法です。SVGも独自のドロップシャドウ効果を実装している他、HTML5のCanvasでもそれは実装できます。また、CSS3について言えば、最新ブラウザでほぼすべての機能が実装されていて、 [続きを読む]
  • HTML5のCanvasでテキスト表示する Canvas Text Templateリニューアル
  • By Canvas Text Template.js前回のAjax認証とは別の話になりますが、Webサイトのテキストに視覚効果を与える技術に、Text Shadowがあります。WebサイトでText Shadowを実装するのにいくつか方法がありますが、もっともポピュラーなのがCSS3を用いた方法です。SVGも独自のドロップシャドウ効果を実装している他、HTML5のCanvasでもそれは実装できます。また、CSS3について言えば、最新ブラウザでほぼすべての機能が実装されていて、 [続きを読む]
  • Ajaxでセッション(状態)管理する方法
  • 前回の続きです。Ajaxによるパスワード認証をコストをできる限りかけずに実装するという取り組み(プロジェクト)を紹介しています。おさらいですが、まずパスワード認証を実装するにあたって、パスワードの安全な受け渡し、つまり暗号化をどうするかという問題がありました。これについては自前で通信の暗号化をはかるより、一定の信頼性の得られるSSL、それも徐々に浸透しつつある格安SSLを利用して導入するという結論になりました [続きを読む]
  • Ajaxでセッション(状態)管理する方法
  • 前回の続きです。Ajaxによるパスワード認証をコストをできる限りかけずに実装するという取り組み(プロジェクト)を紹介しています。おさらいですが、まずパスワード認証を実装するにあたって、パスワードの安全な受け渡し、つまり暗号化をどうするかという問題がありました。これについては自前で通信の暗号化をはかるより、一定の信頼性の得られるSSL、それも徐々に浸透しつつある格安SSLを利用して導入するという結論になりました [続きを読む]
  • 低コストでできるだけセキュアなAjaxパスワード認証を考える
  • このブログで何年か前にAjaxを用いたログイン認証を試みたことがあります。しかし、それらのページの情報はあまりにも古く、セキュリティについてもほとんど配慮していませんでした。そこで今回、Ajaxによる認証処理をよりモダンでセキュアなやり方でもう一度取り上げたいと思います。色々なサイトやWebサイトのセキュリティに関する書籍を参考にしながら進めていく予定です。モダンなAjaxパスワード認証を考えるとき、自分が課題 [続きを読む]
  • あまり使いどころのないSelection APIについての雑感
  • ブログサービス提供大手のはてなで、つい最近ブログ記事を書くときに別のはてなブログの記事を引用するための便利な新機能が加わりました。⇒他のブログの文章を簡単に「引用」できる機能を追加しました(はてな開発ブログ)スクリプトのソースをのぞいてみたところ、当然というかファイル圧縮により難読化されていたので参考にすることができませんでしたが、実際の機能を試してみたところ、マウスドラッグでテキスト選択したタイ [続きを読む]
  • 本サイトのリニューアルに合わせて……
  • ブログもテーマを一新することにしました。このブログはワードプレスで作成されていて、テーマはネットで無償配布されている有名なStinger5というのを使用させていただいています。このブログを開設して以来、実はまともにワードプレスをカスタマイズとかしたことがなかったので、この機に少し色々といじってみようと思います。ワードプレス自体、PHPで出来ているので、コードの部分など何となく分かるところがありますが、なにぶ [続きを読む]
  • History.pushStateとpopStateの味な使い方
  • 先日ホームページをリニューアルしたとき、トップページにちょっとした細工をしました。どんな細工かというとHTML5の機能のうち、もっとも不遇というか、使い道に困る存在であったアレを使ったものです。History APIです。今回はこれを使ってサイトのトップページにて履歴操作を行いました。具体的にいうと、トップページの更新情報のうち、「開発中のRPG」というリンクを すると、当該ページに飛ぶ直前に「更新情報のカテ [続きを読む]
  • ホームページを一部リニューアルしました
  • 一年近く更新がなく、ご無沙汰しておりました。しばらく、サイトの運営から離れていたのですが、なんとか復帰することになりました。ただ、なんの新しいこともなく復帰しても意味がないので、サイトのリニューアルを進めることにしました。巷ではBootstrapのようなフラットデザインが流行し、あわせてコーディングがXHTMLからHTML5に主流が移ってきているように思います。自分のサイトはガチガチのXHTMLですから時代にそぐわない面 [続きを読む]
  • 過去の記事 …