MacOS X風のJavaScriptオフでもなんとか動くドック風UI実装サンプル:phpspot開発日誌
Mac-like icon dock (v2) - using jQuery - JavaScript/CSS Projects - APL Web Development MacOS X風のJavaScriptオフでもなんとか動くドック風UI実装サンプルが公開されています。 JavaScriptがONであればjQueryでスムーズなアニメーションをしながら動かすこともできるのですが、CSSを使ってオフでも動くみたいです。 JavaScriptを使わない環境でもDock風にしたいという場合に使えそうですね。 XHTMLとCSS, jQueryで実装されています。 関連エントリ prototype.jsでMacOSXのDock風ＵＩを作るJavaScriptライブラリ 超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」 JavaScriptでMacOS XのDock機能
HTML5製のWebベースウィンドウライブラリ·ChromeKit MOONGIFT
ChromeKitはHTML5/CSS3/JavaScriptによるフリーウェア（ソースコードは公開されている）。HTML5の登場によってWebブラウザの可能性があがれば、おのずとWebアプリケーションに対するニーズも高まっていくはずだ。その過程にはWeb OSのような可能性もある。 ローカルアプリケーションのようなウィンドウ表示 Webブラウザ上でまるでローカルOSのようなインタフェースを実現しようと思った時に必ず必要になるのがウィンドウ表示だ。まるでデスクトップのようなインタフェースを実現したい時に使えそうなのがChromeKitだ。 ChromeKitはHTML5/CSS3/JavaScriptの組み合わせで作られているウィンドウライブラリだ。Mac OSXライクに左側にボタンが並んだウィンドウで、ドラッグアンドドロップで移動することができる。重なりによってウィンドウの色が変わる仕組
要素が document につながっているかを高速に調べる方法 - IT戦記
とある要素が document につながっているかどうかを調べたい！ とりあえず、ほとんどすべてのブラウザで出来る方法としては、 parentNode で確認することができますね。 function isElementInDocument(node) { do { if (node === document) { return true; } } while (node = node.parentNode) return false; } でも 前の例だとちょっと遅いので contains や、 compareDocumentPosition を使うといいです！ コードにすると以下のような感じ function isElementInDocument(node) { if (document === node) { return true } else if (document.compa
第8回 実践DOMスクリプティング#1：HTMLとテキストの操作 | gihyo.jp
こんにちは、太田です。前々回、前回でDOMの基礎を簡単に解説しました。今回からは、DOMを使った実用的なスクリプトを解説していきます。特に今回はHTMLの操作、テキストの操作にフォーカスを当てていくつかのサンプルコードを解説していきます。 HTML操作の基本 JavaScriptによってHTMLを書き出したり、一部を書き換えたり、削除したりといった方法は実は様々な方法が用意されています。目的に合わせて適切な方法を選ばないと非効率だったり、最悪クロスサイトスクリプティングなどの問題を抱えてしまう危険もあります。 document.writeと同期読み込み JavaScriptでHTMLを書き出すというと、最初に学ぶのはこのdocument.writeかもしれません。いわゆるprint文のようにシンプルなAPIなので、入門書の最初のサンプルなどで扱われることも多いようです。しかし、docume
【コラム】イマドキのIDE事情 (84) JavaScriptもユニットテスト! JsUnitを使ってみよう | エンタープライズ | マイコミジャーナル
JavaScriptのユニットテスト JavaではJUnitを使用してユニットテストを自動化することが可能だ。他の言語でもJUnitに似たテスティングフレームワークが整備されていることが多い。 それではJavaScriptの場合はどうだろうか? 近年Ajaxを活用したWebアプリケーションが増えていることもあり、JavaScriptコードの品質に関する要求も増している。今回はJavaScriptのユニットテストを行うためのツールとしてJsUnitを紹介する。 JsUnit JsUnitを使ってみよう JavaScriptのユニットテスト用フレームワークとして最も有名なものがJsUnitだろう。JsUnitはHTMLファイルに記述されたJavaScriptのテストケースをWebブラウザ上で実行するというものだ。 以下にJsUnitのテストケースの例を示す。app/jsUnitCore.jsを
google analyticsのレポーティングを自動化する
今回は、アクセス解析の話ではないのですが、データとして GAを使ったので、ここに書きます。 前回、スクロール率をgoogle analyticsで計測した話を書きました。 レポート部分は、エクセルでの表示だったんですが、今回、自動化のひとつの方法として、タイトルの方法をやったので、報告します。 Google Apps Script(GAS)は、かなりの便利ツール データを外部から引っ張ってきて、加工して、メール配信というのが、割合簡単にできます。 今回は、google analyticsのデータを引っ張って、加工して、HTMLメールで配信という形の紹介です。 GASの記述は、javascriptです。 google analyticsの集計の設定も javascriptですので、 javascriptは習得しがいのある技術かもしれません。 手順としては、URLFetchで google a
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
JavaScript、HTML5、 CSSの投稿共有コミュニティサイト「jsdo.it」をリリース | 面白法人カヤック
株式会社カヤック（本社：神奈川県鎌倉市、代表取締役：柳澤大輔 貝畑政徳 久場智喜、http://www.kayac.com/ 以下「同社」 ）は、2010年6月18日、JavaScript、HTML5、CSSを投稿して共有するコミュニティサイト「jsdo.it」をリリースいたしました。 「jsdo.it」は、Web制作において話題となっている次世代開発言語「HTML5」と、「JavaScript」「CSS」のソースコードを投稿してユーザー間で共有できるWebサービスです。 同社はFlashを投稿して共有できるWeb サービス「wonderfl build Flash online」を2008年12月より運営しており、国内外合わせて2万3000人のユーザーと8万9000の投稿数を獲得しています。HTML5、 JavaScript、CSSにおいても簡単に投稿ができたり、ノウハウを共有したりで
JavaScriptコーディング等を書く上でのパフォーマンス確認事項３０:phpspot開発日誌
30 best practices to boost your web application performance - Web User Interface Architect JavaScriptコーディング等を書く上でのパフォーマンス確認事項３０。 自分へのインプット＆メモがてらにちょっとまとめてみます。 JavaScript DOMの操作は可能な限りやめる eval, new Function() は遅いので可能な限り使わない withステートメントを使わない（使った事ないですが） for-in 文ではなく for 文を使う。 ループの中で try-catch ではなく、try-catchの中にループを置く グローバル変数をなるべく使わない aaa+='AAA';aaa+='BBB'; の方が aaa+='AAA'+'BBB';より速い 複数の文字列連結には、Array で文字列
iPhoneのタップ・回転イベントを JavaScriptで取得するサンプル - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の「タップ」や本体の「回転」は、JavaScriptでも取得することができます。 つまり、Webサイト・Webアプリでこれらのイベントを捕まえてプログラムを作ることができるという訳。 簡単なサンプルを作ってみましたので、お試しください。 iPhoneのタップ・回転イベントをJavaScriptで取得するサンプル(iPhoneで確認してください) まずは、こんなHTMLを準備して・・ <dl class="iPhoneDL"> <dt>イベント</dt> <dd id="dEvent">なし</dd> <dt>X位置</dt> <dd id="dX">-</dd> <dt>Y位置</dt> <dd id="dY">-</dd> <dt>向き</dt> <dd id="dTurn">-</dd> </dl> プログラムは次の通り。 <script type="text/java
HTML/JavaScript/CSSで作るマルチプラットフォームアプリ·QuickConnectFamily MOONGIFT
QuickConnectFamilyはiPhone/Android/Mac OSX（その他色々）用のオープンソース・ソフトウェア。システムのプラットフォーム、サーバ/クライアントの違い、技術要件などでプログラミング言語を選択すると、実に多様な選択肢があることに驚かされる。 地図アプリ。サンプルはその他にも多数あり それだけの言語を覚え、実践レベルで使えるようになるにはコストが相当にかかると思われる。一度覚えた言語を使って他のシステムでも利用できれば、習得コストを減らしつつ開発に臨めるようになるだろう。iPhoneやAndroidアプリをもっと手軽に開発できるようにするのがQuickConnectFamilyだ。 QuickConnectFamilyは実に多様なスマートフォン、OSに対して利用が想定されている。現時点ではiPhone/Android/Mac OSX/Linuxなどがメインでは
JavaScriptで3D - os0x.blog
id:wanparkさんが(3年前に)書かれたchannel3というFlash用3DグラフィックライブラリをJavaScriptにポーティングしてみました。IEは未対応です(たぶんそのうち)。 channel3JS - ss-o.net この前のCanvasでDot3Dが結構余裕だったので、もうちょっと本格的な(だけどライブラリとして大きすぎないような)のをポートしたくなったところにchannel3のことを思い出して、突貫でやってみました(コメントアウトいっぱいでソースは綺麗じゃないです)。 SVGとCanvas両対応です。なぜかというとパフォーマンスを比べたかった(SVGのほうが良い)のと、テクスチャやるにはCanvasが必要になりそうだから。 実はSVGほぼ初めて触ったんですが、面白いので後でまとめようと思います。 ソースは os0x / channel3JS / source — B
【レポート】"かんたんログイン"のセキュリティ問題とは何なのか? - WASForum 2010 (1) 「かんたんログイン」で指摘される問題性 | ネット | マイコミジャーナル
Webアプリのセキュリティを検討する「Webアプリケーションセキュリティフォーラム(WASForum)」が5月22日、認証と認可に関するイベントを開催した。その中で携帯電話の「かんたんログイン」のセキュリティに関して講演が行われた。 WASFは、もともとPCの一般的なインターネットのセキュリティを対象にしていたが、昨今のスマートフォンの流行などで携帯電話からも通常のインターネットが頻繁に利用されるようになったことから、今回のような考察が行われたという。 かんたんログインに関して講演をしたのは、HASHコンサルティングの徳丸浩氏と、産業技術総合研究所(産総研)の高木浩光氏。 パンドラの箱を開いたキャリア 携帯電話のWebサイト(携帯Web)で一般的に利用される「かんたんログイン」は、iモード(NTTドコモ)やEZweb(au)、Yahoo!ケータイ(ソフトバンクモバイル)で利用されているログ
第7回 JavaScriptとHTMLとDOMの基本#2 イベント編 | gihyo.jp
こんにちは、太田です。前回はJavaScriptからみたHTMLの基本を中心に解説しました。今回はまず、イベントについて解説します。JavaScript、DOMにおいてイベントは極めて重要です。ブラウザ上のJavaScriptでは必ずといってよいほどイベントが絡んでいますし、ウェブアプリケーションをコントロールする根幹的な技術と言えるほどです。 JavaScriptとイベント ブラウザはscriptタグで指定されたJavaScriptを解釈して実行します。その時、関数などを定義するだけにして、実際にその処理が行われるのはユーザーがボタンをクリックした時や、何かを入力した時など、ユーザーの何らかのアクションに関連付けてJavaScriptを実行させることができます。さらには、ユーザーのアクションだけでなく、ページの読み込みや通信処理の完了後など、ブラウザ上で起こるあらゆるイベントについて処理
[Safari] フリックバスケットボール: Flashより滑らか？なjavascriptゲーム。1468 | AppBank
この記事はこのアプリの開発会社様からの寄稿です。 ゲームサイトsplax.netと申します。当方コンテンツを自薦させていただきます。 iPhoneのsafariで、 https://splax.net/m/play1.html にアクセスして下さい。 画面タップでスタート。 ボールをつかんでドラッグ！投げやすい位置に持って行き… 勢いよくフリックでシュート！ クールにポイントゲット！ 敵ディフェンダー登場！投げる範囲が限定される。 連続ポイント（ゴール）でコンボ得点が入るぞ！ 目指せ10連続コンプリート！ safariの下部メニューより、「ホームに追加」を選択することで、 ネイティブアプリのようにホームのアイコンからゲームを起動できます。 5/26 appleの公式webアプリケーション紹介ページでトップ掲載されました。 ゲーム自体は、シンプルなバスケットボールのシュートミニゲームですが、
PHPでXULによるGUIアプリケーションが作れる仕組み「SiteFusion」:phpspot開発日誌
Open-source PHP/XUL application client-server framework - SiteFusion PHPでXULによるGUIアプリケーションが作れる仕組み「SiteFusion」というものがあるみたいです。 動作原理としては、サーバ側でPHPがJavaScriptのコードを出力し、クライアント側で、JSコードを解釈してGUIアプリケーションにみせるというものです。 PHPによって別言語のコードを吐いてリッチなGUIアプリを作るというのはなかなか面白いですね。 Hello World は次のようなコードになるそうです。 関連エントリ PHPでGUI - スタンドアロンアプリケーション作成方法
iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
【コラム】攻略! ツール・ド・プログラミング (23) JavaScriptからFace.comの顔認識APIを利用する | エンタープライズ | マイコミジャーナル
API Sandboxで各メソッドの動作を確認する 前回に引き続き、Face.comの顔認識APIについて紹介する。face.com developersには顔認識APIを試してみるための「API Sandbox」が用意されている。このツールを使って、任意の写真に対して各メソッドを実行した場合のレスポンスを見ることができる。使い方は、左の[Method:]の部分から試したいメソッドを選択し、上部にある写真を選んでクリックするだけ。もしくは、[Method Patrameters:]の[urls:]に写真のURLを指定して[Call Method]ボタンをクリックすれば、任意の写真に対してメソッドを実行することができる。 図1はface.detectを実行してみた様子。顔の中心および目、鼻、口の座標や、性別、眼鏡の有無、笑ってるかどうかなどが検出される。図2はfaces.recognizeを
#10 jQuery/Mozilla John Resig | gihyo.jp
JavaScript界隈で最近注目のライブラリ、jQuery[1]。今回のゲストはその作者にして、Mozilla CorporationでJavaScript Evangelistを務めるJohn Resigさん。日本の「JavaScript先進国」ぶりにはかなりのインパクトを受けたようです。 （左）小飼弾氏、（右）John Resig氏（撮影：武田康宏） 米国にはない 弾：JavaScriptに関わったきっかけは？ Resig：大学ではPerlを使っていて、Mozillaの前にいたスタートアップ企業に入ってから使うようになりました。以来、JavaScript一筋です。 弾：JavaScriptコミュニティのShibuya.jsで講演されましたが、日本のJavaScriptersはどうでした？ Resig：非常に楽しかったです。そもそも、JavaScriptのコミュニティが日本に存在し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ruby＆HTML＆JSによってMacOS Xのデスクトップアプリが作れる「Bowline」:phpspot開発日誌