JavaScript

Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発

Vue.jsでUniversalなSPAを開発できるフレームワークであるNuxt.jsのバージョン 1.0のリリースがいよいよ近づいてきました。 本稿では、シングルページアプリケーション(以下 SPA)開発によって生じた...

JSエンジン「V8」はバージョン6で世代移行を終える ── Google I/O 2017レポート

連載: Google I/O 2017特集 (3)ChromeやNode.jsで利用されているJavaScriptエンジン「V8」に、8年の歴史の中でも大きな変化が訪れました。8月3日にリリースされたバージョン6.1で、...

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

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

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

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

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

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

カメラを使ってみよう ーWebRTC入門2016

連載: WebRTC入門2016 (1)こんにちは! がねこまさしです。2014年に連載した「WebRTCを使ってみよう!」シリーズですが、内容がすっかり古くなってしまいました。そこで2016年6月の最新情報に基づき、内...

Angular2を書くためのAngularJSの書き方

Angular2のリリースが刻一刻と近づいてきました。しかし世の中のプロダクトは、まだまだ大半がAngular1.xで開発されています。Angular2はコンポーネント指向が徹底されていたり、TypeScriptが推奨の...

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

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

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

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

ポエム駆動開発がエッジすぎる!白石俊平がピクシブの開発環境について、聞いてみた!

次々と登場する開発ツールや言語のバージョンアップ。開発スピードがどんどん早くなるWeb業界ですが、実際に企業の開発現場ではどのように開発環境やツール・体制などを構築しているのか──。 HTML5 Experts.jp白石...

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

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

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

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

テンプレートエンジン不要?JavaScriptで文字列処理を簡潔にするTemplate literal

