nhiroki’s weblog
2023-10-15 『新規事業を成功させる PMF の教科書』を読んだ 2023-10-08 『プロダクトマネジメント ― ビルドトラップを避け顧客に価値を届ける』を読んだ 2023-09-22 Tech Lead Manager から Tech Lead に戻った話 2023-09-18 『地磁気逆転と「チバニアン」 ― 地球の磁場は、なぜ逆転するのか』を読んだ 2023-09-04 『日経サイエンス 2023 年 10 月号』を読んだ 2023-08-21 『ChatGPT 攻略』を読んだ 2023-08-13 『宇宙検閲官仮説 「裸の特異点」は隠されるか』を読んだ 2023-08-10 『発達障害の人が見ている世界』を読んだ 2023-08-09 『分析者のためのデータ解釈学入門』を読んだ 2023-07-30 『FINAL FANTASY XVI』をクリアした 2023-07-2
HTML5で実装するムービープレイヤーまとめ | blog.rimikcolor.com
HTML5の仕様が注目されつつある。 ただし、まだ対応ブラウザは最新版のみなので、多くのユーザーに浸透するには数年かかりそう。 そんな中で、新タグ”video”によってFlashプラグインを必要とせず動画を再生できる技術は、HTML5の新機能の中でも目立つ存在。 なんといっても実装が簡単であり、プラグインによる不安定さもなく、iPadやiPhone等でも再生できる。 ということで現在までリリースされている、フリーで使えるHTML5対応プレイヤー導入ソースコードを配布しているサイトをまとめてみた。詳しくは以下より。 code · Video for Everybody! デモはこちら iPadでも動作するプレイヤー。 HTML5 Video Player | Video JS かっこいいスキンのプレイヤー。 Jilion – SublimeVideo シンプルだけど美しいスキン。 Kaltu
モバイル用にフォームを作る時の input type="number" と type="tel" - CHROMA
モバイル用のフォーム作ってた時、電話番号と郵便番号にあてる input 要素の type 属性は何がいいんだろうなーと。 iOS7 の Safari で確認した。 ipnut type="tel" を指定した場合の問題 ハイフン記号を使おうとした場合、キーボードの変更ができない 郵便番号に type="tel" を使うのはセマンティック的にどうなの？という問題 ipnut type="number" を指定した場合の問題 novalidate 属性を form 要素に指定してバリデーションチェックを行わないようにした場合、送信ボタンを押してエラー画面に遷移すると入力した値が消える（これは僕が作業してる環境でのみ起こった問題かもしれない.. ） ハイフン記号がブラウザ標準のバリデーションチェックに引っかかる ハイフン記号、pattern 属性でハイフン使うパターンを登録して上書きできるかと思
郵便番号フィールドにinput[type="number"]を使ってはいけない
スマホサイトを制作したのだがフォームにフォーカスを当てた際に出るキーボードを 数字キーボードにしたいという要望があったので input[type="number"] や input[type="tel"] を使えば良いと聞いていた俺は それぞれ郵便番号と電話番号のフィールドの type を text から変更したのだけど input[type="number"] には罠があったので共有します。 input[type="number"] というよりは iOS の Safari にある罠です。 iOS の Safari は input[type="number"] のフィールドで入力値がゼロ始まりの数値の場合、頭のゼロを自動で除去するこの仕様…あのおせっかいな Excel を思い出す仕様だぜ…ｷﾞﾘｯ… 例えば皇居の郵便番号 100-0001 は分割された郵便番号フォームの後ろの部分が以下のよ
HTML5 Form Validation のカスタマイズ
Tomomi Imura An Open Web advocate and front-end engineer, who loves everything mobile, and writes about HTML5, CSS, JS, UX, tech events, gadgets, etc. She unintentionally got 15min of fame by creating The HTTP Status Cats. Also, the opinions expressed here are solely her own and do not express the views or opinions of my employer. Twitter LinkedIn Instagram Github Flickr My articles are licensed u
Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
hifive - HTML5企業Webシステムのための開発プラットフォーム
ダウンロード Download ダウンロード カスタムダウンロード ツール/ライブラリ ギャラリー Gallery ギャラリー ガイド Guide チュートリアル Webアプリ入門 基本編 データモデル編 データバインド編 リソースFW編 リファレンス APIドキュメント レシピ Recipe レシピ 資料室 Reference HTML5資料室 HTML5用語辞典 開発者向け Developers Developer Channel ユーザーグループ 開発リポジトリ リリースノート コードホスティング 開発者ブログ hifive開発情報 ヘルプ Help 本サイトについて FAQ 本ウェブサイトでは、利便性及び品質の維持・向上を目的に、クッキーを使用しております。本ウェブサイトにおけるクッキーの使用についてはプライバシーポリシーをご参照いただき、クッキーの使用にご同意頂ける場合は「同意す
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
HTML5推進とモバイルアプリ開発--「最小公倍数」戦略のプラスとマイナス
Appleは反「Flash」キャンペーンによってオウンゴールを犯してしまったのだろうか。 ウェブ開発者、そして最終的にはAdobe SystemsをFlashビジネスから締め出すことで、AppleはHTML5アプリを改善した。それは「Safari」ユーザーにとって良いことだが、「Android」などほかのウェブプラットフォームのユーザーにとっても良いことだ。もしオンラインアプリ向けの本当に優れたユニバーサルプラットフォームというものが存在するのなら、賢明な開発者は当然、そのプラットフォーム向けにアプリを作成する。そうすることで最も多くのユーザーにアプリを利用してもらえるからだ。 さらに、HTML5を信奉するようになったAdobeは、高品質なHTML5開発者ツールをリリースして、Flash開発者をHTML5へ移行させようとしている。そのため、近いうちに新しいウェブベースのモバイルアプリが大量
最近のFlash騒動やHTML5/JS開発についてまとめ « package a24
AndroidブラウザのFlashPlayerの開発が終了したり、HTML5製の3Dコンテンツが出てきたりで、「Flash終わったの？」とか、「これからはFlashじゃなくて全部HTML5で作った方がいいの？」とか聞かれる事が増えてきたので、ちょっとまめとめてみました。 同じような境遇の方も少くないと思うので、参考程度にどうぞ。 AndroidブラウザFlashPlayerの開発終了について 残念なことにAndroidブラウザのFlashPlayerはバージョン11.1を最後に開発は終了することが発表されました。これについて「AdobeがFlashよりHTML5の方が優秀だと認めた」や「HTML5を推奨していたジョブズの完全勝利！」と考えている方もいるかと思いますが、実際のところどうなのでしょうか。 記事を参考に、開発終了の理由についてまとめてみました。 【参考記事】 ・ Clarific
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ | HTML5でサイトをつくろう
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ ウェブ・ページのフォームではテキスト入力フィールドやチェックボックスなどのユーザーインターフェースを使用しますが、HTML5ではユーザーインターフェースがさらに追加されたことで注目されています。 特にinput要素ではさまざまなtype属性が追加されました。今回は新たに追加されたtype属性をソースをみながら表示を確認していきたいと思います。 HTML5でinput要素に追加されたtype属性 下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年9月)の対応状況になります。 search 『type=”search”』の主な特徴 1行テキストの入力フィールドで表示され検索向けであることを表します。 input要素の
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
PDFをHTML5でレンダリングするプラグイン不要の「pdf.js」をMozillaが発表
「pdf.js」はHTML5とJavaScriptで構築するオープンソースのPDFレンダリングツール。MozillaはFirefoxに近い将来このツールを組み込む計画だ。 Mozillaの研究者であるアンドレアス・ガル氏が6月15日（現地時間）、プラグイン不要のPDFレンダリングツール開発プロジェクト「pdf.js」を発表した。HTML5とJavaScriptで構築しており、三条項BSDライセンス（3-clause BSD license）の下、githubで公開している。 現在、PDFをWebブラウザで開くには米Adobe Systemsやサードパーティーが提供するプラグインやアプリが必要だ。だが、こうしたプラグインではPDFのレンダリングに時間がかかり、PDFに備わる機能を完全には利用できない。また、セキュリティ上の問題もある。米GoogleはChrome 8から、サンドボックスでPD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
Engadget | Technology News & Reviews
TechCrunch
Google
TechCrunch
Engadget | Technology News & Reviews
