最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ

商用サイトでも無料で利用できる、ロイヤリティフリーのテクスチャ素材を配布しているサイト「love textures」を紹介します。 love textures テクスチャは現在152枚が登録されており、サイズは2560x1920をベースにした高解像度のものとなっています。 各テクスチャはカテゴリ別・カラー別・タグ別に分類されており、下記にカテゴリ別を紹介します。

demo: calendar 仕組みは、通常表示用の画像・テキストとは別に、拡大表示用の画像・テキストを用意し、それをクリップして表示しています。 そのためデータが二重に実装するのが弱点です。 AnythingZoomerはjQueryのプラグインのため、実装にはjquery.jsが必要です。

申し訳ございません。 只今メンテナンス中です。

自社内の組織の構造をウェブサイトに反映させている企業は少なくないのではないでしょうか？今回の実践メモではそうしたサイトを利用したユーザの反応と、対処方法をご紹介します。 サイト利用中の行動を観察していると、ユーザが衣料品サイトにログインをしようとしたところ、唐突に食料品サイトでのログインを求められたため、フォームに何を入力してよいのかを理解できず困惑する様子が確認されました。 フォーム上部の文言で食料品サイトのID・パスワードの入力が必要な点を説明することで、上記のような状況を一定程度回避することが可能だと考えられます。しかし、問題発生の真の原因は、同一企業のサイトであれば何を入力すべきかをユーザはなんとなく理解できるであろうという企業側の期待です。 当然のことながら、ユーザはサイト運営企業のシステム事情などは知りません。 そのため、サイト間の連携をとる際には、提供者側が分かりきっている内

絶賛FLARToolkitで遊ばせてもらってます。 今回は、オリジナルのマーカーを作ってみました。 オリジナルのマーカー作成に関しては、下の記事を参考にさせてもらいました。 簡単！ FLARToolKitをはじめよう！ デベロッパーセンター とりあえず、適当ですがオリジナルのマーカーを作成。 参考記事に、マーカーを作るためのルールが書いてあります。 それに準ずれば基本的に大丈夫なようです。 作成したマーカーの画像からpatデータに変換するのは、太郎氏が制作されたARToolKit Marker Generator Onlineというのを利用します。 これで簡単にpatデータが作成できます。 あとはプログラムで読み込んで、はいおしまい的な感じです。 この前作ったやつを、オリジナルのマーカー使ってやりなおしてみました。 ちゃんと認識されてます。 よしよし。

FLARToolKitで遊び中です。 以前saqoosha先生がやってた、Papervision3D で穴の中身だけレンダリングするってのをやってみたくて作ってみました。 それと、FLARToolKitを使ったAR系Flashの作り方も参考にさせていただきました。 とりあえず、動作例は下みたいな感じ。 今回は、FLARBaseNodeにaddChildせずに、sceneにすべてaddChildして計算をしています。 以下、ソースです。 マーカー等は、スタートガイドのものを使わせてもらってます。 package { import caurina.transitions.Tweener; import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.PixelSnapping; impor

使いやすいと評判のFlashDevelopをインストールしてみた。 まずは、以下のファイルをダウンロード。 ・FlashDevelop（2007年12月26日時点、FlashDevelop 3.0.0 Beta5 が最新リリース） ・Flex SDKとFlex Language Pack インストール手順は、下記サイトが参考になった。 【参考サイト】 ・FlashDevelop.org http://www.flashdevelop.org/community/ ・HirobeのHack倉庫　/　FlashDevelopをActionScript3のIDEとして使う http://weekbuild.sakura.ne.jp/trac/wiki/as3/FlashDevelop 環境設定がやや面倒。 日本語まわりで若干苦労した。 以下、遭遇したエラーとその対処を記載しておく。 [ t

'; htmlout += ''; if ((url.lastIndexOf(".html") == url.length-5) || (url.lastIndexOf(".htm") == url.length-4) || (url.lastIndexOf("/") == url.length-1)) { var win=window.open(url,windowName,features); } else { var win=window.open('','',features); win.document.open(); win.document.write(htmlout); win.document.close(); } win.focus(); } almost for myself, but someday I want to return usef