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

2015/03/04 1133 users React.js Webアプリケーション 連載 資料 特集

連載： Frontrend Conference 特集 (5)本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsは... 続きを読む

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた – HTML5Experts.jp

2017/11/06 999 users トピック 手助け エキスパート 白石 セッション

こんにちは、編集長の白石です。 この記事は、9月24日に開催された HTML5 Conference 2017 に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、「Nintendo SwitchとWeb」という講演をされていた任... 続きを読む

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた | HTML5Experts.jp

2017/11/06 998 users React Nintendo Switch

連載： HTML5 Conference 2017特集 (11) こんにちは、編集長の白石です。 この記事は、9月24日に開催された HTML5 Conference 2017 に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、... 続きを読む

これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！ | HTML5Experts.jp

2017/10/26 824 users CSSグリッドレイアウト CSS

連載： HTML5 Conference 2017特集 (9) こんにちは、編集長の白石です。 この記事は、9月24日に開催された HTML5 Conference 2017 に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を... 続きを読む

デイリーポータルZの林雄司さんと、ヨッピーさんに聞いた「コンテンツを作る・伝える・稼ぐコツは何ですか？」 | HTML5Experts.jp

2017/03/30 813 users デイリーポータルZ ヨッピーさん 林雄司さん コツ コンテンツ

こんにちは、HTML5 Experts.jp編集部の馬場美由紀です。HTML5 Experts.jp「Webの未来を語ろう 2017」の第三弾は、Webの未来を考えるコンテンツ編です。 毎回豪華なゲストをお招きして、聴講者を募り、白石編集長と一緒にお話を聞くイベント形式でお届けしてきたこのシリーズ。「 メディア編 」「 コミュニティ編 」に続く、コンテンツ編は大人気ライターのヨッピーさん、「デイリ... 続きを読む

モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI | HTML5Experts.jp

2016/07/08 776 users ふろしき モバイルWeb 基本テクニック Google I

モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI NEW 川田寛 （ピクシブ株式会社） Google , I/0 2016 , UI , モバイル 2016年7月8日 こんにちは、 ふろしき です！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお... 続きを読む

HTML5Experts.jp

2013/07/10 699 users

日本に、もっとエキスパートを。「すべての記事が永久保存版」を目指すWeb技術情報メディア『HTML5 Experts.jp』白石俊平☆自作自演インタビュー！白石俊平 初代編集長、「HTML5 Experts.jp」を語る。NEW 白石 俊平 聞き手: 白石☆自演乙☆俊平 2013年7月10日、Web技術者向け情報メディアがまた一つ誕生した。その名も「HTML5 Experts.jp」。このメディア... 続きを読む

理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference | HTML5Experts.jp

2015/03/09 696 users font-size CSS インラインレイアウト

連載： Frontrend Conference 特集 (4)この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第１回目です。 はじめに Frontrend Conferenceでは、皆さんが新しい技術について話していた中、私からはCSS2.1のお話をさせていただきまし... 続きを読む

理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference | HTML5Experts.jp

2015/03/05 696 users font-size CSS インラインレイアウト

連載： Frontrend Conference 特集 (5)この記事は、「Frontrend Conference The Final」のセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第１回目です。 はじめに Frontrend Conferenceでは、皆さんが新しい技術について話していた中、私からはCSS2.1の... 続きを読む

Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ | HTML5Experts.jp

2013/08/20 650 users グリッドシステム Bootstrap CSSフレームワーク

人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザイン... 続きを読む

フェイクニュース、キュレーションメディア、SEO…藤村厚夫、古田大輔、辻正浩がメディアとテクノロジーの未来を語る──Webの未来を語ろう 2017 | HTML5Experts.jp

2017/02/06 493 users 辻正浩 古田大輔 SEO 俊平 キュレーションメディア

フェイクニュース、キュレーションメディア、SEO…藤村厚夫、古田大輔、辻正浩がメディアとテクノロジーの未来を語る──Webの未来を語ろう 2017 NEW 白石 俊平 （HTML5 Experts.jp編集長） SEO , アドテク , メディア 2017年2月6日 こんにちは、編集長の白石です。HTML5 Experts.jp新春企画「Webの未来を語ろう 2017」の第二弾は、 メディア編 で... 続きを読む

wri.peで学ぶ、イマドキのWebアプリの作りかた（前編） | HTML5Experts.jp

2013/07/16 480 users いまどき wri.pe ミイル 前編 Webアプリ

エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ連載、今回は wri.peです。 難しい機能の実装や、先進的なAPIの利用を通じて、執筆者が得たノウハウを余すところなく紹介していきます。 HTML5を活用したメモ帳アプリ wri.pe 最近、仕事で作っているミイルが忙しかったり、趣味で作っているMobiRubyがなかなか進まなかったりして、個人でWebサービス的なモノを作っ... 続きを読む

昨今のCSS設計事情からみるCSS設計のあり方とは | HTML5Experts.jp

2015/04/15 466 users 昨今 CSS設計 補足 セッション 連載

