例のあれ(仮題)

むしろ一昨日参ります。

“javascript”な記事の一覧

4 Pages 1 2 3 4 >

Objective-CとCocoaをWebに持ち込みまくる“Cappuccino”。 - 2008/9/7 (日) p.m.08:31 -

 Cappuccino Web Framework
 280 Slides - Create & Share Presentations Online

 以前、Objective-Jを主に取沙汰されて、「Cocoaの移植も有り」と注目されておりましたが、この程晴れてFramework込みで公開となりました。凄いですねぇ、変態ですねぇ。
 どのくらい実装してあるのかが気になりますが、280 Slidesを見る限りかなり実用的なレベルみたいです。実用的というかなんというか、よくぞここまでな気持ちでいっぱいです、いっぱいですとも。
 もちろん、私自身は気力がないので触れておりませんが、かなり凄くとてつもなく触ってみたいものであります。以前チマチマと遊んでいたSproutCoreとも比べてみたいものであります。

 多少の知識を仕入れた現段階では、SproutCoreの方が好みかなぁと思ったりしています。やっぱりWeb側からの人間としては、Cocoaである事よりWebの知識が活かせる方が有り難いですものね。逆を言うと、Cocoa側からの人はCappuccinoの方が有り難いのだろうけど、そういう人はすくないだろうなぁ。
 どちらにせよ、これからもお互いに切磋琢磨して行って欲しい!

jQueryでテキストを点滅っぽく。 - 2008/8/31 (日) p.m.07:29 -

 その昔、HTMLがまだ2.0とかそんな頃。Netscape Navigatorが全盛で思いっきりなシェアを獲得していた頃。というか、Internet = Netscape Navigatorとかそんな頃。blinkタグというのが流行っていて、ほとんどのページでどこかしらが点滅していたりとか、色々なところが点滅しすぎていて目がチカチカしていたりとかしたものです。その後にmarqueeというクルクルブームも到来したけどな。

 そんな昔話に花を咲かせつつ、そういう効果がご要望とあったので、適当にサクっと書いた。

$(function() {
  setInterval(function() {
    $("#blink").is(":hidden") ? $("#blink").fadeIn() : $("#blink").fadeOut();
  }, 1000);
});

 みたいなjsファイルをjquery.jsと同じく読み込んで、後はid=blinkを持つ要素をページ内に拵えるだけ。
 ちなみに、フェードアウト後には要素自体が消えてしまう(←display: none状態)のでレイアウト関係で注意が必要。

 fadeIn()、fadeOut()関数に"slow"だの”fast"だのの引数を渡したり、setInterval()関数への第二引数の数値を変えるなどして調整するとよいと思う。
 でも、正直あまり奇麗だとは思いませんでした。個人的には使いどころってないと思った。

jQueryでロールオーバー。 - 2008/8/31 (日) p.m.05:33 -

 作った物はどんなにしょぼい些細な物でも垂れ流す!

 当ページでは時代的な物もありましたけどもprototype.jsを使っているのですが、個人的に最近はjQueryであります。先日公式サイトが派手なデザインへ変更されておりましたね。

 それはさておき、先日画像がロールオーバーするあれなJavaScriptを書いてみたのでここに。ググって色々なところを参考にして拝借した結果であります。

$(function() {
  $("img.rollover")
    .each(function() {
      var baseImage = $(this).attr("src");
      var ext = baseImage.substring(baseImage.lastIndexOf('.'), baseImage.length);
      var overImage = baseImage.replace(ext, '_over' + ext);
      new Image().src = overImage;
      $(this).attr({basesrc: baseImage, oversrc: overImage});
    })
    .hover(function() {
        $(this).attr({src: $(this).attr("oversrc")});
      },
      function() {
        $(this).attr({src: $(this).attr("basesrc")});
    }
  );
});

 な内容のjsファイルを拵えてjquery.jsと一緒に読み込んでおいて、

