業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
弾さんのとこで、JavaScriptでテキスト内の変数展開をやる方法がでてる。 テキスト内の変数展開はいつも欲しいと思う。+で文字列を連結するのうざい!というわけで作ってみました。 function interpolate(str){ return str.replace(/#\{([^\}]+)\}/g, function(m0,m1){ var v = ''; try{ v = eval(m1); }catch(e){ v = e } return v; }); } http://blog.livedoor.jp/dankogai/archives/50766443.html でも、 先生、これじゃローカル変数が展開できません! なので、こんな感じでいかがでしょう? function interpolate(str) { return "\""+ str.replace(/\\/g,
Document Object ModelEventコンストラクターEvent()インスタンスプロパティbubblescancelablecancelBubblecomposedcurrentTargetdefaultPreventedeventPhaseexplicitOriginalTargetisTrustedoriginalTargetreturnValuesrcElementtargettimeStamptypeインスタンスメソッドcomposedPath()initEvent()preventDefault()stopImmediatePropagation()stopPropagation() DOM に関連するページAbortControllerAbortSignalAbstractRangeAttrCDATASectionCharacterDataCommentCusto
2006年10月21日18:00 カテゴリLightweight Languages javascript - Interpolatorで変数展開 Perlにはqq($variable)、 Rubyには#{ expression }、Pyhonはさておき、JavaScriptには存在しないのはなぜ? というわけで、こさえてみました。 ここをクリックでinterpolateします。 タイトルは document.title. URIは location.href これは 駄目。 これはOK encodeURIComponent('小飼弾') これもOK document.getElementsByTagName('body') これもOK: (function(){ var a = []; for(var p in document) a.push(p); return a.join(",
はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE
ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセスして結果をXMLやHTMLやJSONで受け取る」というケースに限定すれば、基本的に3つのパターンに分けられる。 1. 同期通信 result = urlfetch.fetch("http://www.google.com/") if result.status_code == 200: doSomethingWithResult(result.content) その書きやすさのために、実務経験の
javascriptでユーザーのマウス操作をハンドリングする際、 click dblclick mouseover mouseout mousedown mouseup と、よく使うイベントハンドラがありますが、 マウスボタンの長押しをハンドリングするハンドラがありません。 Webページで長押しを使いたいケースがあったので、簡単なライブラリを作成しました。 興味のある方はどうぞ。 マウスの長押しでスクリプトを実行 マウスボタンの長押し Windowユーザーの方はマウスボタンの長押しにはなじみがないかもしれませんが、 Macでは昔から利用されている操作方法です。 アイコンやリンクなどの領域をマウスボタンを押した状態で少しキープすることで、 クリックとは異なる機能を呼び出すことができるものです。 ※このエントリは builder メンバーにより投稿されたものです。シーネットネットワークス
GREEの考える効率的データ管理 ハイブリッド環境にあるデータを一元で管理 有効活用とガバナンス強化を実現できた背景 リモート、オフィス、オンサイト 働く場所を選ばないハイブリッドワーク これからの快適な業務環境構築のポイント Identityマスターへの道(5回目) ID一元管理のメリットをライフサイクルから 考えてみよう! ハイブリッドクラウドとAI これからの時代のデジタルビジネスを支える IBMの新たなビジネス&パートナー戦略 Azureの上でVMware環境を動かす 昨年発表された注目の「AVS」 本当に使えるのか検証をしてみた結果 特集:IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 SoRとSoEをつなぐDX推進の要 新しい時代の顧客とのデジタル接点管理 クラウド型商品管理基盤(PIM)の重要性 ネットワークもサービスとして使う いま企
追記:どうやらnowa サービス終了のお知らせで既出だった模様。 ページが見つかりません | Mozilla Developer Networkを使って簡単に、絶対座標を得ることができる。 offsetParent辿っていってoffsetWidth足したりしなくていいので手軽。 function getElementPosition(elem){ var position=elem.getBoundingClientRect(); return { left:Math.round(window.scrollX+position.left), top:Math.round(window.scrollY+position.top) } } getElementPosition(document.links[5]) getBoundingClientRect()で返ってくるプロパティは、小数にな
日頃、コーディングを行うとき、「この処理のパフォーマンスいいのか?」を気にするようにしている。 が、そういえばJavaScriptに関してはあまり気にしたことがない。 こんなサイトがあった。 JavaScript speed test http://www.jorendorff.com/articles/javascript/speed-test.html タイトル通り、JavaScriptのいろいろな処理を行ってその処理時間を計測してくれる。 そうすると、意外におもしろいことがわかった。 1.メソッド名がいらないなら、付けない方がいい。
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
MDN のこの JavaScript セクションは、JavaScript 言語についての情報倉庫となっています。詳しくはこのリファレンスについてを読んでください。 組み込み この章では、JavaScript の標準組み込みオブジェクト、そのメソッドとプロパティについて説明しています。 値のプロパティ Infinity NaN undefined globalThis 関数のプロパティ eval() isFinite() isNaN() parseFloat() parseInt() decodeURI() decodeURIComponent() encodeURI() encodeURIComponent() 基本オブジェクト Object Function Boolean Symbol エラーオブジェクト Error AggregateError EvalError InternalE
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
bookmarkletで、「選択文字列を取得して何かする」という処理はよくあるものですが(検索エンジンに渡したりとか)、そのことについて暫く考えを巡らせています。 ※ 以下のJavascriptソースはMozilla系ブラウザで動作させるものとします。 Firefoxで選択文字列を取得する場合は、以下のような方法が用いられます。 var t = window.getSelection().toString(); 多くの場合はこれで問題無いのですが、うまく行かない場合もあります。 まず、フレームが使われている場合。フレームの中のページは、大本のページとは別のwindowオブジェクトなので、その中で選択文字列は上記の方法では取得できないことになります。何とかしようとするならば、window.framesにより子windowオブジェクトを取得し、それぞれのwindowオブジェクトについて再帰的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く