Javascriptの開発手法について社内でプレゼンしました — Aduca
About this Entry Javascriptの開発手法について社内でプレゼンしました was posted on 5月 18th, 2011 at 1.23pm and is filed under Programming. This entry has no comments (yet). You can follow any responses through the RSS 2.0 Feed. Recent Post Javascriptの開発手法について社内でプレゼンしました Javascriptが難しくてわからないので誰か教えてください Nerineを作り直したい話 新宿にて配信の記録 機材購入 Category livestream non-category Programming thinking Meta ログイン 投稿の RSS コメントの RSS Wor
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
Jasmine: Javascript Testing Framework
describe("Jasmine", function() { it("makes testing JavaScript awesome!", function() { expect(yourCode).toBeLotsBetter(); }); }); Documentation User Guide Release Notes API Documentation Contributor Guide Download For pure JavaScript projects: VersionSizeDateSHA1
More efficient Javascript animations with mozRequestAnimationFrame – Mozilla Hacks - the Web developer blog
More efficient Javascript animations with mozRequestAnimationFrame This is a re-post from Robert O’Callahan’s blog. <b>mozRequestAnimationFrame</b> is an experimental API to make Javascript animations more efficient. We do not guarantee to support it forever, and I wouldn’t evangelize sites to depend on it. We’ve implemented it so that people can experiment with it and we can collect feedback. At
携帯電話事業者に学ぶ「XSS対策」 - ockeghem's blog
NTTドコモとソフトバンクモバイルは、フィーチャーフォン（いわゆるガラケー）にてJavaScriptの対応を始めています。JavaScriptに対応すると、クロスサイト・スクリプティング(XSS)脆弱性の懸念が高まりますが、両社は独自の手法によりXSS対策をしている（しようとしている）挙動が観測されましたので報告します。この内容は、オレ標準JavaScript勉強会でネタとして使ったものです。 NTTドコモに学ぶ「XSS対策」まず、サンプルとして以下のようなXSS脆弱なスクリプトを用意します。 <?php session_start(); ?> <body> こんにちは<?php echo $_GET['p']; ?>さん </body>これを以下のURLで起動すると、IE7では下図のような表示になります。 []http://example.com/xss01.php?p=山田<scrip
かんたんAjax開発をするためのRuby on Railsの基礎知識 − ＠IT
かんたんAjax開発をするためのRuby on Railsの基礎知識：Ruby on RailsのRJSでかんたんAjax開発（前編）（1/4 ページ） いまさら聞けないRuby on Railsとは？ Ruby on Rails（以降、Rails）は、世の中に多数存在する現在のWebアプリケーション開発フレームワークに多大な影響を与えている、先進的で生産性の高いフレームワークです。 以下をコンセプトとして掲げており、Ruby言語で記述されています。 「同じことを繰り返さない」（DRY:Don't Repeat Yourself） 「設定よりも規約」（CoC:Convention over Configuration） ここ数年で、楽天市場、ニフティ、カカクコムなど大手IT企業での採用も進んでおり、注目を集めています。 関連記事： 楽天が「Ruby on Railsの利用を開始します」 h
JavaScriptのアラートボックスをセクシーにする仕組み:phpspot開発日誌
Sexy Alert Box JavaScriptのアラートボックスをセクシーにする仕組み。 普通のalertはあじけなくて音もなってよくない、ということで独自のalertボックスは色々 Sexy.alert('Hello world!'); で、alertを表示できます。 デモページはこちら。アニメーションしてちょっといい感じになりました。 デザインをもうちょっと洗練すれば更にセクシーになるでしょう。 関連エントリ JSによるカスタムダイアログボックス作成ライブラリ 多機能LightBoxのiBoxがバージョンアップ「iBox v2」
MOONGIFT: » JavaScriptでiPhone SDKを利用する「PhoneGap」:オープンソースを毎日紹介
iPhone/iPod Touchの魅力に位置情報の測定や加速度センサーがある。これらを使えばこんなもの、あんなものができるとわくわくさせられるが、こうした内部のAPIを使うにはiPhoneネイティブなアプリケーションを開発する他ない。 ネイティブアプリケーションによる位置情報取得（実行はiPhoneエミュレータ） しかしネイティブアプリケーションは開発の工数や公開までの道のりが長く感じられてしまう。もっと手軽に使うならWebアプリケーションが一番だ。そこでWebアプリケーションから内部APIを利用できるようにしてしまおうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPhoneGap、iPhone SDKとWebを橋渡しするソフトウェアだ。 PhoneGapはiPhoneネイティブなアプリケーションで、立ち上げることによってgapというプロトコルが使えるようにな
AutoPagerize (swdyh)
AutoPagerizeのSITEINFOを書く場所は、wedataに移転しました。 このページは編集できないようにして、しばらく残しておきます。 AutoPagerizeのSITEINFOを編集する場合は、こちらへどうぞ。 AutoPagarize - wedata http://wedata.net/databases/AutoPagerize/items また、ここにあったSITEINFO以外の情報と避難所にあった情報はまとめてJottitのWikiへ移動しました。 今後AutoPagerize関連の情報はそっちにまとめることにします。 AutoPagerize Wiki: Home http://autopagerize.jottit.com/ このページはAutoPagerize0.26以前のバージョンを使っているひとのために、しばらくは残しておきます。 てきとうな
ページの文字列を動的に好きなフォントで画像化する仕組み:phpspot開発日誌
An alternative to sIFR: Facelift Image Replacement | Breathe new life into your web pages ページの文字列を動的に好きなフォントで画像化する仕組み。 サイトを作っていて、ここは画像にしてカッコよくしたい。でも画像を作るのは面倒。という場合に、JavaScriptを使って一瞬で、好きなフォントで画像化できる仕組みが公開されました。 JavaScript関数によって文字列を画像化する部分と、サーバサイドでPHPで画像を作る部分の仕組みがダウンロードできます。 関連エントリ 自サイトの画像の保存をプロテクションする仕組み
ITクオリティ JavaScriptの素敵なスライドショー
カッコいい・・・。 PHP Easy Reflections v3とかprototype.jsとか使うそうですが、時間が無いので放置。 サンプルデモはこちら 2008/08/08(金) 12:22:51| ウェブ開発 | トラックバック:0 | コメント:0
[JS]アプリケーション並みのコンテンツが実装できる「Ext.js」から、2.2がリリース
アプリケーション並みのコンテンツが実装できる「Ext.js」のバージョンアップ版2.2が2008年8月4日にリリースしました。 Ext 2.2 Released 今回のバージョンは、多くの重要なバグフィックスに加え、パフォーマンスの改善、Fx3への完全対応がされ、多くのコンポーネントも追加されています。 下記に、追加されたコンポーネントを紹介します。
MOONGIFT: � JavaScriptだけのダイナミックなグラフライブラリ「ProtoChart」:オープンソースを毎日紹介
※ 画像は公式サイトデモより 最近は簡単に使えるグラフライブラリが増えてきた。Flashのものは見た目が奇麗で、画像出力のものも見やすさではひけを取らない。だがこうしたグラフは一度表示したが最後、リロードしないと変化しないものが多かった。 パイチャート そうではない、もっとダイナミックに変化するグラフを描きたい場合はこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはProtoChart、JavaScriptだけで描くグラフライブラリだ。 ProtoChartはCanvasを使って、JavaScriptのみでグラフを生成している。Canvasは本来、IE6には対応していないが、外部ライブラリを読み込むことで描画できるようにしている。これにより対応ブラウザはIE6/7、Firefox2/3、Safariとなっている。またSafariに対応しているとあって、iPhone/iPod
【デブサミ2008】amachangが思う「JavaScriptという言語とは」：CodeZine
デブサミ2008・13日の最終セッションにはサイボウズの天野仁史氏が登壇。「amachang」というハンドルネームで知られる彼が思う「JavaScript言語」について語った。 天野氏はJavaScriptという言語について、「初心者向け言語」「オブジェクト指向言語」「プロトタイプベース言語」「関数指向言語」という特徴があると思うと述べ、初心者向け言語という点については「だからといって、上級者に向かないという意味ではないが」とした上で、 ほとんどのPCで実行環境が整っているためすぐに始められる点 無料のブログサービスなどを利用することで、作成してすぐに公開できる点 alertによるダイアログボックスの表示など、動作が見た目でわかりやすい点 Firebugをはじめとする開発環境が整っている点 などをあげた。 オブジェクト指向言語という点については、「オブジェクト指向の言語は多数あ
JavaScript から Flash を楽々操作できる FABridge [てっく煮]
JavaScript から Flash を操作できるツール、Flex-Ajax Bridge (FABridge) を試してみました。 名前に Flex や Ajax とついていますが、Flex や Ajax にしばったライブラリではなく、JavaScript から SWF を操作できる、と考えたほうがよい感じです。 必要なファイルは SWF に組み込む FABridge.as と HTML でインクルードする FABridge.js の２つです。ダウンロード方法はちょっとややこしいので最後で説明します。 SWFの準備 まずは、SWF 側の実装。bridge フォルダに FABridge.as を置きます。AS3.0 です。 // Test.as package { import flash.display.Sprite; import bridge.FABridge; public cl
![JavaScript から Flash を楽々操作できる FABridge [てっく煮]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Style properties in JavaScript
Togetter - 「Shibuya.js beyond HTML5」
http://people.mozilla.com/~vladimir/demos/photos.svg
IDEA * IDEA
[JS]ベクターグラフィックスや画像をコントロールする軽量ライブラリ -Raphael
