HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版
web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
HTML5と「Tizen IVI」がキーワード、インテルが車載情報機器のデモに注力
HTML5と「Tizen IVI」がキーワード、インテルが車載情報機器のデモに注力：ET2012（1/2 ページ） インテルは、ET2012で、同社のプロセッサ製品を用いた車載情報機器のデモを多数披露した。これらのデモでは、Linuxベースの車載情報機器向けプラットフォーム「Tizen IVI」や、HTML5ベースのWebアプリケーションが重要な役割を果たしている。 インテルは、「Embedded Technology 2012/組込み総合技術展（ET2012）」（2012年11月14～16日、パシフィコ横浜）において、同社のプロセッサ製品を中核に、Linuxベースの車載情報機器向けプラットフォーム「Tizen IVI」や、HTML5ベースのWebアプリケーションなどを用いて構築した車載情報機器のデモンストレーションを披露した。 カーナビとスマホがHTML5で連携 展示ブースの中央全面に押
node-webkit - らくがき帳
前回公開したmarkdown-editorにも使っているnode-webkitについて、今回書きたいと思います。 node-webkitとは node-webkitはnode.jsにnpmで入れるようなプラグインではありません。 Node.jsの機能が組み込まれた、Chromiumベースのブラウザです。単なるブラウザとしても使えますが、Node.jsのコードやプラグインも利用できるのが特徴です。 例えば以下のようなコードをindex.htmlに書いた場合 index.html1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <script> var fs = require('fs'); fs.readdir("/usr", function (err, files) { if (err) throw err; for (var i in files)
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除） いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip
mysqlで現在の日付をinsertする - ゆるやかにくちてゆくこの世界で あがく僕の唯一のかつろ
mysql>desc test; +-------+--------------+------+-----+---------+----------------+ | Field | Type | Null | Key | Default | Extra | +-------+--------------+------+-----+---------+----------------+ | id | mediumint(9) | NO | PRI | NULL | auto_increment | | cdate | datetime | YES | | NULL | | +-------+--------------+------+-----+---------+----------------+ 2 rows in set (0.01 sec) mysql>insert into te
第3回 JSONPでのクロスドメインアクセス | gihyo.jp
JSONPの動作原理 前回はAjaxに存在するセキュリティモデルであるSame-Originポリシーを紹介し、そのSame-Originポリシーを迂回する方法とセキュリティについて見てきました。また、回避する方法の1つめとしてリバースProxyを用いた方法を紹介しました。リバースProxyを用いた方法ではセキュリティ的な問題点もありましたが、そもそもProxyサーバを用意しなければならないため、この方法は手軽に使うことはできませんでした。 そこで考え出されたのがJSONP（JavaScript Object Notation with Padding）という方法です。 それではまず簡単にJSONPについて説明します。 Ajaxで使われるXMLHttpRequestオブジェクトには前回説明したとおりSame-Originポリシーがありクロスドメインアクセスはできません。一方、SCRIPTタグ
node.js 公式ドキュメント
このページは nodejs.org を Node.js日本ユーザグループの 有志が日本語訳したものです。 画像、デザイン及びオリジナル文書(英文)の著作権は、オリジナルの作者に帰属します。 訳文の著作権は、それぞれの訳者に帰属します。 概要 'Hello World' と返答する Node で書かれたWebサーバの例: var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello World\n'); }).listen(8124); console.log('Server running at http://127.0.0.1:8124/');
node.jsで遊ぶ: 標準モジュール編
Aug 11, 2010 最近、このブログが動いているサーバーの調子が悪くてよく落ちるので、落ち着かない感じの今日この頃です。さて、前回のインストール編に引き続いて、今回はnode.jsに標準搭載されているモジュールをいくつか使ったコードを書いて遊んでみたいと思います。 標準搭載されているモジュールを知るには、まずAPIを見てみるのが一番よいです。ここを見ればファイルの処理やHTTPやURL、DNSといった、いくつかの強力なモジュールの機能を知ることができます。なお、特定のモジュールを使う場合は、最初に必ずrequire()で特定のモジュールを呼び出す必要があります。 今回はまずsysモジュールから使ってみることにします。sysモジュールは標準的な出力機能を提供します。改行なしの文字列を出力するprintメソッドや、日付つきログを出力するlogメソッド、PerlのData::Dumperや
Archived MSDN and TechNet Blogs | Microsoft Docs
Archived MSDN and TechNet Blogs 1/21/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
外部のAPIを叩いてみる - memo log
expressでクエリパラメータを取得して表示するところまでやったので、外部のAPIを叩いて、取得したデータを表示してみる。 APIはとりあえずatndのAPIにした。 https://github.com/chris4403/nodejs-sample/commit/d2172cac3d25d02f9df0d6e6e22726fdbd3088f1 app.js // atnd events api app.get('/events', function(req, res){ var http = require('http'); var options = { host : 'api.atnd.org', port : 80, path : '/events/?format=json', }; var result = {}; http.get(options, function(res
『Xbox 360』用の人体コントローラー『キネクト』からWebGLへ!! | Html5 Collect
『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした人体の動きを、WebGLとしてブラウザ上で表現したデモが公開されていましたので、御報告致します。 kinect サイトを訪れると、青っぽいパーティクルの集合で表された動く人のシルエットが 表示されるかと思います。 この人体のシルエットこそ、『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした 内容です。 ここまではっきりとキャプチャしてくれているんですね。 更に、そのキャプチャした内容を解析して、WebGLとして ここまでスムーズに表現出来るとは驚きです。 そのうちに、人体の動きをキャプチャしてブラウザを操作するなど、 ブラウザとのかかわり方の幅がとても広がっていく事でしょう。 このWebGLのデモでは、視点をマウスによって操作する事も可能です。 視点の操作は、寄りたい方向にマウスポインタをあわ
初心者にも分かる Node.js と WebSocket についての解釈まとめ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何？ Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
第1回 WebSocket登場までの歴史 | gihyo.jp
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【後藤弘茂のWeekly海外ニュース】 Xboxがスマートフォンやタブレットと連携する「SmartGlass」の実態
HTML, CSS, jQueryから、Ruby, PHP, Java, Python, Git, 正規表現などウェブ制作・開発に役立つチートシートのまとめ -OverAPI