プログラミング

React VR×360度画像!Web上でパノラマVR表示を試す

連載: React VR (2)前回は、React VRのインストールから「Hello, World」の表示、そして日本語の表示までを行いました。 今回は、RICOH THETAなどで撮影した360度画像をVRコンテンツ...

React VRで始めるお手軽WebVRプログラミング

連載: React VR (1)React VRというのは、Facebookが開発し、GitHubにてBSDライセンスで公開しているオープンソースのVRアプリケーションフレームワークです。現在のところは、Webブラウザ向...

ReactはなぜFiberで書き直されたのか?Reactの課題と将来像を探る

先日行われたFacebookの開発者向けイベント「F8」で、React Fiberの発表が行われていました。 といっても、React関連の新しいプロダクトが発表されたというわけではなく、Reactが一から書き直されたとい...

    「次のモバイルファースト」がやってくる!UIと機能設計をIonic 2を使って学んでみよう

    レスポンシブデザインが生まれたばかりの2009年には、はやくも「モバイルファースト」という言葉が使われ始めていました。 WebサイトはPCから見るものだったのは今や昔。今ではスマートフォンの普及により、多くのWebサイト...

    Webブラウザで高速な演算を可能にする低水準言語asm.jsと、WebAssembly詳解ーasm.jsを高速に動作させる新しいコンパイラーターゲットWASMとは?

    連載: 低水準言語asm.jsとWebAssembly詳解 (4)低水準言語asm.jsとWebAssembly詳解の第4回目です。前回までで、asm.jsの必要とされる理由と、その仕様、そしてasm.jsを生成するツー...

    Node.jsでSlack Command Botをつくってみよう

    こんにちは。ごぶさたしています。以前の執筆から1年ちょっとになるのですが、その当時はInternet of Things(IoT)について書いたのですが、最近では市場がある程度まで到達したからでしょうか、それとも脆弱性の...

    Webブラウザで高速な演算を可能にする低水準言語asm.jsと、WebAssembly詳解ーC / C++をasm.jsに変換するツールEmscripten

    連載: 低水準言語asm.jsとWebAssembly詳解 (3)間が随分と空いてしまいましたが、低水準言語とasm.jsとWebAssembly詳解の第3回目です。 前回は、型システムを中心にasm.jsを解説しました...

    Angular 2を使うならUIはコレで!Ionic 2ことはじめ(正式リリース版対応)

    連載: React/Angular2時代のWeb開発 (3)Web制作してると、また新技術が出たのかと思うと、気づいたら「新常識」が増えてたということに頻繁に出会います。 タスクランナー、SCSS、LiveReload、...

    エキスパートたちが語る、Webパフォーマンス最新テクニック

    こんにちは、編集長の白石です。 今回は、HTML5 Experts.jpでWebパフォーマンスに関する特集を行うにあたって、エキスパートの皆様による誌上座談会を開催してみました。 通常であれば数時間語っても尽きないような...

    Angular 2で10万行書いた人にナマの声を聞く─奥野賢太郎×白石俊平

    2016年9月のAngular 2リリースは、2016年のWeb業界で、最も重要なトピックの一つだったと言っても過言ではないでしょう。 本稿では、Angular 2を正式リリース以前から仕事で使い倒していた奥野賢太郎さん...

    React vs Angular 2ガチ対決!エキスパートたちによるハイレベル対談 (2 / 2) ー TechFeed Live#2レポート

    こんにちは、編集長の白石です。 本記事は、2016年9月に開催されたTechFeed Live#2 「React vs Angular 2」の模様をお伝えする記事の後編です(前編はこちら)。 TechFeed Live#...

    React vs Angular 2ガチ対決!エキスパートたちによるハイレベル対談 (1 / 2) ー TechFeed Live#2レポート

    こんにちは、編集長の白石です。 本記事は、2016年9月に開催されたTechFeed Live#2 「React vs Angular 2」の模様をお伝えする記事の前編です(後編はこちら)。 TechFeed Live#...

    Web技術者よ、Unityを始めよう!Unity WebGL入門──HTML5 Conference 2016セッションレポート

    連載: HTML5 Conference 2016 特集 (9)HTML5 Conference 2016特集・第5弾は、「Unity WebGL入門」です。WebGL正式対応により、ゲームをはじめとしたブラウザコンテン...

    超詳解!Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート

    連載: HTML5 Conference 2016 特集 (5)はじめまして。GoogleでChromeの開発をしている保呂毅です。 Chromeの中では特にService Worker周りを担当してまして、最近はNav...

    VR成功の鍵はWebVRにあり!? ── HTML5 Conference 2016セッションレポート

    連載: HTML5 Conference 2016 特集 (3)セッション内容を講演者自らが解説するという「HTML5 Conference 2016特集」の第三弾。今回のテーマは「Webのグラフィックス後編: WebG...

    Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート

    連載: HTML5 Conference 2016 特集 (2)2016年9月3日に東京電機大学で開催された「HTML5 Conference 2016」のセッションを特集する第二弾は筆者である私、小林徹が登壇した「 R...

    モバイルUIフレームワークのド本命、Onsen UI 2正式リリース!──React, Angular 2両対応!

    連載: React/Angular2時代のWeb開発 (1)先日、本サイトにて公開された React/Angular2時代のUIフレームワーク考──Ionic2、Onsen UI2を語る という記事を受けて、本記事ではO...

    Electronプログラミング入門 — インストールからミニブラウザ構築まで

    連載: Web技術でアプリ開発2016 (6)Electronとは、デスクトップクライアントを作るためのフレームワークです。クロスプラットフォームで動作することをサポートしているため、Electronで作ったアプリケーシ...

    プログレッシブウェブアプリ詳解 ─ 過去・現在・未来

    連載: Web技術でアプリ開発2016 (5)Web技術でアプリ開発2016特集・第5弾は、プログレッシブウェブアプリ (Progressive Web Apps)をご紹介させていただきます。 はじめに プログレッシブウ...

    React Native入門 ─ Hello,Worldからネイティブ連携まで

    連載: Web技術でアプリ開発2016 (1)モバイルアプリ開発におけるWeb技術の可能性を探る特集・第一弾でご紹介するのはReact Native。その生い立ち、チュートリアルから、コードベースやUIを記述する言語、パ...

    React/Angular2時代のUIフレームワーク考──Ionic2、Onsen UI2を語る

    連載: React/Angular2時代のWeb開発 (2)読者の皆様こんにちは、編集長の白石です。 先日ふとしたきっかけで、本サイトの認定エキスパートでありアシアル株式会社の社長でもある田中 正裕さんと、Web技術につ...

    P7141021

    Firebaseで楽々シグナリング──WebRTC入門2016番外編

    連載: WebRTC入門2016 (5)こんにちは! 2014年に連載した「WebRTCを使ってみよう!」シリーズのアップデートとしてお送りしているこの連載ですが、今回はもとの連載にはなかった内容を番外編としてお届けしま...

    firebase_structure_1

    シグナリングを拡張して、複数人で通信してみよう ーWebRTC入門2016

    連載: WebRTC入門2016 (4)こんにちは! 2014年に連載した「WebRTCを使ってみよう!」シリーズのアップデート記事も4回目となり、佳境に入りました。前回の1対1の通信をベースに、今回はより実用的なビデオ...

    Webブラウザで高速な演算を可能にする低水準言語asm.jsと、WebAssembly詳解ーasm.jsの仕組みとコーディング例

    連載: 低水準言語asm.jsとWebAssembly詳解 (2)連載の第1回目は asm.jsの紹介と、asm.jsが導入された背景を概観しました。 Just in Timeコンパイルによって高速にJavaScript...

    シグナリングサーバーを動かそう ーWebRTC入門2016

    連載: WebRTC入門2016 (3)こんにちは! 2014年に連載した「WebRTCを使ってみよう!」シリーズのアップデート記事も3回目となりました。今回は、前回の「手動」で行ったP2P通信の準備を、自動で行えるよう...

    Webブラウザで高速な演算を可能にする低水準言語asm.jsと、WebAssembly詳解ーJavaScript が動く仕組み

    連載: 低水準言語asm.jsとWebAssembly詳解 (1)Webブラウザの上で動作するアプリを書くための言語、といえば何が想起されるでしょうか。Flash、Sliverlight、Java、さまざまな言語が利用さ...

    手動でWebRTCの通信をつなげよう ーWebRTC入門2016

    連載: WebRTC入門2016 (2)こんにちは! がねこまさしです。2014年に連載した「WebRTCを使ってみよう!」シリーズを、2016年6月の最新情報に基づき、内容をアップデートして改めてお届けしています。1回...

    FirebaseとAngular2を使ってリアルタイムでデータのやり取り【導入編】

    連載: Angular2で学ぶFirebase入門 (1)Firebaseはリアルタイム同期なデータベースを中心に、Auth認証やPushNotificationやユーザーの行動分析といったアプリケーションに最適な機能を...

    もう、アルゴリズム自分で書いてる場合じゃない?機械学習が開発手法を変える─de:code 2016セッションレポート

    連載: de:code 2016 特集 (6)de:code 2016に参加中の、編集長の白石です。 今回は、編集部のメンバーそれぞれが興味あるセッションに参加してセッションレポートを書こう、ということになってまして、ぼ...

    Angular1から2への移行プロセス、詳しく語ります

    Angular2のリリースが近づいてきている今、Angular1で開発された資産を、どうやってAngular2に移行していけばよいのでしょうか? この記事では、実際に移行を行う上でのプロセスを具体的に示していきます。 編...

    Angular2は「モダンJavaScriptの学習セット」!エキスパートによるディスカッションが熱かった(詳細な注釈付き!)

    こんにちは、編集長の白石です。 去る3月9日、AngularJSのエキスパートによる座談会におじゃまさせていただきました。この座談会はAngularJS Japan User Groupの佐川 夫美雄さんの呼びかけによる...

    JSだけでVRできる!『WebVR』ことはじめ

    今年はVR元年と呼ばれています。 実は過去にも何度かVR元年と呼ばれ、VRが来る、と言われていた年があります。 ですが、今年はいよいよそれが本格的になりそうな状況になってきました。 そこで今回は、「今からWebVRに備え...

    Angular2実践入門〜ng-japan 2016 セッションレポート〜

    この記事は、「ng-japan 2016」のセッションレポート(速報)です。講演内容を忠実に再現していますが、ニュアンス等伝えきれない場合があるので、気になるところは、記事末尾に掲載の講演資料やYoutube動画でご確認...

    エキスパートたちが語り尽くす、WebRTCの「つらみ」ーWebRTC Conferenceパネルディスカッションレポート

    こんにちは、がねこです。この記事では先日開催された「WebRTC Conference Japan 2016」から、2日目に行われたパネル・ディスカッション「ここがつらいよWebRTC – WebRTC開発の...

    Googleが語る、WebRTCテクノロジーの最前線

    こんにちは、編集長の白石です。 本日は、WebRTC Conference 2016に来ております。 WebRTCの「今」をお伝えするレポートを、HTML5 Experts.jp編集部一同よりお送りいたします。 まずは基...

    TypeScriptで今すぐ使える実践的『ECMAScript 2015』

    連載: TypeScriptでECMAScript 2015時代のJavaScriptを先取りしよう! (3)TypeScriptを使ってECMAScript 2015時代のコードを書く 3 第一回は、「なぜTypeSc...

    SkyWay iOS/Android SDKを使って、WebRTCアプリを開発しよう

    連載: WebRTCプラットフォーム ”SkyWay” 入門 (5)連載5回目の今回は、12月にアップグレードされたSkyWayのiOS/Android用SDKのチュートリアルをお届けします。 iOS/Android用S...

    今からでも間に合う!Node.js v4&v5は何が変わったか?

    Node.js v4リリースに向けて とうとうメジャーバージョンアップにされたNode.jsである、Node.js v4がリリースされました。今回はこのNode.js v4がこれまでのNode.js v0.12やv0.1...

    MIDIデバイスの準備不要!お手軽な『MIDIアプリ』実装法

    連載: MIDIデバイスの準備不要 !Web MIDI APIを使いこなそう! (2)この記事は、Web MIDI APIを題材にした連載の第二回目です。(第一回目はこちら) 第一回目はWeb MIDI APIでMIDI...

    JavaScriptエンジニアへのIoTのすすめ:Node.jsとArduinoでスマートデバイスのプロトタイプをしてみよう

    ここ、HTML5Experts.jpでも今年になって IoTやWoT関連の話題がことかかず、みさなんも関心を持ち始めていることかと思われます。 私もフロントエンド・エンジニアではありますが、もともと関心があったことと、去...

    TypeScript の開発環境構築と周辺ツールの紹介

    連載: TypeScriptでECMAScript 2015時代のJavaScriptを先取りしよう! (2)前回はなぜTypeScriptか?という話を書きました。今回はTypeScriptを使うとして、どういう環境を...

    MIDIデバイスの準備不要、Web MIDI APIの基礎

    連載: MIDIデバイスの準備不要 !Web MIDI APIを使いこなそう! (1)この記事は、Web MIDI APIを題材にした連載の第一回目です。 Web MIDI APIはWebブラウザのAPIですが、Webブ...

    Babelで始める!モダンJavaScript開発

    連載: ECMAScript 2015(ECMAScript 6)特集 (3)この記事は「ECMAScript2015/ES6特集」の第3回目です。この特集ではJavaScriptの次世代仕様であるECMAScript ...

    【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」

    Twitter Bootstrapバージョン4アルファ版が8月19日に公開されました。既にご存知の通りTwitter BootstrapはレスポンシブでモバイルファーストなCSSフレームワークです。さっとレスポンシブなサ...

    SkyWay ScreenShareを使ってWebRTCの画面共有機能を実装しよう

    連載: WebRTCプラットフォーム ”SkyWay” 入門 (4)連載4回目の今回は、7月28日にリリースされた、SkyWay ScreenShareのチュートリアルをお届けします。 SkyWay ScreenShar...

    SkyWay音声認識機能を使ってみよう!

    連載: WebRTCプラットフォーム ”SkyWay” 入門 (3)連載3回目の今回は、SkyWayの付加機能としてリリースされているSkyWay音声認識機能の利用方法についてお届けいたします。SkyWay音声認識機能と...

    SkyWay MultiPartyを使ってグループチャットを作ろう

    連載: WebRTCプラットフォーム ”SkyWay” 入門 (2)連載2回目の今回は、7月28日にリリースされたライブラリ、SkyWay MultiPartyのチュートリアルをお届けします。 SkyWay MultiP...

    ビデオチャット&テキストチャット作成チュートリアル!WebRTCを簡単&柔軟に使える「SkyWay」を使ってみよう

    連載: WebRTCプラットフォーム ”SkyWay” 入門 (1)WebRTCを簡単に利用するためのプラットフォームSkyWayをご存知ですか?本連載では、WebRTCを簡単に利用するためのプラットフォームSkyWay...

    TypeScriptを使ってECMAScript 2015時代のJavaScriptを先取りしよう!

    連載: TypeScriptでECMAScript 2015時代のJavaScriptを先取りしよう! (1)わかめです。これから、TypeScriptを使ってECMAScript 2015スタイルのコードを書く方法を紹...

    JJUGのエキスパートが語るエンタープライズ・アーキテクチャの過去、現在、未来──SOAP・RESTからIoT・ウェアラブルまで

    連載: アプリケーションアーキテクチャ最前線 (4)特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、エンタープライズ・...

    mBaaSの「今」がわかる!ぶっちゃけ仮想パネルディスカッション!

    連載: アプリケーションアーキテクチャ最前線 (3) BaaS / mBaaSという言葉をご存知でしょうか。この単語は「Backend as a Service」の略(mBaaSは、さらにモバイルアプリに特化したもの)で...

    乗るしかない!Reactのビッグウェーブに!─isomorphic tokyo meetupに参加してきた

    連載: アプリケーションアーキテクチャ最前線 (1)おはようございます。編集長の白石です。 昨日(2015年4月30日)、isomorphic tokyo meetupに参加してきました。 というのも実は近々、HTML5...

    isomorphicの語源

    HTMLとJavaScript、CSSだけで作ろう!Firefox OSアプリ

    連載: HTML5 Conference 2015 特集 (5)こんにちは、清水です。先日のHTML5 ConferenceでFirefox OS上で動作するアプリの開発と、Firefox Marketplaceの公開に...

    03-files-of-helloworld

    「NewRouter」という名前を付けてしまってゴメンナサイ…Angular開発者が生で答えるQ&Aセッション─ng-japan 2015

    連載: ng-japan 2015 特集 (6)この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート(第6回目)です。ng-japan特集最後は懇親会でのQ&Aの...

    古くて新しいリアクティブプログラミングのすすめ-Frontrend Conference

    連載: Frontrend Conference 特集 (9)本記事では、2015/2/21に行われた「Frontrend Conference」のJSトラックセッション「Reactive Programming in ...

    噂のAngular 2をのぞき見る!ーng-japan 2015

    連載: ng-japan 2015 特集 (5)この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート(第5回目)です。 はじめに Angular 2の発表があり、大きく様...

    Webエンジニア必見!AngularとTypeScriptが大規模開発の未来を変えるーng-japan 2015

    連載: ng-japan 2015 特集 (4)この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート(第4回目)です。 はじめに 昨年秋に、Angular 2はAtScr...

    Angular 1でもAngular 2でも利用可能な大規模開発向けNew Routerの素顔ーng-japan 2015

    連載: ng-japan 2015 特集 (3)この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート(第3回目)です。 はじめに 策定されているNew Routerは、A...

    誰でもハイパフォーマンス!OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015

    連載: ng-japan 2015 特集 (2)この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート(第2回目)です。 はじめに HTML5ハイブリッドアプリケーションと...

    乗り遅れるな!よりパワフルになったAngular1.4リリースまであと一週間! Angular1.4 and beyondーng-japan 2015

    連載: ng-japan 2015 特集 (1)Angularをテーマとした日本初のカンファレンス 「ng-japan」が2015/3/21(土)サイバーエージェントで開催されました。 ng-japanは、参加者350名...

    悩める組み込み機器向けWebコンテンツのパフォーマンス

    連載: HTML5 Conference 2015 特集 (2)近年、ブラウザやブラウザランタイムは、PCやスマートフォンのみならず、テレビ、コンソールゲーム機などの組み込み機器にも導入されるようになりました。また、Ra...

    AngularJSの強力なフォームバリデーションを活用しよう

    連載: 初心者から中級者まで、今注目のAngularJS徹底解説 (2)連載企画「AngularJS徹底解説」の第2回目は、Angularが備えている強力なフォームバリデーションについて解説します。 AngularJS ...

    Web制作者にもチャレンジできるIoT入門~Tesselの基礎~

    連載: IoTxWeb (7)2015年はIoT元年と言われるくらい、IoTやWoTという単語がバズワード化してきました。2014年頃からArduinoやRaspberryPi、Galileo、Edisonといったマイコ...

      今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference

      連載: Frontrend Conference 特集 (3)本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料...

      WebRTCで録画する!MediaRecoderを使ってみよう

      連載: WebRTCを使ってみよう! (7)こんにちは!がねこまさしです。今回はWebRTCの録画機能を使って、ブラウザ(Firefox)で録画してみましょう。 Media Recorder API WebRTCでの録画...

      初心者でもわかる・できる!Arduinoを使った初めての電子工作実践

      連載: IoTxWeb (2)この記事では、「IoT」という言葉には少し関心があるけど、ハードウェアを作るなんてハードルが高そう…と感じていらっしゃる方々(特にWebデザイナー/エンジニア)に向けて、低価格で簡単にハード...

      PolymerでMaterial Designなチャットアプリを作ろう

      今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実...

      これから始めるAngularJS

      連載: 初心者から中級者まで、今注目のAngularJS徹底解説 (1)これから始めるAngularJS HTML5の普及とともに、より表現豊かなWebアプリケーションを開発できるようになりました。その反面、Webアプリ...

      WebRTCでキャスしよう!片方向リアルタイム映像配信を作ろう

      連載: WebRTC (3)こんにちは!がねこまさしです。「WebRTCを使ってみよう」シリーズの最新話をお送りします。今回は、簡易的な放送局を作ってみましょう。 片方向配信の特徴 WebRTCを使った音声通話、ビデオチ...

      TypeScriptで既存資産を活かしたモダンWeb開発を実践!

      連載: TypeScriptではじめる、モダンWebアプリケーション開発 (4)モダンなWebアプリケーションでは、JavaScriptコードの量は日に日に増しています。多くのコードが必要になる中で、それらすべてを一つの...

      HTML5の技術だけで実装!「YouTubeみたいなWebGLプレーヤー」とは?

      連載: HTML5 Japan Cup 特集 (7)この記事では、HTML5 Japan Cup 2014で優秀賞を頂いた「YouTubeみたいなWebGLプレーヤー」で利用されている技術を解説します。 はじめに 「Yo...

      1

      WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て!(後編)

      連載: HTML5 Japan Cup 特集 (6)WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て!(後編) 前回に引き続きHTML5 Japan Cup 2014にてWebG...

      WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て!(前編)

      連載: HTML5 Japan Cup 特集 (5)今回はHTML5JapanCup2014にてWebGL賞と優秀賞を受賞したオンラインレースゲーム、JS-Racingの技術解説を書かせていただきます。 このコンテンツは...

      Angry Birdsの3D版!?「Enraged Fowls」の技術解説(物理エンジン編)

      連載: HTML5 Japan Cup 特集 (4)本記事はHTML5 Japan Cup 2014で優秀賞を頂いたEnraged Fowlsというゲームについての技術解説後編です。前編はこちらです。 物理エンジン 前編...

      Angry Birdsの3D版!?「Enraged Fowls」の技術解説(コントローラー編)

      連載: HTML5 Japan Cup 特集 (3)本記事はHTML5 Japan Cup 2014で優秀賞を頂いたEnraged Fowlsというゲームに関する技術的な解説の前編です。 Enraged Fowlsとは ...

      SpeechRecognitionとWebRTCでつながる新感覚言葉遊び「コトバツナギ」の技術全て見せます!

      連載: HTML5 Japan Cup 特集 (2)「コトバツナギ」というWebコンテンツを作成し、HTML5 Japan Cup 2014で最優秀賞を頂きました。コトバツナギは、SpeechRecognitionとWe...

      Class、Interface、Module-TypeScriptが提供する目玉機能を一挙紹介!

      連載: TypeScriptではじめる、モダンWebアプリケーション開発 (3)クラス・インターフェース・モジュールは大規模な開発を行う際の強力な味方であり、TypeScriptの重要な機能の一つです。連載第3回目となる...

      キミはionicを知っているか?AngularJS+PhoneGap+美麗コンポーネント群!

      連載: ハイブリッドアプリ開発最前線 (4) ionic 概要 ionicはそのサイトのデザインからも見てわかるとおり、シンプルかつ美しいUIを取り揃えたコンポーネント群で、Apache Cordova を拡張して作られ...

      AltJS初心者必見!型注釈と関数にみるTypeScriptの魅力

      連載: TypeScriptではじめる、モダンWebアプリケーション開発 (2)前回はTypeScriptの魅力を3つほど紹介し、TypeScriptの開発環境を構築しました。今回はTypeScriptの基本文法とTyp...

      ハイブリッドアプリ開発といえばこれ!PhoneGap/Cordova事始め

      連載: ハイブリッドアプリ開発最前線 (2) PhoneGapの概要と歴史 PhoneGapとは、ハイブリッドアプリのフレームワークです。つまり、HTML5コンテンツをラッピングして、いろんなデバイスやOSでネイティブア...

      初めての方必見!TypeScriptでモダンなWebアプリケーション開発を始めよう

      連載: TypeScriptではじめる、モダンWebアプリケーション開発 (1)Webページで補助的に使用する用途で開発されたJavaScriptも、今ではWebになくてはならない重要な技術の一つです。特にSingle-...

      WebRTC落穂拾い:初心者がつまずきやすいポイントをフォロー

      連載: WebRTCを使ってみよう! (6)こんにちは、がねこまさしです。以前WebRTCに関する連載を書かせていただきましたが、今回はそのフォロー記事を書きたいと思います。 4月に記事をベースにしたハンズオンを行ったり...

      Firebugだけじゃないぞ、Firefoxの開発ツール入門

      連載: Mozilla Japan直伝、Firefoxを使いこなす! (1)Firefoxで使えるWeb開発用のツールといえば、Firebugが有名です。FirebugはFirefoxのアドオンとして提供されており、利用...

      CSS Text Decoration、ルビ、Shadow DOMに挑戦「Test the Web Forward Meetup (仮), Tokyo #2」レポート

      連載: イベントレポート (15)Test the Web Forward (TestTWF)とは、W3Cの仕様を実装・勧告させるために必要なテストケースをみんなで書こうというイベントです。Adobeが中心となり世界各国...

      「HTML5 Rocksの翻訳ハンズオン」html5j英語部イベントレポート

      連載: イベントレポート (14)HTML5 Rocksは、開発者向けのHTML5周辺技術に関するリソースを公開しているサイトです。Googleによって運営されており、記事が多言語に対応しているものもあります。 html...

      知らないと損する?Webページを検証できる無償の「modern.IE」「F12開発者ツール」を徹底紹介!

      Microsoftは無償で、Webページを検証するためのツールとサービスを多数出している。それらをどのように使えば便利なのか。日本マイクロソフトがエンタープライズのパートナーに向けて開催した「Internet Explo...

      Web Componentsに関するパネル、WebとDOMとの関係性、ARIAのWeb標準化など海外WEBテク20本を一挙公開

      連載: 海外WEBテク最新動向 (11)斉藤祐也の海外WEBテク定点観測<Issue.12: 2014/03/01-2014/03/31> 今月の定点観測はWeb Componentsに関するパネル、WebとDOMとの関...

      browsiness

      HTML5でネイティブアプリを作ろう!「Windowsストアアプリ」開発入門

      これまでのHTMLはオンライン上のドキュメントを記述する目的に設計され、発展してきましたが、HTML5ではそれに加え、アプリケーションのプラットフォームとしての仕様も盛り込まれています。 HTML5のマークアップや AP...

      image.png

      進化するWebプラットフォーム!Chrome OSとFirefox OSが変えるWebの未来

      近年、ネイティブのアプリをHTML5だけで開発できるOSが、注目を集めています。本記事では、2014年内に日本での製品発売が期待されるGoogleのChrome OSとMozillaのFirefox OSの概要を紹介しま...

      自分の書いたコードが即座に解析できる「StyleStats」でCSSを測ろう!

      こんにちわ、@t32kだよ! 私は仕事では主にHTML/CSSコーディングを担当しているのですが、自分の書いたCSSがイケてるのか、そうでないのか、気になります。私、気になります!そうでなくても、他プロジェクトのCSSの...

      車載もHTML5の時代!車載機器とWeb技術の融合に関する動きをウォッチする

      連載: イベントレポート (11) 昨今、コネクティッド・カーやスマートカーと言った、キーワードが注目されてきており、車載機器をインターネットに接続し、スマートフォンやタブレットなどのデバイスと連携する車が増えてきました...

      壁を越えろ!WebRTCでNAT/Firewallを越えて通信しよう

      連載: WebRTCを使ってみよう! (5)こんにちは!がねこまさしです。前回は複数人の同時通話まで実現しました。社内で使うには十分なレベルです。 しかし本格的な企業ユースとなると、まだまだ障害があります。会社と家、自社...

      webrtc_nat_0

      シグナリングサーバーを応用! 「WebRTCを使って複数人で話してみよう」

      連載: WebRTCを使ってみよう! (4)こんにちは! 前回はシグナリングサーバーを動かして、WebRTCでPeer-to-Peer通信をつなぐ処理を作りました。最後に書いた通り、前回の実装ではサーバーあたり2人だけし...

      rtc11_multiroom

      Webの矛盾についての考察、TLSのパフォーマンス最適化Tips、jQueryの未来に対する提言など海外WEBテク20本を一挙公開

      連載: 海外WEBテク最新動向 (9)斉藤祐也の海外WEBテク定点観測<Issue.11: 2014/02/01-2014/02/28> 今月の定点観測は、Webが持つある1つの矛盾についての考察、TLSのパフォーマンス...

      grid

        WebRTC初心者でも簡単にできる!Node.jsで仲介(シグナリング)を作ってみよう

        連載: WebRTCを使ってみよう! (3)こんにちは! がねこまさしです。前回はWebRTCの通信を手動でつなぎましたが、今回は仲介役のサーバーを作ってみましょう。 ※今回の内容は、Node学園祭2013で発表した内容...

        signaling_server

        WebRTCに触ってみたいエンジニア必見!手動でWebRTC通信をつなげてみよう

        連載: WebRTCを使ってみよう! (2)こんにちは! がねこまさしです。前回はWebRTCでカメラを使いましたが、今回は通信をしてみましょう。 ※こちらの記事は2014年に書かれました。2016年6月のアップデート記...

        rtcpeerconnection

        攻撃シナリオを使って解説するApplicationCacheのキャッシュポイズニング

        最近ウィンナーと燻製の自作にはまっています。@kyo_agoです。 この記事は1/28に行われた、第44回HTML5とか勉強会(HTML5とセキュリティ編)で発表した内容を元に書いています。 今回はApplication...

        iframe

        初心者でも絶対わかる、WebGLプログラミング<three.js最初の一歩>

        連載: WebGLプログラミング (2)WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベル...

        HTML5でWebRTCを使ってみよう!「カメラを使ってみよう」編

        連載: WebRTCを使ってみよう! (1)こんにちは! がねこまさしです。これから数回に渡って、WebRTCについて書かせていただきます。 内容は2013年10月にNode学園祭2013で発表したプレゼンを、再構成した...

        Shared Workers復活?、CSSOM View更新ほか、2013年12月のWeb標準化動向

        連載: WEB標準化動向 (3)TPACという大きなイベントも終了し、またホリデーシーズンに入ったこともあり、12月のW3Cはとても静か…と思いきや、結構な数の仕様に更新ありました。 また、先月ちょっとだけ取り上げたSh...

        CSS Regionsに対する問題提起、新picture要素仕様、Webスタンダードの新フェーズなど海外WEBテク20本を一挙公開

        連載: 海外WEBテク最新動向 (8)斉藤祐也の海外WEBテク定点観測<Issue.10: 2014/01/01-2014/01/31> 今月の定点観測は、CSS Regionsに対する問題提起、新picture要素仕様...

        2014-is-web-design-dead

        NUCで手のひらサイズの格安WebSocketサーバーを立ててみた(アプリ起動編)

        連載: NUCでWebSocketサーバを立ててみた (3)前回まででNUCのハードを組み立てて、OSやJavaScript実行環境Node.jsなど、基本的なソフトのインストールを準備しました。 今回はいよいよWebS...

        NUCで手のひらサイズの格安WebSocketサーバーを立ててみた(OSインストール編)

        連載: NUCでWebSocketサーバを立ててみた (2)前回は、NUCのハードを組み立ててましたが、次は、ソフトのインストールです。慣れてる方には無用な講義ですが、一応ざっくりとした手順をメモしてみました。 もちろん...

        NUCで手のひらサイズの格安WebSocketサーバーを立ててみた(ハード組立編)

        連載: NUCでWebSocketサーバを立ててみた (1)2012年11月からインテルが出荷をはじめたNUC (Next Unit of Computing)という製品群が自作系PCながら意外にひそかな(?)注目を集め...

        8__

        FirefoxにCSS Variables機能拡張etc.──2013年12月のブラウザ動向

        連載: WEB標準化動向 (2)今月より、ブラウザ関連のニュース、とりわけレンダリングエンジンに実装されたWebプラットフォーム機能について取り上げる月一の連載を開始したいと思います。1月も後半ですが、2013年12月の...

        JavaScript Promises、CSS変数、Quartz ComposerのプラグインOrigamiなど海外WEBテク20本を一挙公開

        連載: 海外WEBテク最新動向 (7)斉藤祐也の海外WEBテク定点観測<Issue.9: 2013/12/01-2013/12/31> 今月の定点観測は、JavaScriptにおけるPromises実装について、CSSの...

        aerotwist-badbenchmark

        OSの種別を問わず、無償でできる!modern.IE「4つ+1つ」のWebページ検証方法

        2013年11月、Windows 8.1と同時にInternet Explorer 11がリリースされました。 新しくメジャーなWebブラウザーがリリースされると、それまでのWebサイトや、あるいはこれからリリースするW...

        image_thumb.png

        WebRTC開発者向けライブラリ「PeerJS」はこうして作られた

        NTT Communications(以下、NTT Com)が提供するWebRTC開発用プラットフォーム SkyWayはPeerJSをベースに構成されています。この記事ではPeerJS開発者であるEric Zhang氏の...

        通信キャリアプロフェッショナルが語るHTML5への期待「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (21)「HTML5 Conference 2013」ルーム5Cの最終セッションは「通信キャリアプロフェッショナルが語るHTML5への期待」と題したパネルディス...

        PB304717

        ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (20)Web MIDI APIはWeb Audio APIと並ぶ音楽系のAPIです。あまり馴染みのないMIDIですが、Web MIDI APIを使うことであら...

        DSC_0188

        Spec EditorとContributorが語るWeb標準化と開発者への期待「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (18)「HTML5 Conference 2013」において行われた「Spec EditorとContributorが語るWeb標準化と開発者への期待」。グー...

        P1040843

        HTTP/2.0がもたらすWebサービスの進化「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (19)GoogleやTwitterが大規模に導入しているSPDYをベースとして、HTTP/2.0の標準化作業が現在急ピッチで進められている。十数年ぶりに改訂さ...

        DSC03184

        モバイルフロンティア:フロントエンドエンジニアとデザイナーのためのモバイルユーザーエクスペリエンス「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (17)「HTML5 Conference 2013」では「モバイルフロンティア よりよいモバイルUXを生み出すためのデザインガイド」を翻訳したメンバーによる、...

        P1040709

        現場の実例から学ぶ、最新鋭のWebアプリケーション開発フローとアーキテクチャ「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (16)「HTML Conference 2013」で行われたセッションから、株式会社サイバーエージェント大谷剛氏と船ヶ山慶氏による「現場の実例から学ぶ、最新鋭...

        Screenshot_

        組込み+HTML5の持つ可能性は?「HTML5 run anywhere」HTML5 Conference2013

        連載: HTML5 Conference 2013レポート (15)2013年11月30日に開催された「HTML5 Conference2013」において行われた数々のセッション。株式会社ACCESSの長野宏輔氏が「組込...

        長野さん

        いつかきっと日の目を見る!?非モテ系マニアックAPIを紹介!「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (14)「今日は面白いのに話題になっていないよね、というHTML5のマニアックなAPIを紹介しようと思う」。冒頭でこう切り出して始まった羽田野太巳氏のセッション...

        羽田野太巳

        HTML5でWebの世界も変わる。IE11とWindows 8.1が対応する技術「HTML5 Conference2013」

        連載: HTML5 Conference 2013レポート (13)マイクロソフト春日井良隆氏のセッションテーマは「HTML5とIE11とWindows 8.1」。セッション冒頭、春日井氏は日常的に使用しているITデバイ...

        春日井さん

        ネットワークのないところでも使え、サクサク動く。これからのWebゲームアプリが備えるべき機能とは「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (12)今後モバイルWebアプリはどこを目指すのか──。このヒントが得られたのが、DeNA小原隆郎氏の「地下鉄 x サクサク x これからのWebゲームアプリが...

        obara

        HTML5とWAI-ARIAでマルチデバイスに対応したアクセシブルなサイトを作ろう「HTML5 Conference 2013」

        連載: HTML5 Conference 2013レポート (11)いまやマルチデバイスの時代。PCやタブレット端末、スマートフォン、将来的にはメガネ型デバイスも登場しつつある。「今はこのような時代。Webは特定のデバイ...

        黒澤剛志さん

        モバイル対応にこそ、Webの真の課題が隠されている──及川卓也氏「HTML5 Conference 2013基調講演」

        連載: HTML5 Conference 2013レポート (8)村井純氏に続いて登壇したのは、グーグルのシニアエンジニアリングマネージャー・及川卓也氏。 HTML5をめぐる今年1年間の変化について、「HTML5はもはや...

        IMG_0707

        15年、20年先に何がやりたいかをイメージしながら7年先を考えよう──村井純氏「HTML5 Conference 2013基調講演」

        連載: HTML5 Conference 2013レポート (7)11月30日に都内で開催された「HTML5 Conference2013」。多くの参加者を集めたオープニングセッションの冒頭で招待講演を行った日本のインタ...

        main_0662

        エンジニアの「学び、つながり、盛り上がり」を全力で応援──白石俊平氏「HTML5 Conference 2013基調講演」

        連載: HTML5 Conference 2013レポート (6)「HTML5 Conference2013」基調講演の最後は、「html5j」の管理人・白石俊平氏が、HTML5コミュニティの深まりと広がりについて話した...

        IMG_0738

        「今どきのGruntを使ったフロントエンド開発(HTML/CSS編)」HTML5 Conference 2013 セッションレポート

        連載: HTML5 Conference 2013レポート (5)2013年11月30日(土)に開催された「HTML5 Conference 2013」の、株式会社サイバーエージェント・石本光司さんによるセッション「今ど...

        W3Cの総会「TPAC 2013」レポートと、2013年11月に公開された注目のWeb標準トピック

        連載: WEB標準化動向 (1)今月より、主にW3CまわりのWeb標準について、前の月に公開された仕様の動向やグループ内での議論を取り上げる連載をスタートします。 もう12月下旬になってしまいましたが、今回は11月中旬に...

        HTML5 Conference 2013 セッションレポート「次世代テレビを知る!ハイブリッドキャスト×HTML5」

        連載: HTML5 Conference 2013レポート (3)2013年11月30日(土)に開催されました「HTML5 Conference 2013」の、株式会社テレビ朝日メディアプレックス 正田 聖さんによるセッ...

        html5conference-report-hybridcast-01

        「進化を続ける JavaScript ~次世代言語のステキな機能と高速化の行方~」HTML5 Conference 2013 セッションレポート

        連載: HTML5 Conference 2013レポート (2)2013年11月30日(土)に開催された「HTML5 Conference 2013」の、Mozilla Japan浅井智也さんによるセッション「進化を続...

        「WebSocket, WebRTC, Socket API, … 最新Webプロトコルの傾向と対策」HTML5 Conference 2013 セッションレポート

        連載: HTML5 Conference 2013レポート (1)2013年11月30日(土)に開催された「HTML5 Conference 2013」の、エヌ・ティ・ティ・コミュニケーションズ株式会社・小松健作さんによ...

        TCP Fast Open – Webを速くするためにGoogleがやっていること Make the Web Faster 4 –

        連載: Make the Web Faster (4)HTTPは、その下層にあたるトランスポートレイヤーのプロトコルとして、通常TCPを使用します。 したがって、TCPのレイヤで速度が改善することは、そのままWebの高速...

        HTML5を駆使したRakuten Technology Conference 2013サイト制作の内側

        楽天では、10月26日に「Rakuten Technology Conference 2013」を開催し、多くの方にご来場頂きました。ご参加者の皆様、ありがとうございました! 私が所属している「HTML5 Project...

        Rakuten Technology Conference 2013 のトップページ

        オフラインファースト、レスポンシブデザインの新視点、新たなブラウザ対応アプローチなど海外WEBテク20本を一挙公開

        連載: 海外WEBテク最新動向 (6)斉藤祐也の海外WEBテク定点観測<Issue.8: 2013/11/01-2013/11/30> 今月の定点観測は、モバイル開発で考慮したいオフラインファースト構想について、レスポン...

        grade-components-not-browsers

        W3CのEME標準化、ServiceWorker解説、RespImgシンタックスはレスポンシブ画像問題など海外WEBテク20本を一挙公開

        連載: 海外WEBテク最新動向 (10)斉藤祐也の海外WEBテク定点観測<Issue.7: 2013/10/01-2013/10/31> 今月の定点観測はW3CがEMEをなぜ標準化したのか、その動きに対する反対と賛成意見...

        adactio:-journal—classy-values-1024x768

        アドビの制作ツールをHTML5で拡張する3つの方法

        私が所属するアドビはご存知のとおり、制作ツールの会社です。近年はそのアドビの制作ツールを拡張する方法は、すべてHTML5に依存しています。今回は3つの例をピックアップして紹介したいと思います。 Node.js+Photo...

        Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 –

        連載: Make the Web Faster (3)Googleは、よく使われるJavaScriptのライブラリなどをGoogleのインフラを使って配布しています。 これを Google Hosted Library ...

        初心者でも絶対わかる、WebGLプログラミング<基礎知識編>

        連載: WebGLプログラミング (1)HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎...

        テレビ画面はdiv要素でできている!- Hybridcastとテレビの未来 –

        日本放送協会(以下、NHK)が提供するHybridcastについて、NHKメディア企画室専任局長の加藤久和氏(以下、加藤氏)、同放送技術研究所ハイブリッド放送システム研究部主任研究員の松村欣司氏(以下、松村氏)に、Web...

        テストを書いてWebを前進させよう!「Test the Web Forward Meetup (仮), Tokyo #1」

        連載: イベントレポート (4)こんにちは。html5jテスト部の部長を務めています矢倉です。 今回は9月14日に行われた「Test the Web Forward Meetup (仮), Tokyo #1」について報告...

        斉藤祐也の海外WEBテク定点観測<Issue.6: 2013/09/14-2013/09/28>

        連載: 海外WEBテク最新動向 (5)Colt McAnlis氏による画像圧縮にまつわる詳細な解説、Peter-Paul Koch氏のmodern.IEレビュー、Alla Kholmatova氏によるUIアイコンの認知速...

        Webアニメーションを高速化するために知っておくべき10のこと(後編)

        連載: パフォーマンスチューニング (8)前編から引き続き、後編でも最適化のために知っておきたいレンダリングプロセス、計測方法、そして最適化を妨げるよくあるアクシデントとその回避方法について紹介していきます。 アニメーシ...

        devtool

        WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –

        連載: Make the Web Faster (2)画像は、サイズが大きい(大きくなりがちな)コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また...

        可逆圧縮

        モバイル対応Webアプリケーションのキャッシュ戦略

        近年、モバイルブラウザ上でアプリケーションを作るにあたり、JavaScriptでも不安定な回線上で動作する設計が求められるようになってきました。 ここでは、「オフラインファースト」をはじめとする、モバイルなどの回線が不安...

        モバイルブラウザでもサクサクに動作する最適化6つのノウハウ

        連載: パフォーマンスチューニング (6)「Webサイト・アプリ高速化テクニック徹底解説」第8回は、モバイルブラウザに向けた最適化について紹介します。 モバイル端末はPCに比べ、CPUやネットワークなどの性能面で劣ること...

        iOS7におけるMobile Safariの主な変更点

        iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏(@firt)がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者/開発者にとって重要と思われる情...

        Firefox 24 for AndroidがWebRTCを標準サポート

        Mozillaは2013年9月17日、Android向けのFirefoxブラウザがWebRTCを標準サポートすると発表しました。編集部で早速使ってみたのでレポートします!

        斉藤祐也の海外WEBテク定点観測<Issue.5: 2013/08/31-2013/09/13>

        プログレッシブ・エンハンスメントに対する熱い議論、Steve Losh氏による技術文書の正しい書き方、JavaScript本の名著であるEloquent JavaScript2版のクラウドファンディングなど、14日間(8...

        30-days-of-tdd:-day-one-–-what-is-tdd-and-why-should-i-use-it?-1024x768

        Webアニメーションを高速化するために知っておくべき10のこと(前編)

        連載: パフォーマンスチューニング (7)アニメーション/トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション/トランジションはデジタ...

        Why moving elements with translate   is better than pos abs top left   Paul Irish

        モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)

        ここ数年のHTML5やCSS3の劇的な進化に比べて、JavaScriptの言語としての進化は緩やかだったのではないでしょうか。HTML5の登場により、リッチなウェブサイト・コンテンツ・アプリケーションが求められる時代にな...

        coffeescript

        DOM操作の最適化によるJavaScriptチューニング(後編)

        連載: パフォーマンスチューニング (5) 連載「Webサイト・アプリ高速化テクニック徹底解説」の第5回は、前回の「DOM操作の最適化によるJavaScriptチューニング(前編)」に続く後編です。後編では、create...

        DOM操作の最適化によるJavaScriptチューニング(前編)

        連載: パフォーマンスチューニング (4)連載「Webサイト・アプリ高速化テクニック徹底解説」の第4回は、JavaScriptのチューニングのうち、ボトルネックになりやすいDOM操作の最適化について解説します。前編・後編...

        マイクロソフト中の人が徹底解説!
        InternetExplorer 11 F12 開発者ツールの新機能

        Windows8.1に搭載されるInternet Explorer 11には、より機能強化されたF12開発者ツールが搭載されています。今回の記事ではF12開発者ツールの主要な新機能について紹介します。

        image.png

        斉藤祐也の海外WEBテク定点観測<Issue.4-2013/08/17-2013/08/30>

        連載: 海外WEBテク最新動向 (4)Steven Wittens氏によるAcko.netのヘッダーアニメーション実装の解説、Node.jsをこれから始める人必見のチュートリアル、そしてPromises/A+の仕様を実装...

        an-absolute-beginner's-guide-to-node.js-1024x768

        Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開

        Web開発のあり方を大きく変えると期待されている、Web Components仕様に準拠した新たなUIコンポーネントライブラリをMozillaが開発していることが明らかになりました(今回のネタ元になった記事はこちら)。 ...

        新たな技術仕様・要素とは?HTTP/2.0相互接続試験参加レポート(技術解説編)

        前回のHTTP/2.0接続試験参加(標準化作業編)に続き、今回お届けするのは技術解説編。既存のSPDYでは使われていないようなHTTP/2.0で新しく議論された技術仕様、相互接続試験のポイントとなった技術要素などを中心に...

        HTTP/2.0の接続方法(第1段階目)

        次世代プロトコルはどう作られる?HTTP/2.0相互接続試験参加レポート(標準化作業編)

        先日私はドイツで行われた第1回目のHTTP/2.0接続試験に参加してきました。今回、この接続試験を通じて次世代プロトコルがどのように作られていくのか、HTTP/2.0の仕様策定作業の最前線の様子を少しご紹介したいと思いま...

        octcat and http2

        リアルタイムにライブ映像をマンガ化「マンガテレビ」アーキテクチャ編

        「漫画家の先生をゲストに迎えた対談イベントで、“マンガ”をフィーチャーしたエンターテインメントを最新のWeb技術で作れないだろうか?」そんな思いから生まれた「マンガテレビ」。映像をリアルタイムで“マンガ化”するだけでなく...

        スクリーンショット 2013-08-23 1.13.22

        Intro – Webを速くするためにGoogleがやっていること Make the Web Faster 00 –

        連載: Make the Web Faster (1)今回から数回にわたって、Googleが進める”Make the Web Faster” というプロジェクト(以下、プロジェクト)について、プロ...

        shoto1

        斉藤祐也の海外WEBテク定点観測<Issue.3-2013/08/03-2013/08/16>

        連載: 海外WEBテク最新動向 (3)Bret Victor氏によるプログラミングの未来について、Trent Walton氏によるユーザーエンゲージメントを高めるデザイン、そしてBoris Smus氏による思いがけないデ...

        JSConfUS-2013-Rebecca-Murphey-Optimizing-for-Developer-Delight-YouTube

        WebRTCで注目された海外企業のサービス19本一挙公開

        「WebRTC Conference and Expo 2013 Atlanta」のレポート。日本ではまだまだ様子見の雰囲気が強いWebRTCですが、特にアメリカでは様々なサービスや取り組みが始まっています。日本からもど...

        Requestec

        斉藤祐也の海外WEBテク定点観測<Issue.2 2013/07/20-2013/08/02>

        連載: 海外WEBテク最新動向 (2)二週に一度、月曜日にお届けする海外のWeb開発に関する最新ニュースを厳選。今回は、開発リーダーであるPamela FoxによるBackbone.jsを使ったアプリケーションガイド記事...

        60-fps-or-bust:-dynamically-prerendering-css-animations---jeremy-kahn's-dev-blog-1024x768

        ユーザーの体感速度を高めるためのJavaScriptチューニング(後編)

        連載: パフォーマンスチューニング (3)連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング(前編)」の続きです。この後編では、「ユー...

        イベントループのイメージ

        斉藤祐也の海外WEBテク定点観測<Issue.1-2013/07/05-2013/07/19>

        連載: 海外WEBテク最新動向 (1)「斉藤祐也の海外WEBテク定点観測」では、二週に一度、月曜日にお届けする海外のWeb開発に関する最新ニュースを厳選。 HTML5 Experts.jpのエキスパートの皆さんの協力を得...

        aerotwist-thumbnail

        ユーザーの体感速度を高めるためのJavaScriptチューニング(前編)

        連載: パフォーマンスチューニング (2)連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。...

        HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた(後編)

        連載: イマドキのWebアプリの作りかた (2)前回の記事では、 wri.peの紹介と、HTML5のApplication Cacheを使ったHTMLや画像などの読み込み高速化の話をしました。今回は、Web Storag...

        Webサイト・アプリ高速化テクニック徹底解説 (第1回 Webサイト・アプリの高速化ファーストステップ)

        連載: パフォーマンスチューニング (1)「Webサイト・アプリ高速化テクニック徹底解説」ということで、本連載はWebサイト・アプリの高速化テクニックについて幅広く解説していく予定です。今回は、具体的な高速化のテクニック...

        変わるWebプロトコルの常識(SPDY, HTTP2.0編)

        最新の各種通信プロトコルにより、Webの可能性は大きく広ろうとしています。今回は、それらの中から Web をより高速かつスケーラブルなものに変えていくプロトコル、SPDYとHTTP2.0 について解説します。

        overview_http2_spdy

        wri.peで学ぶ、イマドキのWebアプリの作りかた(前編)

        連載: イマドキのWebアプリの作りかた (1)エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ連載、今回は wri.peです。 難しい機能の実装や、先進的なAPIの利用を通じて、執筆者が得たノウ...

        wri.pe
        Powered byNTT Communications

        tag list

        アクセシビリティ イベント エンタープライズ デザイン ハイブリッド パフォーマンス ブラウザ プログラミング マークアップ モバイル 海外 高速化 Angular2 AngularJS Canvas Chrome Cordova CSS de:code ECMAScript Edge Firefox Google Google I/O 2014 HTML5 Conference 2013 html5j IoT JavaScript Microsoft Node.js PhoneGap Polymer React Safari SkyWay TypeScript UI UX W3C W3C仕様 Webアプリ Web Components WebGL WebRTC WebSocket