jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
逆引きJavaScriptリファレンス
逆引きJavaScriptリファレンスです。 ◆ステータスバー（ウィンドウの最下行）に文字を表示させたい ◆文書中に文字を表示させたい ◆変数の値を文書中に表示させたい ◆"(ダブルクオーテーション)を表示させたい ◆'(クオーテーション)を表示させたい ◆フォームのテキストエリアに文字を表示させたい ◆背景の色を変えたい ◆現在の日付を求めたい ◆現在時刻を求めたい ◆警告や注意を促したい ◆文字を入力させたい ◆数値を文字にしたい（変換） ◆文字を数値にしたい（変換） ◆文字列の中から１文字だけ取り出したい ◆一定時間ごと処理を行いたい ◆一定時間ごとの処理を停止させたい ◆サブウィンドウを開きたい ◆フォームに入力された文字列を取り出したい ◆自分のコンピューターのファイルを読み出したい ◆相手のコンピューターにファイルを書き込みたい ◆指定アプリケーションを起動させたい ◆配列を作
DOM関数｜DOM（Document Object Model）: Element｜JavaScript/DOM｜PHP & JavaScript Room
DOMとは？ 2007/7/1 DOM（Document Object Model）とは、プログラムやスクリプトで使って（X）HTML・XML文書の構造やノードに動的にアクセスためのAPIです。 JavaScriptでは(X)HTML・XML文書をオブジェクトとして扱えます。 プロパティやメソッドで各要素にアクセスすれば、要素の情報を取得したり、その情報を書き換えることができるので、静的なHTMLを動的に変化させることができます。
Element.getAttribute() メソッド(引数で指定された属性の値の取得) - JavaScript リファレンス
令和 4年 5月 1日現在の定義です。 メソッド名 Element.getAttribute() 四文字目の A を除き全て小文字です。 メソッドの定義 引数で指定された属性の値の取得 メソッドの引数 Element.getAttribute( attribute_name ) attribute_name 属性名。 メソッドの返し値 引数で指定された属性がある場合 該当する属性名の属性値を与える文字列 引数で指定された属性がない場合 空文字列 規格 DOM 第一水準 対応環境 グーグルクロム マイクロソフトエッジ ◯ ファイヤーフォックス ◯ サファリ ◯ IE ◯ Element.getAttribute() メソッドとは。 Element.getAttribute() メソッドは、引数で指定された属性の値を取得するメソッドです。 Element.getAttribute() メソッド
ドキュメントオブジェクトモデル(DOM) - とほほのJavaScript入門
目次 DOMとは 要素を検索する element.getElementById(id) element.getElementsByClassName(className) element.getElementsByTagName(tagName) element.getElementsByName(name) element.querySelector(selector) element.querySelectorAll(selector) 要素の親子兄弟関係を参照する element.childNodes element.parentNode element.firstChild element.lastChild element.previousSibling element.nextSibling element.pseudo(type) 要素内のテキストやHTMLを参照・設定するす
Javascript/配列操作 - 俺の基地
先頭を削除し先頭を取得する var hoge = [1,2,3,4]; var piyo = hoge.shift(); //[2,3,4]; alert(piyo); //1 破壊的 ▲ ▼ 末尾を削除し末尾を取得する var hoge = [1,2,3,4]; var piyo = hoge.pop(); //[1,2,3] alert(piyo); //4 破壊的 ▲ ▼ 末尾に追加する var hoge = new Array(); hoge.push('aaa'); 破壊的 実はこのメソッド var hoge = []; hoge.push('aaa', 'bbb', 'ccc'); 引数を何個もとって連続で追加することができる。 ▲ ▼ 配列を結合する（破壊的） 「末尾に追加する」pushは引数を複数個とれるので、こいつを応用すると破壊的に配列を結合することができる var h
web2driver.com - web2driver リソースおよび情報
web2driver.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、web2driver.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
Ajax入門
Ajax入門 Ajaxとは Ajaxは、エイジャックスとかアジャックスとか呼ばれます。新しい言語というよりは、技術（手法）の名前というのが正しいようです。 動的ページは、条件によって出力する内容を変化させるウェブページの事ですが、大きくわけて２種類あります。 １．サーバーサイドスクリプト ２．クライアントサイドスクリプト サーバーサイドスクリプトは、CGIやPHPのようにサーバー側で動作するスクリプト言語です。サーバーサイドにあるデーターベースにアクセスする事ができるため、簡単な掲示板スクリプトから通販サイトや受発注ページなど、データーベースがらみの処理に多く利用されます。 クライアントサイドスクリプトは、JavaScriptに代表される端末側で実行させるスクリプトです。サーバー側にあるデーターベースへのアクセスはできませんが、リロードなしで画面を書き換えられるといった、クライア
無職のプログラミング HTML5 Audio オブジェクトを JavaScript で制御する方法
HTML5 の Audio オブジェクトについて調べたことをまとめる。 なお、本エントリでは Audioタグについては記述しない。 ＜注意＞以下で示すソースコードは、Firefox3.6 と GoogleChrome7 でしか検証していません。 目次 1. HTMLAudioElement オブジェクトの作成 2. HTML5 Audio およびコーデックのサポートチェック 3. 再生する Audio ファイルの指定 4. Audio ファイルの再生、一時停止、停止 5. Audio ファイルの音量変更 6. サンプルプログラム 1. HTMLAudioElement オブジェクトの作成 参考ページ： audio 要素 - HTML5 タグリファレンス - HTML5.JP JavaScriptで制御するために、Audio要素のオブジェクトを作成する必用がある。 作成方法は以下の2通り /
HTML5 AudioとJavaScriptで作った簡易ドラムマシン (jsfx バージョン) : 音楽方丈記
HTML5 AudioとJavaScriptで作った簡易ドラムマシン (jsfx バージョン) Version 1.0.1 » 解説記事はこちら » 音声ファイル読み込みバージョン(前バージョン)はこちら 2011 © 音楽方丈記 Tweet
Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 (nakatani @ cybozu labs)
« MyMiniCity 日本語化 | メイン | JSRuby から jQuery を使う ( Javascript 連携 ) » Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 あけましておめでとうございます。 １月からサイボウズ・ラボのオフィスが引っ越しました。新年から気分も新しくぶりぶり仕事します。よろしくです。 というわけでちょっとずつ作っていました Javascript で実装した Ruby インタプリタの "JSRuby" を一区切り付けるべくバージョン番号を付けてリリースしました。 JSRuby Project Page (CodeRepos) http://coderepos.org/share/wiki/JSRuby JSRuby Test Page https://labs.cybozu.co.jp/blog/nak
2011年はサーバサイドJavaScriptの年になる
「2011年はサーバサイドJavaScriptの年になる」 こう書いているのは、JavaScriptのテストフレームワークZombie.jsの作者Assaf Arkin氏。ブログLabnotesで、エントリ「2011 is year of the Server-Side JavaScript」を公開しています。 5年前のRubyや90年代のJavaに似ている Arkin氏は、JavaScriptが登場したときにNetscapeはサーバサイドJavaScriptも用意していたのを覚えている人はいないだろうな、との書き出しで過去を振り返っています。 not many people remember, Server-Side JavaScript for writing the back-end logic. I believe back then it was called LiveWire.
localStorageはいい感じ
今日のネタは、HTML5で規定されているlocalStorage(ローカルストレージ)についてです。 以下、特徴をいくつか挙げてみます。 2011/07/06 イベントについて追記 ローカルにデータを保存します PCやスマートフォンなどの端末にデータを保存します。 別のサイトに行こうが、ブラウザを閉じようが、データが残っています。 localStorageの使い方としては、キャッシュ的な使い方が良さそうです。 「サーバーからデータを取得してlocalStorageに格納しておく。次にアクセスしたときはlocalStorageから取得する。もしなければサーバーに取りに行く。」 って感じで。 サーバーに取りに行かなくて済むなら処理が早くなってハッピーですね。 所詮はローカルのデータなので、データが存在することを前提にしてはいけません。 モダンなブラウザなら大概使えます IE8以上、FireFo
HTML5のlocalStorageでiPhone用Webアプリを高速化
HTML5のlocalStorageでiPhone用Webアプリを高速化：iPhoneで動かす業務用Webアプリ開発入門（4）（1/2 ページ） 今回は、iOSのSafariの中にデータを記録できる、HTML5の「localStorage」機能を使って、データの先読みとキャッシュを実現しアプリケーションの体感パフォーマンスを向上させてみます。 HTML5の「localStorage」とは localStorage（ローカルストレージ）とは、HTML5で規定されている、Webブラウザ内部のKVS（キーバリュー型データストア）です。iOSのSafariでも実装されていて、JavaScriptコードからアクセスでき、任意のデータを保存できます。 いきなり注意！ localStorageの保存データはテキストで！ HTML5の仕様では、localStorageに保存できるデータはJavaScrip
JSON in JavaScript
JavaScript is a general purpose programming language that was introduced as the page scripting language for Netscape Navigator. It is still widely believed to be a subset of Java, but it is not. It is a Scheme-like language with C-like syntax and soft objects. JavaScript was standardized in the ECMAScript Language Specification, Third Edition. JSON is a subset of the object literal notatio
ハプニングバー大阪おすすめ人気ランキング。口コミと評判で事実を暴露
2020/01/10 (更新日: 2022/03/10) ハプニングバー大阪おすすめ人気ランキング。口コミと評判で事実を暴露 ハプニングバー 大人の社交場、ハプニングバーは大阪府内にたくさんあります。 今回の記事では大阪×ハプニングバーに視点を当てて、おすすめランキングや各店舗の特徴や雰囲気。そして料金など！徹底的にご紹介していきます。 大阪で大人の遊びを体験したいなら、ぜひぜひ気になるお店を見つけてくださいね！ ハプニングバーには一人で行く事も出来ますが、料金が少し高くなります。 その上、一人で来た男性と女性を交換してくれる人なんていないですよね。 かといって一緒に行く女性もいない方はＰＣＭＡＸに登録しましょう。 無料で女性を探せる掲示板で女性をゲットしてからいけば、料金も安くスワッピングを楽しめちゃいますよ。 無料ポイント以内で一緒に行く女性を見つける事も可能です。 無料で登録できるP
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.adakoda.com/adakoda/2010/04/html5-geolocationapi.html
gooサービス終了のお知らせ | dメニュー
iPhoneやAndroidのブラウザでHTMLベースで音を出すには？