<img src="images/元の画像.gif" alt="元の画像の説明" class="rollover" />

 とimgタグ内でクラス名にrollovreと設定。そして、差し替える用画像ファイルを「元の画像_over.gif」みたいに_overを追加したファイル名で元の画像と同じところへ保存しておけばOK。クラス名とか差し替える用画像とのファイル名の差異とかは適当に適当にするとよいと思う。

 クラス名がrolloverであるimgタグにそれぞれ、属性srcからファイル名を取り出して、それから拡張子を取り出して、差し替える用の画像ファイル名を拵えて、二つの属性を作ってそれぞれに入れておくという処理を実行。次に、hover()メソッドで実行する処理を設定しておく。この場合はhover時には属性oversrcから取り出したファイル名を属性srcへ設定、out時には属性basesrcから取り出したファイル名を属性srcへ設定している。
 てのが簡単な処理の流れ。

SproutCore 0.9.15リリース。 - 2008/8/14 (木) p.m.02:49 -

 SproutCore » SproutCore 0.9.15 - “Out with the outlets” Release

 少し前にチュートリアルなどをやり感激して、そのうち何かしら作って発表するぜと思いながらも日常に流されたり他の事をしていたりしております。0.9.15、リリースされました。

 今回も基本はバグフィックの様ですが、着実に新機能の方も追加されています。1.0へ向けて順調! なのかも。

 例のAppleさんのヤツのお陰でビジュアル面で注目を集めている感じですが、キモはModelとかそこらにあるのです。なんたって、

It is analogous to NSManagedObject in Core Data and EOEnterpriseObject in the Enterprise Objects Framework (aka WebObjects), or ActiveRecord::Base in Rails.

ですから。
 実際ブラウザ上で頑張って張り切ってデータをゴニョゴニョして、サーバへ一括プッシュとかそういう風な事をやると非常に楽しそう。データの加工をクライアント側でやる事によって、やり取りの部分がすっきりします。まぁ、それによる新たな注意点ももちろん発生するのですけど。

 という風な事をアピールする何やらを書きたかったのだけども、例によって言い訳するだけ。

ーー追記ーー
 SproutCore » SproutCore 0.9.16 - Hotfix

 ていう記事を書いたら0.9.16がリリースされた。

iPhone 2.0系のSafariならタッチの情報が取れるよ!な記事。 - 2008/7/16 (水) p.m.09:49 -

 SitePen Blog » Touching and Gesturing on the iPhone

 そらそうだなー、だって拡大とか縮小とかできるもんなー。ってJavaScriptで取れて制御できるんか!

 って事で、軽く試してみたらあほみたいに簡単に取れた。タッチ座標取得(←iPod touch or iPhone 2.0のSafariのデバッグコンソールをオンで)
 とりあえず5点まで取れるみたいだよー。使いどころがわからないけど。

 これから暇を見て色々試そっと。iPhone SDKが使えない非Intelユーザのボクでも楽しく遊べそうです>< 
 でも、Wi-Fiで繋いで遊んでると電池の減り方がエゲつないですね。大丈夫かなぁ、iPhone(←もはや手に入れる気です)。

噂のSproutCore、0.9.10を緊急リリース。 - 2008/6/20 (金) p.m.08:24 -

 SproutCore » SproutCore 0.9.10 - Community Release

 新版がリリースされてしまった。いじりたい、体験したい、でも、体力と気力が。うーうーうー

 FlexとかAIRとか大好きな私ですけども、こういうのを見ると必要ないのかもとすら思ってしまいます。

JavaScriptライブラリをGoogleさん経由で共有、“ The AJAX Libraries API”。 - 2008/6/19 (木) p.m.08:32 -

 Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル

 これ、ちょっといいかなって思っています。キャッシュ云々というより、バージョンアップとかの面倒がないと言う意味で。流石にメジャーバージョンは辛いけどマイナーバージョンを追従してくれるのは助かるなぁ。

