Sorry, the website has been stoppedSorry, Please confirm that this domain name has been bound to the website.
Sprite3D.js, a small library for generating and manipulating CSS 3D transforms
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
タブやアコーディオンなど、様々なUI構築用のjQueryプラグイン30個以上をセットにしたフレームワーク・ jQuery EasyUI - かちびと.net
普段からよく見かけるjQueryによる タブやアコーディオンなどのUIの構築 を簡略化するためのフレームワーク・ jQuery EasyUIのご紹介です。プラグ インは30個以上あり、どれもシンプル なものになっています。 数じゃ敵いませんけど、Ext JSのjQuery依存型みたいな印象です。結構昔からあるみたいなので知ってる方も多いかもですけど・・・恥ずかしながら最近知ったので、僕と同様にまだ知らない方向けにシェア。 jQueryを使ったシンプルなユーザーインターフェースを構築する為のプラグイン30数個をワンセットにしているフレームワークです。余計な機能が付いていないものばかりなのでカスタムしやすいのでは。 コードはドキュメントに全部書いてありますので割愛します。 プラグインの一部をご紹介します。 Accordion 開閉するアコーディオン Menu シンプルなメニュー Panel パ
JavaScript で MessagePack を実装してみた - latest log
140文字を超えちゃうので、こちらで。 id:viver さんの MessagePack を JavaScript で実装してみました。 HOT TO USE <script src="misc/msgpack.js"></script> <script src="misc/utf8.js"></script> <script> var pack = msgpack.pack("こんにちはこんにちは"); alert(msgpack.unpack(pack)); // こんにちはこんにちは </script> 現時点の仕様 / 制限事項 仕様 msgpack.pack(data:Mix):ByteArray で、data に指定されたオブジェクトをエンコードし、ByteArray( [数値, ...] ) を返します。 文字列は UTF8 な raw data として数値化します。 エンコ
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
NimbleKitでiPhone用動画アプリを自作しよう (1/4)
再生したい動画ファイルを用意し、1つのフォルダにまとめておきます。今回はQuickTime形式／H.264コーデックの動画を用意し、movieフォルダに入れました。 Xcodeで新規プロジェクトを作成し、動画ファイルが入っているフォルダをプロジェクトウィンドウ内のResourcesフォルダにドラッグ＆ドロップで追加します。 NimbleKitでは、NKVideoPlayerクラスを使って動画を再生します。newでNKVideoPlayerオブジェクトを生成します。 var video = new NKVideoPlayer(); 次に、openFileName()メソッドで再生する動画ファイルを指定します。引数に動画ファイルのパスを指定します。 video.openFileName("movie/lake.mov"); openFileName()で指定できるのはアプリのパッケージ内に配置
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JSONのエスケープをどこまでやるか問題 - 葉っぱ日記
Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u
404|stabucky.com
お探しのページは見つかりません。 404 Not Found お探しのページは一時的にアクセスができない状況にあるか、移動もしくは削除された可能性があります。
【ハウツー】JavaでWebブラウザをドライブ! WebDriverを使ってみよう (1) WebDriverとは | エンタープライズ | マイコミジャーナル
WebDriverとは WebDriverはWebブラウザを操作するためのJavaライブラリだ。WebアプリケーションのUIテストツールとして使用することが想定されており、JavaScriptを多用しリッチなUIを提供するアプリケーションのテストに効果を発揮する。 サポートするブラウザはFirefox、Safari(MacOS Xのみ)、Internet Explorer(Windowsのみ)となっている。また、実際のブラウザは使わずHtmlUnitを使用することも可能だ。この場合、Rhino(Javaで実装されたJavaScriptエンジン)を使用してブラウザ上で動作するJavaScriptの動作もエミュレートすることもできる。また、試験的にiPhone用のドライバの実装も進められているようだ。 同種のテストツールとしてはすでにSeleniumなどがあり、多くのユーザに利用されている。し
多数のWebブラウザにおけるJavaScriptの動作確認をまとめて行う·Tutti MOONGIFT
Tuttiはnode.js製のソフトウェア。接続している全てのWebブラウザで入力したJavaScriptを実行し、その結果を受け取る。 Tuttiはnode.js/JavaScript製のオープンソース・ソフトウェア。かつてはNetscapeがWebブラウザ市場を圧倒しており、IEの無料戦略で一気に市場が荒れてしまった。その後、FirefoxやOpera、SafariさらにGoogle Chromeが登場し市場が賑わっている。 接続中 そんなWebブラウザが乱立しているせいで、JavaScriptの互換性を保つのが難しくなっている。多数のWebブラウザに対して同一のテストコードをインタラクティブに実行するのがTuttiだ。 Tuttiはnode.jsで作られており、各WebブラウザからTuttiへ接続する。そうするとTuttiにはどのWebブラウザが接続しているかという情報が表示される。
「JavaScriptと性能についての本当の話」をしよう。ダグラス・クロックフォード氏
JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード（Douglas Crockford）氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな？ いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク
Node.jsに強烈に個性的な「SocketStream」が登場！：Rails Hub情報局：エンジニアライフ
また1つ、Node.jsベースのWebアプリケーションフレームワーク「SocketStream」が登場しました。6月23日にロンドンで開催されたHacker Newsのミートアップで発表されたようです（@makoto_inoueさん、情報提供ありがとうございます！）。GitHubのレポジトリにはバージョン0.1のソースコードと、何ができるかというサンプルコードを含む長大なドキュメントが公開されています。 このSocketStreamは、単にまたNode.jsでWebアプリケーションフレームワークが1つ増えたという感じではないようです。従来のものとは、設計がドラスティックに異なっています。 まず、名前から自明なように、WebSocketを基本としていて、SPA（Single Page Application）が作りやすいように設計されています。SPAとは、1ページのHTMLを読み込んだら、後
Node.jsのために知っておくべきJavaScriptの基本3選
node.js上でコードを書くため、JavaScriptをしっかり復習したりnode.jsの制御フローを知るための読むべきページのリストです。 JavaScriptそのものの復習http://ejohn.org/apps/learn/John Resigさんの書かれたチュートリアルがわかり易いと思います。 JavaやRubyなどの言語を普段使っている方で、JavaScriptのプロトタイプベースのオブジェクト指向に親しみのない方は一読です。またJavaScriptに詳しい方も、GoogleのClosureでコードの最適化を行う際に問題を起こしにくいinheritanceを書くために、Michael Bolinさんの「Inheritance Pattern in JavaScript」を読んでみることをすすめます。http://www.bolinfest.com/javascript/inh
スマホ用JavaScriptフレームワーク5つ＋1を徹底研究（1/5） - ＠IT
スマホ用JavaScriptフレームワーク5つ ＋1を徹底研究 jQuery Mobile、iUI、jQTouch、 Sencha Touch、Wink toolkit、PhoneGapとは アシアル株式会社 鴨田健次 2011/6/22 スマートフォン向けJavaScriptフレームワーク／ライブラリを使うと、スマートフォンアプリっぽい見た目のページデザイン、UI（ユーザーインターフェイス）パーツやページ遷移アニメーションを簡単に実装できます。多くは、おのおののフレームワークのルールにのっとったHTMLを書くことで、それらの機能を実現します。 本稿では、jQuery Mobileを筆頭として、いくつか発表されているスマートフォンサイト向けJavaScriptフレームワークを紹介します。 ■ PCサイト向けJavaScriptフレームワークについて PCサイト向けJavaScriptフレー
巨大な指がポイント。スマートフォン向けタッチイベントを再現するJavaScriptライブラリ·Phantom Limb MOONGIFT
Phantom Limbは実際の指画像を使ってスマートフォン向けのタッチイベントをテストできるJavaScriptライブラリ。 Phantom LimbはJavaScript製のフリーウェア（ソースコードは公開されている）。スマートフォン向けのWebサイトを作るならば、やはりスマートフォン特有の機能を使ってみたいと思うはずだ。しかし問題は実装した後のテストになるだろう。 デモのイベント 特にタッチイベントはデスクトップとスマートフォンで動作が大きく変わる部分になるだけにテストしずらい。そこで使ってみたいのがPhantom Limbだ。 Phantom Limbを表示すると巨大な指が表示される。これはマウスカーソルと同じ動作になる。そしてクリックしたりするとそれがタッチイベントとして認識される。マウスを動かすと指の角度が変わるという、微妙なこだわりも面白い。 デモのメトロノームアプリ デモで
GWTのパワーをAdobe AIRやFlexでも活用する·gwt4air MOONGIFT
gwt4airはAdobe AIRやFlexでGWT（Google Web Toolkit）を利用できるようにするソフトウェア。 gwt4airはJava/Adobe AIR製のオープンソース・ソフトウェア。Googleが開発しているGWT（Google Web Toolkit）。Javaを使ってAjaxを使ったWebアプリケーションを開発できる技術/フレームワークで、JavaScriptを生成してくれる機能もある。 グラフ JavaエンジニアがJavaScriptに触れずにAjaxを実現するには良い技術だが、他のエンジニアであってもGWTを使ってみたいと思うかもしれない。それをFlex/AIRなどで実現するのがgwt4airだ。 gwt4airが目指すのはJavaではないプラットフォームにJavaの技術をもちこむことだ。面白いのはAdobe AIR上で実現するということは、GWTをデスク
並河岳史メモ: JavaScriptがネイティブアプリを飲み込む日
2011年6月11日土曜日 JavaScriptがネイティブアプリを飲み込む日 2003年1月、某通信キャリア主催のiアプリコンテストで僕のチームが優勝した。 コンピュータサイエンス方面の大学四年生で、暗号技術関連の研究で修士課程に進むつもりだったけど、人間性や態度に問題があって、僕はラボを追放されていた。 就職活動は全くしてなくて、もうすぐ卒業という状況だったけど、コンテスト優勝実績のおかげで携帯コンテンツ業界にうまく潜り込めた。 その後、携帯端末上で動作するアプリをひたすら書きまくった。 2004年も2005年も、携帯JAVAアプリの仕事はたくさんあった。 猫も杓子もどのサイトにもアプリ、差別化するにはとりあえずアプリ、というぐらい業界がヒートアップしていた時期もあったと記憶している。 今ではどうなったかというと、フィーチャーフォン（ガラケー）の世界はHTMLとFLASHが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「JSLint」からフォークされたJavaScriptで書いたプログラムの構文チェックツール「JSHint」 - 強火で進め
JSLint,The JavaScript Code Quality Tool