TheDesignium

Designium»Blog»Index - 2010.02Return

Javascriptパウワァ&ドラッグ機能の改善ついて

及川です。今日2個目の投稿になりますが、ここ最近まったくJavascriptの話題を挙げていませんでしたので、ひとつ投稿してみたいと思います。


LINK: Chrome Experiments - Not your mother’s JavaScript

GoogleからショーケースとしてJavascriptを使ったデモが公開されています。見てみた感じChromeやSafariでのパフォーマンスはとてもすごいですね。物理シュミレータをつかってもこれだけ快適に動くなら今後もっとおもしろいものが出てきそうです。また最近はHTML5の話題もあり、jQueryとcanvasタグを使った画像の空白に対するテキストの回り込みなど、個人的に胸が熱くなるようなネタも所々に出てきています。

以前社内の会議にて自分はFlashよりJavascriptをやっていきたいということを伝えたときは、「いまどき珍しいねぇw」と社長に軽く笑わたりとしたわけですが、まあ何が言いたいかというとFlashもいいけどJavascriptも何気にすごいんじゃね?ということを伝えたかったわけです。

とりあえずどうでもいい話は置いておいて、少し手を加えたドラッグ機能について話してみたいと思います。

主な改善点として、リンクをクリックしながらドラッグしたときの判別処理を追加したことと、ドラッグ機能をつけたことでテキストが括れないという訳がわからない点を修正したものが下記サンプルです。

SAMPLE: DSN | Drag.Function

最初の点ではドラッグの際、移動したいのかリンク先を開きたいのか、iPhoneっぽく距離から判別するようにしました。例ではリンクを押して半径30pixel以上の移動であればクリック解除、それ以内であればクリックでアラート、という感じになっています。

またテキストが括れる括れないについてはその都度ドラッグ機能を解除することで括れるようにしました。ちゃんとつくればPhotoShopの手のひらツールのようにスペースを押していた場合にはドラッグ、なんてことも可能だと思います。

なんでいまさらドラッグ機能?と思うかもしれませんが、話題の対象にiPadがあったので、あの操作性の一部でも通常のブラウザでも試せたらいいなぁ、という感じでつくってみた限りです。

 

link: http://www.thedesignium.com/blog/skill/2219
autor: oikawa comment: 0件
tags: ,

会津絵ろうそくまつり&セルザチャレンジ

お世話になります。最近はbreakbotな日々の及川です。
会津に来てそろそろ10年近くになりますが、一度も足を運んでいなかった会津絵ろうそくまつりへ行って来ましたので少し感想を。

会津絵ろうそくまつりは500年の歴史を持ち、伝統工芸品である絵ろうそくに灯りがともるというなかなか粋なイベントです。

絵ろうそくの儚げな感じもさることながら、まだ足跡のついていない雪の上に2人の足跡がすっと進んでいる様はなんともいえない、そんな気持ちにさせてくれました。そういえばソラリアプラザのCMもこんな感じだったなぁ、と思いつつ、なにかこころの中まであたたかくなるような、そんなイベントだったのではないでしょうか。

ところで灯りといえば、BioFachやAPODEAにてご一緒させていただいた手島大輔さんの新しいプロジェクト、“Sell The Challenge”でアロマキャンドルが販売されるようです。今回の絵ろうそくまつりに足を運べなかった方もそうでない方も、このアロマキャンドルを使ってプライベートで楽しんでみては如何ですか?

Sell The Challengeとは
セルザチャレンジは、地域で仕事し自立したい障がいのある方々がものを作り・売ることをお手伝いする活動団体です。

世界各地の障がいのある方(The Challenged Person ザ チャレンジド パーソン)がそれぞれの地元で働き、自立生活できるお金が得られるように、それぞれの個性とを生かした競争力の高い自主製品作りと世界市場での販売・伝達をサポートすることを使命として2009年に活動を開始しました。

LINK: Sell The Challenge

 

link: http://www.thedesignium.com/blog/private/2157
autor: oikawa comment: 0件
tags: ,

ブラウザの画面サイズリサイズされてもこれでOK Tips(ActionScript3.0)

フルFlashサイトでブラウザの画面サイズが変更されてしまったときActionScriptでな~んしてないとムービークリップの大きさが画面サイズに連動して変わってしまいます。

それだと結構こまったチャンになってしまうときが多いのでキリンはコピペでこれ↓をよく使います(ノ゚ο゚)ノ オオオオォォォォォォ-

このサンプルswfを見てブラウザの画面サイズを変更してもらえればわかるかと思いますが、あらま!中央にムビクリが表示させて大きさが変わらないではありませんか!ActionScript3.0です!

resize

Flaファイルダウンロード!!!

link: http://www.thedesignium.com/blog/skill/2142
autor: ミズタニキリン comment: 0件
tags: , ,

  • 2010.1.20
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    suzukimilanpaak:
    お返事が遅くなってしまい大変申し訳ございません。ご丁寧な回答...
  • 2009.11.26
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    ミズタニキリン:
    下記(A)、(B)より80~90%の機種はFlash lite 2.0に対応しているという結果になり「mixiのユーザー層にFlash lite...
  • 2009.11.24
    :
    mixiアプリモバイル作成前に見ておくべき10のまとめLink
    suzukimilanpaak:
    (2)FlashLite2.0での開発がオススメについて質問させてください。mixi...
  • 2009.10.10
    :
    ミズタニキリンのよくある質問Link
    ミズタニキリン:
    ごめんなさい。ゴーキのミズタニではないです。ゴーキってゴーキ 美術研究所のことですよね?はちゃめちゃな妹は確かゴーキに行...
  • 2009.10.6
    :
    ミズタニキリンのよくある質問Link
    キョン:
    ひょっとしてひょっとするとゴーキのミズタニさんですか? 間違ってたらごめんなさい。
  • 2009.12.10
    :
    センサー講座 Spe.001 Wiimote WhiteboardLink
    お金と知識のない学生が努力と根性で作ったもの
    from アナリハ
    この前の10月・11月に定期的にプレゼンをする事になった。...
  • 2009.10.27
    :
    11/7 CSS Nite in 新潟 開催!Link
    ブログで紹介いただきました。
    from CSS Nite in NIIGATA
    デザイニウムブログ
  • 2009.9.4
    :
    越後妻有アートトリエンナーレ 大地の芸術祭2009(前編)Link
    ブログ | The Designium - デザイニウム
    from 越後妻有アートトリエンナーレ 大地の芸術祭2009(後編)
    越後妻有アートトリエンナーレ...
  • 2009.9.4
    :
    越後妻有アートトリエンナーレ 大地の芸術祭2009(後編)Link
    ブログ | The Designium - デザイニウム
    from 越後妻有アートトリエンナーレ 大地の芸術祭2009(前編)
    越後妻有アートトリエンナーレ...
  • 2009.6.25
    :
    若手向けの勉強会企画してみました。Link
    [勉強会]みちのくIT会議ってのが福島であったようだ。
    from 笑う角でずっこける。
    まぁ、タイトルでまとまってしまったけど…。 初めて聞く名前だったので情報を集めてみた。...