読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

HTML Editing APIsが面白い

HTML Editing APIsというのは、ブラウザ上で、ワープロみたいにテキストの編集ができるようになる機能のことです。 ブログとかではよく、文字を大きくしたり色を付けたりする編集機能があって、それはたぶんボタンを押すとJavaScriptでタグをつけていると思…

【HTML5】<audio>タグを使って音楽を再生/一時停止/2倍速再生してみる

HTML5ではvideoタグやaudioタグを使うことで簡単にムービーや音楽の再生処理を実装できる。 1.audioタグを使ったHTML <html> <head> <meta charset="utf-8"> <title>Audio Tags Sample</title> <link rel="stylesheet" type="text/css" href="./css/sample.css"> </link></meta></head></html>

inputのtype属性を使って入力値の妥当性を検証する。独自のエラーメッセージを設定する方法。

読書 ジョーンズはピーターフィーの取引量がとても多いことを知っていた。どうやったらあれだけのボリュームがこなせるんだ? 誰があれだけ大量の注文を入れているのか? 「これだけか?」とジョーンズは詰め寄った。 「トレーダーたちはどこにいる?」「こ…

HTML5のinputタグの活用例。オートコンプリートの使用例など。

・テキストのプレースホルダを使う プレースホルダというのは、入力ボックスに何を入力するかのヒント情報を与えるもの。 placeholder属性に文字を入れるといい。 <input type="text" placeholder="これはsample" /> これは以下のような感じで表示される。 ・オートフォーカス オートフォーカスというのは、文…

WebSQLを使ってCRUD処理(登録/削除/更新/参照)を行う

Web SQL Databaseとは Web SQL Databaseとは、JavaScriptからローカルストレージにアクセスするAPIである。 Web SQLはかなり複雑な検索が可能なため、Webアプリケーションのさまざまなデータを保存するのに適している。Web SQLの仕様がSQLiteに従うものであ…

HTML5っぽいフォームの機能まとめ

CSSから。 入力フォームが画面の横幅に合わせて変わるようにする方法 まず横幅が変わるからといって、際限なく広がるとカッコ悪いので、最大でも600pxというようにformの最大幅を指定する。 form { max-width: 600px; margin: 30px auto } そして、以下のよ…

Jettyを使って、JavaでWebSocketサーバーを実装してみる。

WebSocketって何? WebSocketとは、サーバとクライアントの間で降雨率的な双方向通信を実現するための仕組みである。 WebSocketを利用すると、1本のHTTP接続上で双方向のメッセージを自由にやりとりできる。 HTTPのリクエスト、リプライでは実現できなかった…

JavaScriptで手元のテキストファイルを読み込んでブラウザに表示させるためのサンプル

色々と苦労したけれど、なんとかサンプルを作ることができたので、メモする。 ボタンクリックでファイルを選択して、そのファイルを読み込むサンプル HTMLにJavaScriptを直書きというひどいものだが、とりあえずサンプルということで。 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>タイトル</title> <script type="text/javascript"> functi</meta></head></html>…

Canvasを使ってみる。

Canvasとは Canvasとは、Webページにビットマップイメージ描画するための技術。 この技術を使えば、プラグイン無しにJavaScriptだけでブラウザに図を書くことができる。Internet ExplorerでCanvasを使いたい場合は「ExplorerCanvas」をダウンロードする。 <head> </head>…