HTML5
ローカルファイルにデータ保存（実験）
Webアプリで入力を行わせる場合，通常はサーバ側に記録するのですが，それではデータベースが必要となります． HTML5ではWeb Storageという機能があり，URLに紐付けてデータをブラウザ側に保存できるようです．ユ […]
外部ライブラリを自作して使う
面倒くさい関数は外部ライブラリ化してシンプルにします． tora.jsという外部ライブラリ（ファイル名はかならずtora.jsに） function neko(){ var cat = 300;//変数catに300を入 […]
お天気情報をよそからもってくる
天気情報をどう使えばよいかとの質問がありましたので，走り書き 各種サイトで天気情報が公開されています． 今回は非商用ですので，無料で使えるサービスを利用して天気を表示してみましょう． なお、こうしたサービスの多くは個人で […]
HTML5入門その23-写真にお絵かき4
さて，スクリプト全文です． 細かい装飾や表示位置は自分で変更してみてください． <!DOCTYPE html> <html> <head> <title>camera pa […]
HTML5入門その22-写真にお絵かき3
次にJavascript内のどこかに次のfunctionを入れます //--カメラの画像 function myCamera(mycam){ var myFile = mycam.files[0]; new MegaPi […]
HTML5入門その21-写真にお絵かき2
それではカメラを起動するスクリプトです． 今回はhtml media captureというものを使います． <input type="file" accept="image/*" capture="camera" […]
HTML5入門その20-写真にお絵かき1
HTML5についてはこのカメラにお絵かきで一旦終了します． ここでは，まずカメラを起動して画像をcanvasに読み込みます． そのために，ライブラリを使用します．ライブラリは便利機能を別のファイルに記述しておいて呼び出す […]