サーバサイドでもJavaScript、“Aptana Jaxer”。 - 2008/2/3 (日) p.m.10:35 -

 Aptana Jaxer | Aptana
 Aptana Jaxer登場 - AjaxサーバでサーバもJavaScript | エンタープライズ | マイコミジャーナル

 サーバサイドでJavaScriptって言うと、古くはNetscapeのエンタープライズサーバとか、MSさん謹製のJScriptも含めれば無印ASPとかでもあったのだけど、最近のJavaScriptリバイバルでまた新しいプロダクトが続々と登場している様ですね。

 件のAptana Jaxerは名前の通りAptanaプロダクトの一つなので、Aptana Studioとの連携もバッチリです<スクリーンキャスト参照。最初からIDE付き(←しかもある程度実績のある)なので有望かも知れませんです。

 個人的にサーバサイドとクライアントサイドで開発言語が違うのは、それはそれでメリハリが利いて切り替えも利いていいんじゃないかな。と思ったりもする。

jQuery1.2ドキュメント日本語訳なページ。 - 2008/1/27 (日) p.m.08:44 -

 jquerydocs - jQuery 1.2 ドキュメント日本語訳

 いつかきっと始める時に参考にさせて頂きたい。

 と言いつつ、つい先週もprototype.jsを弄ってた。

JavaScriptの動作を軽くする工夫な記事。 - 2008/1/26 (土) a.m.10:56 -

 第30回 JavaScriptの動作を軽くするための工夫:ITpro

 私はどちらかというと記事中にもある「富豪的プログラミング」よりでありまして、それはLLの普及であったり様々なフレームワークの普及であったりもして時代と合っているのではないかと思いますが、それはそれとしてできる事はやっておきたい。

 のだけども当ページは悪い見本。とりあえずYUI Compressorには興味があるなぁ。

Ajaxのキソな記事。 - 2008/1/13 (日) a.m.11:42 -

 Ajaxのキソのキソまとめ - builder by ZDNet Japan

 この辺のところは各種対応JavaScriptライブラリで上手く隠蔽されているのであまり気にする必要はなかったりもするのだけども、一応知っておいて損はないというか「中でこういう事をしているんだぁ」とニヤニヤするのは悪くないと思うよ。

 ちなみにブラウザ間の互換性問題はIEだけが外れているのでIEがあれだと思いそうになるけれども、そもそもこの手の活用を見出したのはIEの方なので後付けの方がカバーして上げれば良かったのにと思いつつも、実装がActiveX経由だったりIEのバージョン間でも互換性がなかったりもしてやっぱりあれなので思わない事にします。
 どのみちこの世からIE6が消え去る、或は消え去ったと考えても良いとされるのには時間がかかるし、そもそも私はライブラリを使うので本当にどうでもいいです。

インターネットチャンネル非公式SDK。 - 2007/12/25 (火) a.m.10:02 -

 HullBreach - Wii Enabled Javascript Applications, Games, and SDKWii インターネットチャンネル 非公式SDK公開 - Engadget Japanese経由)

リモコンの状態取得や3Dオブジェクトの表示などブラウザベースのゲームに向いた機能をまとめたライブラリ。

 らしいです。

