JavaScriptでCookieを扱いたい時のメモ｜くろひつじのメモ帳
昨年末は、あれ？私コーダーだったっけ？ってぐらいにHTMLとCSSとJavaScriptとPHPの勉強と作業しかしていませんでした。 その頃作業していたお仕事は要求されるレベルも予想以上に高く、作業しつつも勉強勉強という感じで、振り返るとなかなかに充実したお仕事だったなぁと思います。 そんなお仕事で改めてCookieについてきちんと勉強したのでメモしておきます。 そもそもCookieとは Webサイトの提供者が、Webブラウザを通じて訪問者のコンピュータに一時的にデータを書き込んで保存させるしくみ。 （引用元：http://e-words.jp/w/Cookie.html） 例えば、初めて訪問したサイトで名前を入力したら、次回訪れた際に入力した名前で呼ばれたり。 例えば、訪問した回数を記録していて、訪れる度に何回目の訪問か教えてくれたり。 そういうことができます。 JavascriptでC
Capture audio and video in HTML5 | Articles | web.dev
Capture audio and video in HTML5 Stay organized with collections Save and categorize content based on your preferences. Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought
「ストップウォッチ」のソースと解説
[Labyrinthe Noir]>[Top]>[こども工作教室]> 「ストップウォッチ」のソースと解説 ストップウォッチの説明 時間を計るための道具がストップウォッチです。 スタート/ストップのボタンを使って、計測を開始したり、止めたりします。通常はこれを１つのボタンで行います。 ラップタイムを計る時計もありますが、今回は仕組みを簡単にしたいので、この機能は省きます。ラップタイムは、途中経過の時間表示をしながらも時計は計測を続けるという機能です。 保存ファイルの準備 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>ストップウォッチ</title> </head> <body> <h3>ストップウォッチ</h3> <hr> </body> </html> エディタ（メモ帳）とブラウザ（Internet Explorer
エレメントスタイル-element.style - JavaScriptist
javascript & ajax samples to improve your web development. トップページ / エレメントスタイル-element.style エレメントスタイル-element.style スタイル背景色 - element.style.background 透かし効果、背景の画像 - element.style.backgroundAttachment 背景色 - element.style.backgroundColor 背景イメージ - element.style.backgroundImage 背景位置 - element.style.backgroundPosition 背景リピート設定 - element.style.backgroundRepeat ボーダー - element.style.border ボーダー(下) - eleme
#3 「あまりApplication cache（cache manifest）のことを甘く見ない方がいい」 Advent Calendar 2012 - KAYAC Engineers' Blog
最近色々あってAndroidと心を通わせられるようになってきたago（@kyo_ago）です。 このエントリは tech.kayac.com Advent Calendar 2012 3日目の記事です。 Application cache（cache manifest）とは WHATWGやW3で議論されているHTML5 Offline Web Applicationの仕様の一部です。 細かい仕様等に関しては最後に参考URLをつけたのでそちらをご覧ください。 ここでは色々誤解の多いApplication cacheの使い方をご紹介したいと思います。 使い方 .appcacheの拡張子に対してtext/cache-manifestのMIMEタイプを設定してください。 .appcacheファイルは以下の形式で作成してください。 CACHE MANIFEST: #更新用ID（日付+連番等） キャッ
HTML5/JavaScriptでMIDIデータファイルを読み込んで扱える MIDI.js - 音楽方丈記
HTML5/JavaScriptでMIDIデータファイルを読み込んで扱える MIDI.js » 音楽コンテンツ(楽曲再生) [編集] お気に入りのブログ IDEA*IDEA で紹介されていた HTML5 + JavaScript で MIDI データを扱うコンポーネント MIDI.js が面白そうだったのでここでも紹介。 注意： MIDI.js のサイトを開くと音が鳴るデモが自動再生されます MIDI.js は Web アプリから JavaScript で MIDI データを扱うためのコンポーネントパッケージで、github でソースコード一式が公開されています。 MIDI.js のモジュールMIDI.* が MIDI データ処理を行うメインのクラスで、その他は MIDI とは直接関係がない補助的なクラスが含まれます。 MIDI.loadPlugin.js 音色データのロードなどプラグイ
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプル
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
さくらのVPSを10分でWebSocketサーバにする - @blog.justoneplanet.info
たぶん10分くらいで可能。 yum install openssl-devel wget http://nodejs.org/dist/node-v0.4.3.tar.gz tar xvzf node-v0.4.3.tar.gz cd node-v0.4.3 ./configure make make install curl http://npmjs.org/install.sh | sh npm install websocket-server npm install base64 make中は一休みできる(●´ω｀●) 最新版 websocket-serverは新しいWebSocketの仕様に対応してないのでwebsocketを使用する。 yum install openssl-devel gcc-c++ make wget http://nodejs.org/dist/v0.6.8
[HTML5]getUserMedia APIを使ってカメラを表示させてみる – o24ブログ
本日Chromeのバージョン21がリリースされ、getUserMediaが実装されたようです。 getUserMediaを使うと、javascriptを使ってカメラにアクセスできるようなので、やってみました。 参考にしたページは以下 getUserMedia API <body> <video autoplay width="640" height="480"></video> <img src="" width="640" height="480" > <canvas style="display:none;" width="640" height="480"></canvas> <div id="wrapper"> <button id="capture">capture</button> <button id="stop">stop</button> </div> </body> <
![[HTML5]getUserMedia APIを使ってカメラを表示させてみる – o24ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
ストレスなく JavaScript をロードするためのパターン - Cube Lilac
最近，真面目に JavaScript を書くようになったので何か1冊読んでおこうかなぁと本屋で立ち読みしていたところ，JavaScript パターン と言う本が面白そうだったので，買って読んでみることにしました．この本を選んだ理由は，他の章の内容も気になっているのですが，8章の内容が即効性がありそう（すぐに実戦できて効果がありそう）で覚えておきたかったと言うのが一番の理由です． ここでは，その中で JavaScript に関してほとんど何も知らない状態でも「効果がありそう」と感じられた 8.6節以降の内容の一部を引用しながら感想を書いてみます． スクリプトをまとめる HTTP リクエストは時間がかかるので、読み込みが速いページにする第一原則は、ページ以外のファイルの数をできるだけ減らすことです。JavaScript について言うなら、スクリプトファイルをまとめてバンドルにすれば、ページの読
手軽になった！Google Maps API V3 (1/2)
Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」（以下V3と略）が5月27日に公開されました。今回は、V3を使って地図を表示する基本的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 （1）API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 （2）iPhone／Androidへの対応 iPhoneやAndroidで地図を高速に表示できるように
Google Maps APIとTwitter APIのマッシュアップ - Webアプリケーション構築入門2
Google Maps APIとTwitter APIを題材に、マッシュアップ作る具体的な手順を紹介する。Twitter APIに関する部分は関数showTweetsAround()にまとまっているから、この関数を別のものに置き換えることで、Twitter API以外のものとGoogle Maps APIのマッシュアップを作ることもできるだろう。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-
タブで写真切り替え
Innovative Tools for Web Publishing JavaScript + Ruby + PHP + Interaction Design Hi! My name is Ryan Johnson. I develop web applications for businesses in the Puget Sound area, and maintain a number of open source projects. I invite you to explore some of the links below: LivePipe™ Blog Control Suite : High Quality Controls and Widgets for Prototype Object.Event : An Event Model for JavaScript Obj
テーブルソート、テーブル操作｜jQuery plugin｜Ajax｜PHP & JavaScript Room
テーブル、リスト、段落など要素内のデータを簡易検索するjQueryプラグイン。 指定した文字列にマッチしたデータを持つ要素だけを絞り込んで表示することができます。 オプションのパラメータで簡単にカスタマイズすることができます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="C
★Geolocation API
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、 各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。 すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、 スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、 一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ？ Geo
位置情報をブラウザで活用！ Geolocationを使いこなそう
連載目次 HTML（HyperText Markup Language）は、W3C（World Wide Web Consortium）が仕様を管理するマークアップ言語だ。そして、W3Cが勧告し、現在ほとんどのサイトが使用しているHTMLは、HTML 4.01だ。 HTML 4.01の仕様は当時の環境に起因しているが、主に「文書を扱うこと」を目的として1999年に勧告されている。しかし、Web 2.0の概念やAjaxの登場により「文書を扱う」というよりも「アプリケーションを扱う」ことがWebの主目的となり、HTML 4.01でも高機能なWebアプリケーションが構築されるようになった。 その一方で、ブラウザ・ベンダは、HTML 4.01のみでWebアプリケーションを開発することの限界を感じていた。結果としてApple、Mozilla、Operaの3社は、W3Cとは別にWHATWG（Web H
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Emitter LIVE
http://gerenuk.crazyphoto.org/2009/06/24/854/
Home - Mgallery-JQ