進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
Frontrend/05
Kobayashi @koba_biz 今日はFrontrend Vol.5 powered by CyberAgent, Inc.参加するのでこれから渋谷～ 2013-05-25 11:59:23
Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb
今、Google I/Oに来ています！ そこで参加したWeb Components in Actionというセッションで、以前から注目していたWeb Componentsについて、大きな動きがあったことを知りました。 Polymer.jsというライブラリにより、Web Components仕様の大部分が動作させられるだけではなく、様々なカスタムコンポーネントを既に利用可能とのことなのです！ ちなみに、Web Components仕様について多少詳しく知りたい方は、昔白石が書いたこちらの記事を参考にするといいんじゃないでしょうか。 Polymerのコードを取得 PolymerはGitHubでコードが公開されています。まずは適当な空ディレクトリに移動し、そのコードを手元にクローンします。 このコマンドを実行すると、Polymer本体だけではなく、依存しているいくつかのモジュールも同時にクローン
久しぶりに起業してみて – suadd blog
いまインターネット・サービスを作ろうとすると、Google AppsとかGitHubとかAWSとかNew RelicとかTreasure Dataとか安くて、ヤバく便利なサービスがたくさんでてきている。 でも、肝心のサービスはサーバ側だけなくて、iPhoneアプリとかAndroidアプリとか作らなきゃいけなくて、前はPHPエンジニアひとりでもサービス作れたのに（まさに僕がそうだった）、いまは結局いろんな言語ができないと（or 体制がないと）いけなくなってる。 この状態はどう考えても非効率だと思う。 アプリもHTML5で書くFirefox OSが普及したら、サーバ側もNode.jsとかになって、まさかのJavaScript大勝利という結果がありうるのかもしれない。 [tmkm-amazon]4873114829[/tmkm-amazon]
John Resig - WebKit is the jQuery of Browser Engines
The news has just come out that Opera is switching all of their browsers (both mobile and desktop) to use WebKit (specifically, Chromium). I’ve seen a lot of gnashing of teeth on Twitter and I feel like I can respond because I use to feel the same way back in 2008-2009. However this is 2013 and the Chrome/Chromium team has made it obvious that any form of stagnation or lack of innovation does not
九州で開催された、2つのHTML5のお祭り
九州の福岡と宮崎で開催された、HTML5勉強会をレポートする。「small画面でも、BIG画面でも、いま、すぐ使えるレスポンシブ活用術」とは？ 2013年2月9日から10日にかけて、九州の福岡と宮崎でHTML5に関する大規模なイベントが2つ開催されました。この2つのイベントをレポートします。 九州で行うHTML5に関連するイベントとしては、どちらもかなり大規模なものでした。テーマはHTML5となっていますが、HTML5やHTML5に関する技術の裾野はとても広いため、以下のように幅広い内容のセッションがありました。 HTML5の仕様についての内容 エンジニア向けの技術的な内容 HTML5を利用したWeb制作に関する内容 レスポンシブWebデザイン HTML5とSEO コミュニーケーション系API HTML5を利用したスマートフォンアプリケーション どちらのイベントもエンジニア、デザイナーとい
なぜ WebGL がいいの? | Yomotsu net
この記事は 「Why you should use WebGL」の著者 Florian 氏に転載許可をいただき、CC-by-sa license のもと公開します。まだ翻訳途中です ( still translating… ) There is (among graphics enthusiasts) a lot of debate what API/version of something to use with a bunch of hotly contested alternatives. I would like to convince you to give WebGL a try, and this blog post explains why. It will also quickly summarize a few things people usually ask abo
Web Dev .NET: Beginner HTML5, JavaScript, jQuery, Backbone, and CSS3 Resources
Monday, January 28, 2013 Beginner HTML5, JavaScript, jQuery, Backbone, and CSS3 Resources A Beginner's Journey I was recently approached by someone at a .NET User Group about how to get started in HTML5, JavaScript, jQuery, CSS3, etc... The developer's primary background was writing thick client Windows applications. I figured the best place to start is to focus on the bare essentials and then wo
Takazudolog - 地獄のvideo／audio要素
video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
Open Web Apps と Web 標準 - Archive of obsolete content | MDN
注: クイックスタートの項目は、新しい、より集中的なクイックスタート記事 として更新され、従来のクイックスタート記事をすべて置き換えるものとなりました。この記事がより有益な情報源となり、古い一連の記事よりもより素早い学習体験を提供することを期待しています。 この記事は、開発者、プロジェクトマネージャ、その他アプリの開発や配布に関わる役割を担いつつ、Open Web Apps についてより詳しく学びたいというすべての人にとって最適なスタート地点となることを意図して書かれています。Open Web Apps とその背景にある哲学の、簡単で高次元な概要を提供します。 Open Web Apps は一般的な Web サイトや Web ページと本質的な違いはありません。いずれも HTML、CSS、JavaScript といった標準的でオープンな Web 技術を用いて開発され、Web ブラウザ経由でア
[Smartphone] Building Firefox OS - FirefoxOSのUI仕様書
[Smartphone] Building Firefox OS – FirefoxOSのUI仕様書 Pocket Tweet ぼちぼち登場するっぽいFirefox OSのUI仕様書が出てました。Firefox OSは他のスマートフォンと違い、アプリっていうよりは全部HTMLで対応する（なんだか第1世代のiPhoneみたい）ようなので、当然UI仕様書もHTMLでの記述法に関して書かれてます。パっと見SenchaやjQuery MobileなどのMobile端末用フレームワークの仕様書みたいな感じです。あとTransitionsの項目ではFirefox OSのトランジションに関して動きを使って説明されてます。自分の場合はAppleの犬なのでiPhone以外のスマートフォンを使おうとは思わないけど、今後仕事で需要が出てくる可能性もあるので、ちょっと気になるところであります。 Building
StackPath
Please enable cookies This website is using a security service to protect itself from online attacks. The service requires full cookie support in order to view the website. Please enable cookies on your browser and try again. This website is using a security service to protect itself from online attacks. This process is automatic, you will be redirected to the requested URL once the validation pro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転送中
【GDC 2013 Vol.33】HTML5+JavaScriptで容易にWii Uでのゲーム・アプリ開発が可能に・・・「任天堂ウェブフレームワーク」発表 / GameBusiness.jp
丸山理事長の基調講演資料を掲載しました
Frontend Focus
KataPad.com is for sale | HugeDomains
Diet Style ～女性のダイエットライフをもっと楽しく♪～