連載: ECMAScript 2015(ECMAScript 6)特集 (7)これまでのJavaScriptでは、複雑な文字列処理はテンプレートエンジンを使うことが一般的でした。しかしECMAScript 2015(EC...

JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう

連載: ECMAScript 2015(ECMAScript 6)特集 (6)ECMAScript 2015(ECMAScript 6)で新たに追加された待望のclass構文について、その概要をサンプルコードを交えて紹介...

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

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

Promiseで簡単!JavaScript非同期処理入門【後編】

連載: ECMAScript 2015(ECMAScript 6)特集 (5)前回に引き続き、ECMAScript 2015(ECMAScript 6)で新たに追加されたPromiseについて、その概要を全2回に渡って紹...

Promiseで簡単!JavaScript非同期処理入門【前編】

連載: ECMAScript 2015(ECMAScript 6)特集 (4)ECMAScript 2015(ECMAScript 6)で新たに追加されたPromiseについて、その概要を全2回に渡って紹介します。 ひと...

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

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

ECMAScript 2015のブラウザ対応状況と実践投入に向けて

連載: ECMAScript 2015(ECMAScript 6)特集 (2) この記事は「ECMAScript2015/ES6特集」の第2回目です。第1回ではECMAScriptの歴史やES2015の新機能について紹介...

ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能

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

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

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

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

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

03-files-of-helloworld

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

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

EspruinoではじめるWeb開発者のWoT

連載: IoTxWeb (8)IoT/WoTという言葉があちこちから聞かれるようになって久しいですが、最近は言葉だけではなくなってきた気がします。新しいマイコンボードや、XXセンサーのデータをクラウドに溜めて○○する商品...

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

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

WoTはここからはじめる!?JavaScriptで開発できる3つのJS Boardデバイス

連載: IoTxWeb (6)JavaScriptではじめる組み込み系プログラミング さまざまなデバイスがWebを介してつながるWeb of Things(WoT)。WoTの普及によってさまざまな分野からWeb上に新しい...

キーワードは「CARE」!実践的なフロントエンドエンジニアを目指せ!─Frontrend Conference the Final基調講演レポート

連載: Frontrend Conference 特集 (1)この記事は、「Frontrend Conference The Final」の基調講演「Pragmatic Front-end Developer: From...

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の技術解説を書かせていただきます。 このコンテンツは...

エンタープライズで使える!実践から学ぶJavaScript MVCフレームワークの選び方

連載: エンタープライズ開発特集 (3)現在エンタープライズシステムの開発現場では、シングルページアプリケーション(SPA: 単一のWebページで構成されているWebアプリケーションのこと)アーキテクチャの採用が模索され...

エキスパートがぶっちゃけトークで語る「ハイブリッドアプリ開発、ホントのトコロ」

連載: ハイブリッドアプリ開発最前線 (9)HTML5を活用したハイブリッドアプリ開発について、Web業界を代表するエキスパート陣が様々な観点からレポートをお届けした「ハイブリットアプリ開発最前線」特集。 最後のレポート...

スマートデバイスに特化したSencha Touchでハイブリッド開発(PhoneGap/Cordovaの利用)

連載: ハイブリッドアプリ開発最前線 (5)Sencha Touchは、スマートデバイス開発に特化したJavaScriptフレームワークです。米Sencha社によって開発されました。米Sencha社にはデスクトップ用のS...

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

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

HTML5ハイブリッドアプリ開発、最新動向はやわかり!

連載: ハイブリッドアプリ開発最前線 (1)ここ数年、従来のJavaやObjective-Cでのモバイルアプリ開発以外に、HTML5を使ってモバイルアプリを開発する手法、HTML5ハイブリッドアプリ開発が注目を浴びていま...

Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開

連載: 海外WEBテク最新動向 (12)斉藤祐也の海外WEBテク定点観測<Issue.13: 2014/04/01-2014/04/30> 今月の定点観測はWeb Componentsベストプラクティス、誰のためのWeb...

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

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

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

HTML5で実現できる!環境光に合わせたレスポンシブなUI

フロントエンド開発やデザインに携っている皆さんにとって、ここ数年間「レスポンシブ・ウェブ」についての話題は避けて通れないものとなっているでしょう。モバイルやタブレット上でも、ユーザー・エクスペリエンスを失うことのないウェ...

luminosity-devices

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

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

aerotwist-badbenchmark

HTML5 Experts.jp編集部より感謝を込めて!「2013年の読まれた記事ランキング」年間TOP20

7月10日に開設した日本初のHTML5技術専門サイト「HTML5 Experts.jp」。2013年は数々のHTML5を中心とした最新技術の動向や活用方法の解説、Web業界の著名人のインタビュー、事例やイベントレポートを...

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

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

春日井さん

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浅井智也さんによるセッション「進化を続...

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

JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例

フロント開発の現場では、Java中心の開発から、HTML、CSS、JavaScript中心の開発にかわりつつあります。今回は具体的な事例をもとに、実装アーキテクチャや開発インフラに、どのような変化が起きているかレポートし...

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

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

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

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

斉藤祐也の海外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

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

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

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

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

斉藤祐也の海外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...

伝説のおっぱいエンジニアは先端技術の無駄遣いがお好き ── あんどうやすしさん(ミクシィ)

連載: エキスパートインタビュー (3)エキスパートインタビュー第三弾は、あんどうやすしさん。ミクシィのエンジニアとして働く傍ら、Google Developers Expertとして「開発者のためのChromeガイドブ...

ando1

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

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

斉藤祐也の海外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技術で作れないだろうか?」そんな思いから生まれた「マンガテレビ」。映像をリアルタイムで“マンガ化”するだけでなく...

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

イベント生中継!! HTML5 Experts Night#1をライブライティングしちゃいます

連載: イベントレポート (1)いよいよ本日、HTML5 Experts Night#1を開催します。なんと、このHTML5 Experts.jpでは、編集部が総力をあげてイベントの模様をこの記事で、生中継(ライブライテ...

斉藤祐也の海外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

斉藤祐也の海外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...

No.3 吉川徹: 新たなエキスパートを生み出すために ── HTML5の普及促進、Chromeの情報発信に全身全霊を注ぐ

連載: エキスパートインタビュー (1)HTML5 Experts.jpのエキスパートって、どんな人たち?エキスパートたちのキャリアや得意な技術分野、いま最も興味があることなど、インタビュー形式で紹介していきます。第一回...

○IMG_6853

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

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

wri.pe

週間PVランキング

新着記事

Powered byNTT Communications

tag list

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