スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。
こんにちは。開発担当の林です。 iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。 また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。 広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。 ウェブページがどのくらい拡大されているのかを取得する // ページの幅 ÷ 表示されている幅（この行だけでいいかな） var zoomer = document.body.clientWidth / window.innerWidth; // 以下で拡大率を目視できるでしょう alert( zoomer ); // 小数点がたくさんつくので、第二位までに丸め込
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
Private Presentation
Private content!This content has been marked as private by the uploader.
Cloud9 - Your code, anywhere, anytime
Developers need control over their own environment! Cloud9 IDE is aiming to be the IDE for Javascript developers. We have all experienced the Eclipse variants and other Java or C++ IDE's for which webdevelopment and javascript was an afterthought. Extending these applications or customizing them to our needs was done in either Java or C++ and generally very difficult. We are developing application
新型はてなブックマークボタンを速くする
遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ
はじめての共同作業 Canvas編 (node.js + websocket)
こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人（複数）でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。 ■■■概要■■■ ・アプリ概要 ・・Canvas + WebSocket ・対応ブラウザ ・・Chrome or Safari (他、WebSocketが使えるブラウザ） ・サーバ側プログラム ・・node.js 0.2.0 ・・express@1.0.0rc2 ・・websocket-se
WebSocketで目指せ“リアルタイムWeb”！第1回 node.jsの衝撃とWebSocketが拓く未来 - ＠IT
ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々（我々は自分たちのことをBambinoと呼んでいます）がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。
Ajaxに力を入れ始めたマイクロソフト、今度はJavaScript圧縮ツールを無料公開
マイクロソフトのAjaxに関する動きが目立ってきました。以前のエントリで紹介したように、9月にはAjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」の配布を開始。 Ajaxの起動を高速化するツール「Doloto」、マイクロソフトが発表 － Publickey 10月には、Ajaxのライブラリとして最も人気のあるjQueryのマイクロソフト自身による配布を開始すると同時に、Ajaxライブラリを高速に配布するためコンテンツデリバリネットワーク、「Microsoft Ajax CDN」を立ち上げています。 マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ － Publickey Announcing Microsoft Ajax Library (Preview 6) and the Microsoft Ajax
エゴサーチにもってこい? ブログのはてなブックマーク数を常に表示するユーザスクリプト「はこべ」 (Kanasansoft Web Lab.)
どこでもはてなブックマーク数「HAtena Bookmark COunt Everywhere」の頭を数文字ずつとって並び替えて「hacobe」です。 え? 名前が同じ人がいる? そんなMacPortsの人なんて知りません。 hacobeに登録されたurlのはてなブックマーク数をブラウザの左下に常に表示し続けます。 urlはGreasemonkeyのユーザスクリプトコマンドメニューから登録します。 登録できるurlは二種類、pageとsiteです。 pageは、特定のページについているはてぶ数を表示させる事ができます。 siteは、特定のサイトについている全はてぶの数を表示させる事ができます。 詳しくは次のリンク先をご覧下さい。
JavaScriptで作られたチャットシステム·JsChat MOONGIFT
※ 画面は公式サイトデモより Lingrの終了を受けて、という訳ではないだろうが最近Webチャットのシステムを良く見かける気がする。この手のプラットフォームとしてはIRCが最も軽量で使いやすいだろうが、Webベースであればもっとインタラクティブなものになる。 Cometを使ったものではないが、JSONを使ったWebベースのチャットシステムがJsChatだ。 今回紹介するオープンソース・ソフトウェアはJsChat、JavaScriptを使ったWebチャットシステムだ。 JsChatはIRC的な面白さを持ったWebチャットシステムだ。ユーザ名を決めて、#ではじまるルーム名を設定すれば良いだけだ。友人にはそのURLを知らせれば良い。ルームに入った後「/name ユーザ名」で名前を変更できる。 画面や動画の埋め込みに対応。ヘルプの呼び出すも簡単 画像のURLやYoutubeのアドレスを送信すると、
ももらぼっ！にっき(2008-07-10)
_ [WM][Giraffe] Giraffeのアプリ一覧でAutoPagerize。 Giraffeのアプリ一覧でFirefoxのAutoPagerizeが動くようにしました。 「wedata対応バージョンのSITEINFO作成用Firefox拡張機能 AutoPagerize Iteration Detector - bits and bytes」というものがあったので、それを使って作ってみたのですが、結構簡単に対応できるものなのですね。 XPathを忘れかけてたので、そこでちょっと詰まってしまいましたが、Wedataにある他のデータがサンプルになるのであんまり困りませんでした。 ということで、無事Wedataへも登録したので、GiraffeでAutoPagerizeできるはずです。 うまく動かないようでしたら連絡くださいませm(_ _)m …まだ２ページしかないので、後はどんどんアプ
JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20
twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス（v1.4.0,1.5.x,1.6.0） ・prototype.js の開発者向けメモ：（v1.5.0） ・prototype.jsリファレンス HowTo / Review ・第１回：Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第１回：Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FancyForm - Javascript checkbox replacement