進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
2013年2月18日、第36回のHTML5とか勉強会はサイバーエージェントさんに会場をお借りして開催しました。 今回は「2013年、Web開発の進化を探る」をテーマに、Web標準の進化、「オフライン・ファースト」というコンセプトによるアプリ開発の進化、HTML5の現状における使われ方とこれからの使い方について講演いただきました。 本稿では、HTML5とか勉強会スタッフの本間がその内容についてレポートします。 勧告候補になったHTML5.0の仕様についてと、HTML5.1の始まり はじめにW3C(World Wide Web Consortium)のMichael Smithさんより、HTML5.1で追加されるAPIの中からNavigationControllerとtemplateを中心に講演いただきました。 appcache オフラインWebアプリケーション用のAPIとしてHTML5.0
ニュース・レポート イベントに関するニュース・レポートへのリンク ニュースサイト 9/8開催「HTML5 Conference 2012」応募開始から30時間で定員1000人が満員に - gihyo.jp 「HTML5コミュニティと技術の過去・現在・未来」---HTML5 Conference 2012 開催 - IT Pro Appleショックとその裏側を探る HTML5が盛り上がった本当の理由 - @IT Chrome Appsだと分からない使用感 よりネイティブアプリに近くなる Chrome Apps v2 - @IT HTML5 Conference 2012レポート グリーで活躍するテクニカルアーティストとは? - @IT HTML5 Conference 2012レポート 電話もカメラもWeb技術、スマフォでFirefox OSをデモ - @IT HTML5によるタフなモバイル
スマホアプリのUIを作るJavaScriptフレームワークが話題だ。jQuery MobileやSencha Touchの使い勝手を比較する座談会の模様をレポートする 2012年6月12日、六本木ヒルズのGoogle Japanで『第30回HTML5とか勉強会』が開催されました。HTML5とか勉強会は、HTML5に関心のあるエンジニアやデザイナー向けの勉強会です。記念すべき第30回のテーマは、UIを構築するJavaScriptフレームワーク。jQuery MobileやSencha Touchなどの概略や簡単なサイトを作るライブコーディングが行われ、フレームワークの基礎と使いどころをしっかりと理解できる勉強会となりました。各セッションの動画はYouTubeで公開されています。 豪華ビデオメッセージに会場が和む 勉強会が30回記念ということで、HTML5勉強会のために収録された著名人からのビ
2010年も早いもので12月。今年最後のHTML5とか勉強会は、ソフトバンク様のカフェテリアを提供いただき開催しました。本稿では、今回の勉強会のレポートをお届けします。 会場となったカフェテリアは、本当にスゴイの一言でした。カフェテリアというより、ラウンジという表現のほうがぴったりで、綺麗で広く、高層フロアのため汐留からの夜景も最高でした! 今年の最後を飾るに、これ以上はないといった雰囲気でした。また、ソフトバンク様には、場所だけでなくUstream用の機材や、おつまみ・ドリンクまで提供いただきました。厚く御礼を申し上げます。 ビールなどの飲食を楽しみつつ、リラックスした雰囲気の中、iPhone/iPad関連のセッションが2本とFile APIのセッションが1本、さらにWebSocket関連のLTを含め、合計4本の講演をいただきました。 「ニコニコ動画でのHTML5」 トップバッターは、ド
Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。 グーグルの「HTML5 Rocks」 グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Rocks」をオープンしました。 HTML5 Rocksは現在3つのコーナーに分かれています。 1つ目は「Interactive Presentation」。これはHTML5の新たなAPI、DOM APIやLocal Storage、WebWorkerなどさまざまな機能を紹介するプレゼンテーション。機能と共にJavaScriptでのコーディング例や実際に動作するデモなどが用意されており、HTML5の
今朝の「iPadでHTML5 Widgetを走らせて遊ぼう」に対して、「もう少しWidgetについて知りたい」との声が聞こえてきたので、「Widget入門編」を書いてみようかと思う。 Widgetとは何か? 先のエントリーで書いたが、ひとことで言えば「パッケージ化されたウェブアプリケーションである」。通常のウェブアプリは、特定のURLにアクセスすることにより走らせるが、Widgetの場合は、.wgt のエクステンションを持つWidgetファイルをダウンロード+インストールした上で、それを起動する。 Widgetファイルの中身は、HTML+CSS+JS+メディア・ファイルで構成されており、それをZIP圧縮して、エクステンションを.wgtに変更しただけのものである。 なぜそんなことをするかと言えば、(1)オフラインで動かしたい、(2)通常のデスクトップアプリの感覚で起動したい、(3)パッケージ
2010年5月27日開催 HTML5 TechTalkスペシャルにて、Canvasについてお話してきました。 発表に使ったスライド:Canvasでピクセル操作 by os0x デモはPixel Worksに(Opera Widgets用だけど普通のHTMLなので大抵のブラウザで動きます) 他の方の発表・資料はPast Events - html5j.orgに。 以下、適当に反省点などを箇条書きで。 この前のJSパーティクル崩しで使ったテクニックのネタ紹介のような感じです。 最適化前はこんなだったのがここまでになったよ。 (最初に移植した)kyo_agoさんよりAS版よりもJS版のほうがなぜかブロックが崩れやすいという指摘が。確かにそんな気がするのであとで調べるかも。 canvasが大きくなるとキツイので、ImageDataを分割して必要な範囲だけ再描画するなんて方法もやってたりします。JS
2010年5月27日開催 HTML5 TechTalkスペシャル http://docs.google.com/View?id=dfwmsc7v_132gnp58vhp 書き留めた範囲で書いときます。色々と抜けてますことご了承下さい。 W3C Widget、どこが面白い?(W3C Widget開発入門) - ダニエル・デイビス プレゼン資料(PDFファイル) http://people.opera.com/danield/presentations/widgets/widgets-why_ja.pdf モバイルで利点が大きい。 DLデータサイズが小さくなる。 Opera 9.6.4 OSから独立して動作 W3C版のファイルアクセスはFile APIを使用する流れになりそう 設定ファイルのXML仕様 Widget Packaging and Configuration http://www.
昨日の「HTML5: W3C Widget とその応用を考える会」は参加者も多く、私自身とても良い勉強になったが、そこでも予告した通り、iPad発売を記念してWidgetのサンプルをいくつか用意したので、ぜひともお試しいただきたい。 手順は以下の通り。 ステップ1. iPadにCloudReadersをインストールする(iTunes ストアへのリンク) ステップ2. 以下のWidgetをダウンロードする Download 3dClock.wgt (2.5K) ー CSS3を使った3D時計 Download TimeTrial25.wgt (7.8K) ー タイムトライアルゲーム Download JSCalc.wgt (3.4K) ー 電卓 Download QuadraBench.wgt (2.5K) ー Canvas のベンチマークプログラム ステップ3. iPadをPC/Macに繋げ
2010年5月12日(水)にHTML5開発コミュニティ html5-developers-jpが主催する勉強会「第6回 HTML5とか勉強会」が開催されました。 今回は、ロリポップなどを提供しているpaperboy&co.様のご支援のもと、T's 渋谷フラッグにて行われました。 「動画配信サイトから見たHTML5」 ドワンゴの草野さんから、動画配信事業者の観点から、"HTML5についてどう取り組むべきか?"について講演いただきました。 HTML5の<video>(videoタグ)により、Flashなどのアドオンを使わずに映像サービスを提供することが可能になっていますが、こちらの動画コーデックの各種ブラウザでのサポート状況などが紹介されました。映像のコーデック変換にかかる莫大なコストを考えたときに、現在各ブラウザベンダが異なるコーデックをサポートしている状況は非常に厳しいという話や、"iPh
Created by: Kazuhiro HaraPublished Date: 2009-10-2Licence: Creative Commons Attribution 2.1 (http://creativecommons.org/licenses/by/2.1/jp/) Created by: Hideki AkibaPublished Date: 2009-10-2Licence: Unknown Created by: kenji nishimuraPublished Date: 2009-10-2Licence: Creative Commons Attribution 2.1 (http://creativecommons.org/licenses/by/2.1/jp/) Created by: @twenty49Published Date: 2009-10-3Lice
本日開催されたHTML5とか勉強会に参加してきました。今回はOperaブラウザのOperaさんが会場でした。 第4回 HTML5とか勉強会(旧Webkit/HTML5勉強会) : ATND http://atnd.org/events/3456 今回、Operaさんは会場提供をして頂いた上に会場にはOperaのデコチョコ(自分が好きな画像でチロルチョコを作れるサービス)やお菓子、ジュースまで準備して頂きました。ありがたい事です。 ちなみに自分ここにOpera関連のイベントで1回来た事が有るので今回2回目だったりします。 Chrome Extension meets HTML5 - 太田昌吾さん Chrome拡張の開発についての話。 プレゼン資料。 Chrome Extension meets HTML5 http://ss-o.net/chrome/extension/html5.html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く