スライドする“iSlider.js”。 - 2007/12/25 (火) a.m.09:40 -

 ianimejs - Google Code(経由Life is beautiful: スライドするUIを実現するiSlider.js

 iAnime.jsと同じ様に公開中。

 アコーディオンUIのサンプルで用いられている“bounce”エフェクトが素敵。

“jMakiの実力を探る”記事。 - 2007/12/25 (火) a.m.09:33 -

 【ハウツー】JavaScriptでくるり! 注目のAjaxフレームワーク"jMaki"の実力を探る (1) jMakiとは | エンタープライズ | マイコミジャーナル

 普段私がよく紹介している、というかやるやる詐欺発言をくりかえしているJavaScript拡張系のライブラリではなく、それらをつかって簡単にWebアプリへウィジェット的に組み込む事を目的としているフレームワークです。EclipseとNetBeans向けにプラグインが提供されている様です。

 最近はEclipseへの乗り換えに挑戦して挫折を繰り返しているので、乗り換えが完了しそうになったら試してみたい。様な気がする。

引き続きPrototypeとScript.aculo.usが人気の模様。 - 2007/12/20 (木) p.m.02:04 -

 Prototype、jQuery、Mootools、YUI、Dojoが人気、Ajaxian調査 | エンタープライズ | マイコミジャーナル

 Script.aculo.usを使うと自動的にPrototype.jsを使う事になるのでどういう統計なのかは良くわからないけど、相変わらずシェアが高いのはわかった。だいぶ追いつかれてきたけどね。
 jQueryの盛り上がりもなかなかだし、Extのシェアも高いなぁ。

 しかし、2005年には生Ajaxが一番多かったのか。私がAjaxをこのサイトに使い出したのは随分と遅かったので、普通にPrototype.jsから入ったなぁ。まぁ、この手のクロスプラットフォームなライブラリが成熟しないとやる気になれなかったのだけど。いい時代、いい時代。

“いまからはじめるScript.aculo.us”という連載。 - 2007/12/12 (水) a.m.10:18 -

 【連載】いまからはじめるScript.aculo.us (1) 概要と基本的な演出効果 | エンタープライズ | マイコミジャーナル

 Script.aculo.usに付きましても必要な時に適当にやっていただけなので(ry。

Ajaxで「戻る」、“Really Simple History”。 - 2007/12/11 (火) a.m.09:39 -

 reallysimplehistory - Google CodeMOONGIFT: » Ajaxでもhistory.backを「Really Simple History」:オープンソースを毎日紹介経由)

 Ajaxはページを変移させる事無く情報を更新ってのが売りの一つなので、ブラウザの「戻る」ボタンとは相容れないモノなのです。とはいえ、使い慣れた機能ですからついつい使ってしまいますよね、マウスのボタンの一つに割り当てている人などは無意識のうちに押している事もあるかも。私もたまにやってしまって「ガッカリだ」と呟く事もしばしば。
 そんなジレンマに立ち向かう事ができるかもしれないライブラリらしいです。例によって試していません。

  Yahoo! UI Library: Browser History Manager

 同様の問題に対処しようとしたモノに、YUIの“Browser History Manager”がありますね。こちらも試していないけど……。

“いまからはじめるPrototype.js”という連載。 - 2007/12/5 (水) p.m.01:09 -

 【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッド | エンタープライズ | マイコミジャーナル
 【連載】いまからはじめるPrototype.js (2) 数値と文字列の拡張メソッド | エンタープライズ | マイコミジャーナル

 色々技術面以外のところでRailsが選ばれるのだから同じ様にPrototype.jsが選ばれたっていい。と思ったりする今日この頃でございます。まぁ、Prototype.js自体がRails用のライブラリみたいなモノですけど。

 私はAjax周りで必要な時にいい加減にやっているだけなので、この連載でそれなりにちゃんと学んでみよう。

“iAnime.js”、Google Code上のオープンソース・プロジェクトに。 - 2007/12/5 (水) p.m.12:25 -

 ianimejs - Google CodeLife is beautiful: iAnime.js をGoogle code上のオープンソース・プロジェクトとして正式スタート

 以前ご紹介した“iAnime.js”がGoogle Code上で公開されました、ライセンスはMIT licenseを適用するとの事です。

 どんどん機能も拡張されてきましたし、今後も非常に楽しみであります。

Dashboardウィジェットのためのプラグイン“ Jolla(ホヤ)”。 - 2007/12/3 (月) a.m.11:18 -

 Jolla -Utility Plug-In for DashboardMOONGIFT: » ネットワークを使ったウィジェット開発に「Jolla」:オープンソースを毎日紹介

 相も変わらず作る作る詐欺を実践中の私とDashboardの関係ですが、ウェブを介してゴニョゴニョするウィジェットの開発なんかには威力を発揮しそうですね。

4 Pages 1 2 3 4 >

“ひとりごと”的な(Twitter

    Googleさんでけんさく

    Google

    このページと私のコト

    長崎市在住おそらくWeb系エンジニア“たくぅ”さんが適当に適当な事を書いているページです。
    色んな方面から脱ニートしました。

    Mii

    Skype: reiare

    “れいあれ”ふぁみりー
    Touch! れいあれ
    例のtumblr
    あさましいあれ(仮題)

    当blogのソースを公開中
    +++ download +++
    (Python 2.5.1 + Django 0.96用)

    自動更新バナー

     iTunes Store(Japan)

    ↑でもCD購入派なんだよね、私。