アフィリエイトで勘違いした大学生の末路
ただの趣味で始めたはずなのに大学生だった2007年頃から趣味で他愛もないホームページをつくっていた。 ワードプレスやライブドアブログのようなCMSには頼らず、1から10まで自分で作ることにこだわった。 すぐにのめり込んでいき、大学の図書館にこもりWEB関係の本を借りまくった。 しかしWEB関係といってもPHPやSQLは理解できなかったので、まずはHTMLとCSSだけ勉強して静的なページをべた書きで量産していった。 HTML,CSSですら最初はつまづいていたけれども、自分の意図した通りにデザインできるようになってからは面白かった。 アクセスは全く増えず、一日100PVにも満たなかったが、僕はめげなかった。 講義には出ず、学園祭にもサークルにもいかなくなり、周囲からは「まだやってたの」「何がしたいの」と呆れた目で見られるようになった。 付き合う人も限定されて社交性は衰えていった。 半年が経って
Enjoy*Study - WEBシステムでの入力文字のテストについて
WEBシステムで、フォームの入力文字として、確認しておいた方が良い文字のパターンを列挙してみます。 (自分の備忘録として。思いついたら随時追記。) HTMLエスケープ <>&"'入力した文字が、ちゃんと画面に表示されるか確認する。 例えば、<hr> "' のような文字を入れてみて、HTMLとして解釈されないようになっていること。 DBに登録されるような項目の場合、DB上にはどのような形で登録されるのか確認。(必要もなくエスケープしてDB上に登録していたりしないかなど) JavaScriptへの埋め込み文字 <>&"'\HTMLエスケープに絡んで、、JavaScriptのコードに対して、HTMLエスケープと同様にエスケープした文字を埋め込むと問題が起きる可能性があるので注意。 <hr>をエスケープした文字を埋め込むと、 alert("<hr>");そのまま<hr&
HTML5の新機能が使用可能かどうかを判別するJSコード一覧 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） HTML5で色々と新機能が登場しましたが、ブラウザの対応状況は未だまちまちです。 こちらのサイトでは、ブラウザが対応しているかを判別する為のJSコードを一覧にしてくれています。 The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything – Dive Into HTML5 軽く抜粋してみます。 audio return !!document.createElement('audio').canPlayType; video return !!document.createElement('video').canPlayType; canvas return !!document.createElement('canvas').getCo
Client-Side DatabaseとLocal Storage - 強火で進め
Client-Side Storage(クライアントサイドストレージ)はリレーショナルDB(SQL文を使うようなDB)。バックグラウンドはSqliteで実装されている事が多いみたいです。 Local Storageはキーバリュー型(キーを指定して値を取得)のDBです。 サンプル Client-Side Storage サンプル <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0"> <meta name="apple-mo
Web SQL Databaseに触れる その1
みなさん、こんにちは。 流通システム部の古郡です。 HTML5関連APIのなかに「Web SQL Database」というものがあります。 簡単に説明するとJavascriptで操作できるクライアント上のRDBの仕様となります。 システムとしての使い方は難しいところもありますが、サーバ側で一時テーブルのようなものを使用している機能にとってかわることができるのではないかと期待していました。 しかし残念ながら「Web SQL Database」は反対意見が多く現在では策定停止状態となってしまっています。 そんな「Web SQL Database」ですがGoogle Chrome 4で実装されていますので少し触ってみました。 主に使用するのは以下の３つです。 1.openDatabase 2.transaction 3.executeSql 1のopenDatabaseはwindowオブジェクト
HTML5のWeb SQL DatabaseをGoogle Chromeで試す - にたまごほうれん草アーカイブ
W3C - Offline Web Applications 日本語訳 - HTML5.JPによるとJavaScriptからローカルDBを扱えるとのことなので、サンプルコードを拝借しながら試してみた。Google Chromeでは既にHTML5の新機能の実装は入ってきているようで、簡単なノートアプリを作成したらさっくりと動いてしまいました。 こちらで試せます→testdatabase.html コード <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>web database test</title> <script type="text/javascript"> var db = window.openDatabase("notes","","notes app", 1048576); function clearNo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5データベース開発に注意！ | 伊藤武史 Official