連載： HTML5 Conference 2015 特集 (5)本記事は2015年1月に開催されたHTML5 Conferenceでお話させていただいた、 「Beyond CSS Architecture」というCSS設計のセッションをフォローアップする記事です。 本記事では、このセッションの概要と補足、またセッション中に説明できなかった点などについて書いていきます。 ※当日のセッションの動画・ス... 続きを読む

ユーザーの体感速度を高めるためのJavaScriptチューニング（前編） | HTML5Experts.jp

2015/04/19 465 users JavaScriptチューニング 体感速度 ユーザー 前編

連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感... 続きを読む

ユーザの体感速度を高めるためのJavaScriptチューニング（前編） | HTML5Experts.jp

2013/07/18 465 users ユーザ JavaScriptチューニング 体感速度 前編 後編

連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 ユーザの体感速度を高めるためのJavaScriptチューニング（前編） 今回から複数回に分けて、Jav... 続きを読む

「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える | HTML5Experts.jp

2018/04/19 458 users Progressive Web Apps 基準 ワード

「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える NEW 宇都宮佑亮 PWA , Progressive Web Apps , Service Worker , UX , Webアプリ 2018年4月19日 Progressive Web Appsというワードが世に出て約2年半が経ちました。 2015年10月に開催されたChrome Dev ... 続きを読む

ユーザーの体感速度を高めるためのJavaScriptチューニング（後編） | HTML5Experts.jp

2015/05/08 430 users 後編 JavaScriptチューニング 体感速度 ユーザー

連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。 前回は、ユーザーの体感速度を向上させるための方法とし... 続きを読む

【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった-前編- | HTML5Experts.jp

2015/06/25 385 users 及川卓也 マジメ ウェアラブル コンテキスト 論調

【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった-前編- 白石 俊平（HTML5 Experts.jp編集長） AI,Cookie,Google,Webアプリ,及川卓也,清水亮,藤村厚夫2015年6月8日 今また、「Webの死」を予言する論調をそこここに見かけます。モバイルやウェアラブルといった新たなコンテキストが、プラットフォームネイティ... 続きを読む

ReactはなぜFiberで書き直されたのか？Reactの課題と将来像を探る | HTML5Experts.jp

2017/05/29 382 users Fiber Facebook React 将来像 答え

先日行われたFacebookの開発者向けイベント「 F8 」で、 React Fiber の発表が行われていました。 といっても、React関連の新しいプロダクトが発表されたというわけではなく、Reactが一から書き直されたということのようです。 ReactはなぜFiberで書き直されねばならなかったのか？Fiberが解決しようとした課題は何なのか？ その答えを聞くために、 React Fiber... 続きを読む

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 | HTML5Experts.jp

2014/07/28 365 users Chrome Chrome DevTools 傾向 部分 多く

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」NEW Tomomi Imura Chrome,Google I/O 2014,クロスデバイス 2014年7月28日 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もあ... 続きを読む

Googleはなぜモバイルに力を入れるのか？これからのWebパフォーマンスで注力すべきポイント | HTML5Experts.jp

2014/07/25 364 users Webパフォーマンス Google 注力 ポイント ヒジ

こんにちは、川田です。Googleはここ最近、デスクトップ向けWebに対して、ほとんどの関心を失っているように見えます。HTML5ブームも過ぎて、やることがなくなってしまったのでしょうか？……いえいえ、そうでもありません。昨今の待ったなしで進む技術革新の中で、彼らは「ある問題」と戦っているようです。 Webは「モバイル」中心の時代へ移っていく すでにご存知の方も多いと思いますが、Googleのビジ... 続きを読む

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

2013/09/09 348 users HTML アプリケーション ニーズ ウェブサイト 手段

ここ数年のHTML5やCSS3の劇的な進化に比べて、JavaScriptの言語としての進化は緩やかだったのではないでしょうか。HTML5の登場により、リッチなウェブサイト・コンテンツ・アプリケーションが求められる時代になったのに、それを制御する言語が未だにレガシーなものであり、ニーズに追いついていないのが現状です。 2010年前後からこれらを解決する手段として、JavaScriptを生成する中間言... 続きを読む

初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ | HTML5Experts.jp

2014/02/07 345 users 一歩 初心者

WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して... 続きを読む

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

2016/10/19 315 users React ベストプラクティス 筆者 セッション New

Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート NEW 小林徹 Facebook , React , Redux 2016年10月19日 2016年9月3日に東京電機大学で開催された「HTML5 Conference 2016」のセッションを特集する第二弾は筆者である私、小林徹が登壇した「 Reactの最新動向とベストプラクティス 」の... 続きを読む

Googleのベストプラクティスに沿ったモダンな製作の出発点「Web Starter Kit」 | HTML5Experts.jp

2014/08/07 312 users ベストプラクティス ひな形 マルチデバイス ワークフロー 製作

Web Starter Kitが提供するもの Web Starter Kitは、Googleが提供するマルチデバイスでのWeb開発をサポートするボイラープレート(HTMLのひな形)と、開発を補助するツール群です。 特に注目したいのが開発を補助するツール群で、このツールを使えば今どきのWeb開発のワークフローをすぐに取り入れることができます。 Web Starter Kitを開発の出発点とすることで... 続きを読む