Ajaxと組み合わせて便利なHistory APIを使おう - PR TIMESデザイナー&エンジニアブログ BREAK TIMES
こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユーザーが直接読み込み先にアクセスしたり、ブラウザのBACKボタンで前に戻ったりできないので不便です。そんな時に使えるのが、Hisotry API。これはブラウザの履歴をJavascriptから管理、操作できる便利なAPIです。 まず以下の4つは以前からあり、古いブラウザでも動作します。 history.back();//表示した履歴の1つ前のページにもどる history.go(4);//表示した履歴の4つ前のページにもどる history.go(2);//表示した履歴の2つ先のページに進む history.forward();//表示
第7回 JavaScriptとHTMLとDOMの基本#2 イベント編 | gihyo.jp
こんにちは、太田です。前回はJavaScriptからみたHTMLの基本を中心に解説しました。今回はまず、イベントについて解説します。JavaScript、DOMにおいてイベントは極めて重要です。ブラウザ上のJavaScriptでは必ずといってよいほどイベントが絡んでいますし、ウェブアプリケーションをコントロールする根幹的な技術と言えるほどです。 JavaScriptとイベント ブラウザはscriptタグで指定されたJavaScriptを解釈して実行します。その時、関数などを定義するだけにして、実際にその処理が行われるのはユーザーがボタンをクリックした時や、何かを入力した時など、ユーザーの何らかのアクションに関連付けてJavaScriptを実行させることができます。さらには、ユーザーのアクションだけでなく、ページの読み込みや通信処理の完了後など、ブラウザ上で起こるあらゆるイベントについて処理
初めてのスクレイピング - しぶてぃーぶろぐ
現在、友人とWebサービスを作る計画があり、そのサイトを作るためにスクレイピングが必要だったのでちょっと勉強してみました。 ※追記 DOMツリー生成は時間がかかるのでネストが深くない場合は正規表現がオススメです スクレイピングとは？ はてなキーワードによると「ウェブサイトのデータを必要な部分だけ抽出して利用すること」だそうです。 あるウェブサイトのデータをとってきたいときにそのサイトのAPIが提供されていればそのAPIを使用すればいいわけですが、提供されていない場合は、スクレイピングをする必要があるわけです。 例えば、WikipediaはAPIが提供されていないので必要なデータをとってきたいときにとってこれません。スクレイピングすればとってくることができます。 ※Wikipediaはidをあまり指定しないサイト構成をとっているのでスクレイピングでデータをとってはこれるのですが、かなり面倒く
JavaScript Index/メソッド、プロパティ・リファレンス
この項では、JavaScriptにおける各オブジェクトのメソッド、プロパティ、関数、及び制御文などのリファレンスです。 一部にサンプルを掲載しました。お役に立てば幸いです。 ■ JavaScript Index
Indexed Database APIによるデータベース(1/7):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、ローカルな環境での利用に関する機能が強化されています。その中の目玉とも言えるのが「データベース」関係の機能でしょう。しかし、このデータベース機能は、現在までかなり迷走していました。HTML5には、データベースに関する機能が実は２種類用意されています。以下にざっと整理しておきましょう。 Web SQL Database API――これは既に連載の第４回で取り上げましたね。SQLベースのリレーショナルデータベース機能です。 Indexed Database API――これが今回取り上げるものです。非SQLによるデータベース機能です。 もともとデータベース機能は、Web SQL Database APIのほうが早くブラウザ側の実装が進められていました。が、ChromeやFirefoxなどが実装した頃になって、W3C（HTML5の規格を策定しているところ）がSQLベースのデータベー
HTML5で実現できるマルチメディア系機能 ここが違う！サンプルで見るHTML5（4）
コーデック問題 HTMLのマークアップでビデオやオーディオを再生できるのは便利なのですが、大きな問題があります。それはビデオやオーディオのコーデックです。 ひとえにビデオ・ファイルやオーディオ・ファイルといっても、さまざまな種類が存在します。ビデオやオーディオのエンコード方式をコーデックと呼びます。また、エンコードされたデータをどのようにファイルとして格納するのかを決めるコンテナーも重要です。コーデックとコンテナーのいずれもブラウザがサポートしていないと再生できないのです。 なお、ファイルの拡張子は、主にコンテナの種類やコーデックとコンテナーの組み合わせの総称を指しています。必ずしも、拡張子だけで、該当のビデオやオーディオが再生できると判定することはできないため注意が必要です。 HTML5のビデオやオーディオのコーデックの候補がいくつかありますが、各ブラウザのサポート状況は、下表の通りです
HTML5&API総まくり
6. • 現在の要素数は108 • 30種類の新要素 • 14種類の既存要素が変化 • time要素、hgroup要素、data要素 （WHATWG HTMLのみ）などが争 点。 HTML5マークアップ 7. • リッチな入力フォーム、新たなフォーム要素、宣 言的なバリデーションなど。 date datetime datetime-local month week time number range email url search tel color HTML5 Forms 8. • HTMLにマシンリーダブルなデータを埋 め込むための仕様 <div itemscope> <p>お名前: <span itemprop="name">白石</span></p> <p> : <time itemprop="birthDate">1978/03/24</time> </p> </div> HT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
