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
カスタムフォームコントロールの作成方法 - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
「ストップウォッチ」のソースと解説
[Labyrinthe Noir]>[Top]>[こども工作教室]> 「ストップウォッチ」のソースと解説 ストップウォッチの説明 時間を計るための道具がストップウォッチです。 スタート/ストップのボタンを使って、計測を開始したり、止めたりします。通常はこれを１つのボタンで行います。 ラップタイムを計る時計もありますが、今回は仕組みを簡単にしたいので、この機能は省きます。ラップタイムは、途中経過の時間表示をしながらも時計は計測を続けるという機能です。 保存ファイルの準備 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>ストップウォッチ</title> </head> <body> <h3>ストップウォッチ</h3> <hr> </body> </html> エディタ（メモ帳）とブラウザ（Internet Explorer
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
サービス一覧│サービス│株式会社ディレクタス
～お客様一人一人に最適なコミュニケーションを～ ディレクタスは データドリブンなOne-to-Oneコミュニケーションを クロスチャネルで実行するために必要なサービスを ワンストップで提供します。
[day2]Webサービスのランディングページを一瞬で作れるサービス - toyoshiの日記
請求書管理サービス「misoca」を開発し始めた時、とにかく”郵送できる請求書管理サービス”というのを誰にも先行されたくなかった。 そこでとりあえずサイトを作りたいのだけど開発に忙しくて時間がないし外注するお金もない。そこで使ったのがunbounceというランディングページ作成サービスだ unbounceを使うとこんな事ができる HTMLの知識なしにランディングページが作れる すぐに使える今風のテンプレートがついている 簡単に使えるA/Bテストが標準で付いている ブラウザでWebページが作れる 独自ドメインが利用可能 30日間無料 以下、いくつかを詳しく解説する HTMLの知識なしにランディングページが作れる 使い方が簡単なエディタがついているのでHTMLなしでページがカスタマイズできる。 画像や、動画、いいねボタンなどをいれたサイトがすぐに作れる。 すぐに使える今風のテンプレートがついて
![[day2]Webサービスのランディングページを一瞬で作れるサービス - toyoshiの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/134a5b453a75d092d8e807a7d8c01843ee5960b4/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftoyoshi%2F20111202%2F20111202221223.png)
#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のAPI、および、関連仕様
■オフラインでもウェブアプリケーションを利用可能に HTML5では、インターネットに接続していないオフラインの状態でも、 ユーザーがウェブアプリケーション（ウェブサイト）を利用できるようにするための、 キャッシュマニフェストと呼ばれる仕様が追加されています。 この仕様の基本的な仕組みは、ユーザーがインターネットに接続してウェブアプリケーションを利用した際に、 HTMLファイル・CSSファイル・JavaScriptファイル・画像ファイル…などの ウェブアプリケーションの利用に必要となるファイルをユーザーのローカル環境にダウンロード保存して、 次回からはオフラインでもウェブアプリケーションを利用できるようにするというものです。 このような仕組みでサーバー上のファイルをローカル環境にダウンロード保存することをキャッシュ（CACHE＝貯蔵所・貯蔵物）といいますが、 ウェブアプリケーションをオフライ
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件
コードカキタイ | プログラミングの学習・情報サイト
プログラミングスクール 忙しい社会人におすすめプログラミングスクール15選！失敗しない選び方も詳しく解説
iPhone、Androidで使える！撮ったその場で画像編集できるHTML5アプリを作ってみよう | DevelopersIO
先日、iOS6のSafariでFile API、HTML Media Captureを試してみました。 これで写真を撮ってすぐに編集できるWebアプリが作れるのではないかと思い、作ってみることにしました。 以下がサンプルのURLです。撮影して画像を表示した後に編集し保存することができます。 画像処理サンプル OSとブラウザに関しては iPhone 5(iOS6)のSafariと Galaxy S3(Android 4.04)の標準ブラウザ で動作確認しました。iOS5系、Android2系ではFile API、HTML Media Captureが使えないので動きません。 PC版Chromeでも試しましたが、ファイルを選択して画像処理できることを確認しました。 他のモバイル用OS、モバイルブラウザに関しては試せないので分かりませんが、 以下のサイトの表でFile APIとHTML Medi
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-
タブで写真切り替え
Looking to add a tabbed interface to your website with JavaScript? Here are some examples to get you started. Using jQuery UI: https://jqueryui.com/tabs/ Code Example: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com
テーブルソート、テーブル操作｜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を使いこなそう
連載目次 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
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TECH PROjin
新着記事
楽天用営業日カレンダーソース生成