iPhoneの特徴的なインタフェースであるフリック操作を、iOS、Android、PC上のブラウザで実現するjQueryプラグイン、jQuery.flickSimpeをアップデートしました。 jQuery.flickSimple デモ / マニュアル jQuery.flickSimple ダウンロード(github) 今回のアップデートの目玉は、縦フリック対応です。 #縦だとフリックとは言わないのですかね。この辺りの操作の名前がよくわかりません・・・。 iPhone、Androidで、overflow: scroll; にしたい時のスクロールの処理にも使っていただけると思います。 現時点で、まだAndroidの実機での動作が確認できていません。上手く動かないようであれば、お知らせをいただければと思います。また、お急ぎであれば、古いバージョンをお使いいただければと思います。
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ&ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
最速な JavaScript のリファレンスマニュアルサイトをつくった http://jsref.64p.org/ JavaScript のリファレンスマニュアルといえば MDN(Mozilla Developers Network) が有名ですが、MDN の資料は探索がめんどくさいし、表示が遅いということで使い勝手がわるいという問題がありました。 そこで、jQuery のリファレンスマニュアルサイトとして有名な jqapi.com とおなじよような使い勝手のサイトがあったらいいのになーとおもいました。 なので、つくりました。 サイト自体はすべて static なデータで構成されているので、github からデータを取得すれば、イントラや自分のマシン内で閲覧することも可能となっています。 なお IE での動作確認はしていないので、うまくうごかない場合は pull-req してください。 I
サーバサイド(特にNode.js)とクライアントサイド両方で動かしたいものは最近はこんな感じで書いている。 CommonJSのwiki見ててそこに紹介されてるソースコードで(どれだったか忘れたけど。。)やってたのを見ていいなーと思って真似っこした。 (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている(例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ)。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
2011年12月02日06:30 jQuery初心者(凡人)が1か月でjQueryを書けるようになった4つのポイント カテゴリWEB書評・読書メモ mixiチェック シェア Tweet 独学でjQueryをはじめて、1か月そこそこで ベーシックなアニメーションを実装できるようになりました。 私なりにポイントだと思ったことを整理したいと思います。 ポイント1 jQuery初心者用の本を買う 数か月前からjQueryを学びたい、学びたいと思い、はてぶのホッテントリに入る jQueryの記事を、ブックマークしては都度読んでいました。 しかし、一向に進歩が見られません。 いい加減、本でも買ってみるかと思った最中 ひょんなことで出会ったこの本により、jQuery学習のスピードが一気に上がりました。 Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)西畑 一馬アスキ
最近またLocal Player (Chrome Player)を実装しなおしています. 一応説明しておくと, Local Playerは, 完全にローカルで動作する音楽プレイヤーです. シンプルさを求め(実装がめんどくさいだけ), 操作しやすく(これは大事), 良い感じのプレイヤーです. 半年前に, ソースコードがスパゲッティになって, 開発を中断していましたが, 最近また書きなおし始めたのです. 音楽プレイヤーをブラウザー上で実装するのには, 音楽ファイルをJavaScriptで読み込まなければなりません. そこでHTML5ですよ!!! <audio src="url/to/musicfile.mp3" type="audio/mp3" /> みたいな感じで, 音楽を再生できます. 詳細は他のページに譲ります. さて, 音楽ファイルを再生するには, ローカルファイルからurlをaudi
Google+チームに所属するエンジニアのMark Knichel氏が、Google+の高速性を実現するためにどのようなテクニックを使ったのかについて、Google+のページで解説しています。 (1) Mark Knichel - Google+ - Hi everyone! I’m an engineer on the Google+ infrastructure… 最新のWebサービスでどのようなJavaScriptのテクニックが使われているのかを垣間見ることができる説明になっていますので、見出しを中心に紹介しましょう。 1) We <3 Closure 私たちはClosureが大好きだ(<3は横向きのハートマーク) Closure(クロージャ)とは、オライリーの書籍「初めてのJavaScript」の解説を借りれば、関数の「入れ子(nesting)」です。(追記、このクロージャじゃなく
記事にまつわる情報をネットのあちこちから集めてまとめます。 「古い記事も見てほしいな」、「シェアしてくれるとうれしい」 「さっき書いたブログ、反響来てるかな?」 そんな時に、どうぞ。 ZenbackおよびZenback BIZサービス終了のお知らせ 平素は弊社サービスをご愛顧いただき、誠にありがとうございます。 2020年12月25日をもちまして、ZenbackおよびZenback BIZサービスを終了させていただきました。 ZenbackおよびZenback BIZをご利用いただきましたすべてのお客様に、スタッフ一同心より御礼申し上げます。
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能 JavaScriptでアプリケーションを1つ書けば、それがPCでも、クラウドでも、モバイルデバイスでも動作する。米Yahoo!が発表した「Cocktails」(カクテル)が実現するのは、すべてをWeb標準で実現したクロスプラットフォーム/クロスデバイスのアプリケーション環境です。 マルチプラットフォームを実現する「Mojito」 Cocktailsの核となるのが、JavaScriptフレームワークの「Mojito」(モヒート)。 Mojitoベースのコードは、ブラウザでもサーバでも動作すると説明されています。 With Mojito, developers will no longer have to wri
Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 (追記 2012/01/14) Googleから動画が公開されました。 http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※このセッションで解説された内容に一部変更点があるとのことなので、こちらも合わせて参照下さい。 (追記ここまで) HTML5 のオフライン機能(Eiji Kitamura) @agektmr 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html スライド 動的なデータの保存 Web Storage (localStorage / sess
GitHubは10月25日、「Hubot」をオープンソースプロジェクトとして発表した。HubotはGitHubが自社内で利用するために開発した作業自動化ツールで、IRCなどによるチャット経由でさまざまな処理を行える。 Hubotは企業向けのコラボレーションツール「Campfire」およびIRCのコネクタを持つボットシステム。チャットシステム上でHubotに対しメッセージを送信することで、さまざまな処理を実行できる。Node.jsおよびCoffeeScriptで実装されており、サンプルとしてチャットメッセージで指定した画像を取得して表示したり、指定した数式を計算してその結果を返すものなどが提供されている。スクリプトはCoffeeScriptまたはJavaScriptで作成でき、ユーザーによる機能拡張も容易という。 HubotはGitHub内でさまざまな用途で利用されているとのこと。GitHu
承前 まずNode.js is CancerでTedさんは以下の3点を問題視しました。 ブロックしないから速いとかプログラマは未熟でもいけるとかスケーラビリティとか全部大嘘だろう システム管理者にやさしくないアーキテクチャ JavaScript製 あまりに感情的で論点が曖昧なこの記事に、多くの人がtrollingだと指摘しつつも色々と論を展開しました。 2日後に出たTed本人によるフォロー記事では主に1点目について掘り下げています。 まず数学を使ってイベントモデルとスレッドモデルのそれぞれのスループットについて考察していきます。数式や変数展開の説明をしていくと長いので要点だけまとめると以下のようになります。 スレッドの実行数を増やせばCPU-boundなときはもちろんI/O-boundなときでもスループットを伸ばせる 理論的にはイベントモデルでもスレッドモデルでもスループットの最大値(=限
jQuery plugin for Twitter OAuth via popup window (Facebook style) Twitter OAuth認証をポップアップで行うjQueryプラグイン。 サーバ言語はなんでもよさそうですが、PHPでのサンプルも公開されています。 認証等もPHP側なのでプラグインの機能としてはFacebook風にポップアップにするというものです デモページはこちら サービスのTwitter連携っていうのは最近は必須であるように感じますね。 関連エントリ TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」 スマホ等のモバイル判定が簡単に行えるライブラリ「MobileESP」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く