MITがブラウザの表示を34%高速化するJavaScriptフレームワークを開発
MITがブラウザの表示を34%高速化するJavaScriptフレームワークを開発2016.03.28 16:00 mayumine インターネットはどんどん速くなっていくのに、ウェブサイトはどんどん複雑になっていきます。いまだに私たちは、PCやスマートフォンの画面を見つめながらウェブページが表示されるのを待っています。そんな｢ウェブページの待ち時間｣を短くする技術が登場。 マサチューセッツ工科大学(MIT)の研究チームが、ページ表示速度を最大34%も高速化するフレームワークを開発しました。 ウェブブラウザは、URLを入力してエンターボタンを押したり、リンクをクリックした瞬間、HTMLファイル、JavaScript、動画、広告…その他諸々のオブジェクトを異なるサーバーからせっせとかき集めます。1つ1つのオブジェクトは評価され、表示させるページに追加されていきます。さらに1つ1つのオブジェクト
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
Microsoft、GitHub上にJavaScriptエンジンのキーコンポーネントChakraCoreのリポジトリを開設
米Microsoftは、2015年12月の「JSConf US」にて発表していた、同社のJavaScriptエンジンChakraのキーコンポーネントChakraCoreのオープンソース化の一環として、1月13日（現地時間）にGitHub上に新たなリポジトリを開設し、ChakraCoreのソースコードをMITライセンスで公開した。 ChakraCoreのリポジトリでは、Microsoft Edgeに搭載されるChakraエンジンと同一で、プロジェクトへの組み込みや、改変が可能なオープンソースのスタンドアロンJavaScriptエンジンを提供するとともに、コントリビュートも受け付ける。 今回公開したChakraCoreは、Windows 7 SP1以降で、C++サポートをインストールしたVisual Studio 2013または2015でビルドできる。将来的には、Linuxをはじめとする他のプ
一人React.js Advent Calendar 2014 - Qiita
React.jsについての基本的なところを書いていきます！ 公式読めばわかるようなことが多いですがReact.jsに興味をもつきっかけにでもなれば...。 v0.12.1で確認しています。 こっちは一人で書くように作ったものなので書きたい人はVirtualDOMに書くといいと思います。 (書く人がいなくて1人で書いているわけではない) この記事は古いので下記の更新情報も参考にしてください http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita
追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative
2015年までにWebのフロントエンドが辿ってきた道 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 背景 僕が本格的にWebのエンジニアになったのは2014年頃からで、早いものでもう丸2年ほど経ってしまうことになります。 Webに転向してからは主にフロントエンドエンジニアとして勤務してきました。 よく言われることですが、最近のフロントエンドの趨勢は本当に早いです。 最初はキャッチアップに苦労したことを覚えています。 しかし段々と新しい何かを覚えることは苦でなくなり、今はこの流れに身を置くことが楽しいと思えるようになってきました。 激動の趨勢の中で、Webのフロントエンドエンジニアが口にするパラダイムは日ごとに変化しています。 この記事
Javascriptで食べ物を美味しそうに見せる（ほかほかオーバーレイ） - Qiita
<!DOCTYPE html> <html> <head> <title>おいしいたこ焼き屋</title> <script type="text/javascript" src="HokahokaLib.js"></script> <script type="text/javascript" src="Hokahoka.js"></script> </head> <body> <canvas id="okonomiyaki_canvas" width="200" height="200"></canvas> </body> </html> //-- // Graphics // ref.http://www.saturn.dti.ne.jp/npaka/html5/GraphicsEx/index.html //-- function Graphics(canvas) { this.ca
C#開発者のための最新JavaScript事情（Babel編）
今回はC#から少し離れて、ECMAScript 2015コードをJavaScript 5コードに変換するツールであるBabelの使い方を見ていこう。 連載目次 前回の最後に「次はモジュールについて」的なことを述べたが、ちょっと予定を変更して、今回はC#とJavaScriptの話題から少し離れて、Babelを使用してECMAScript 2015（以下、ES2015）のコードをJavaScript 5.x（以下、JS5）のコードにトランスパイル（コンパイル）する方法について見てみよう。 ECMAScript 2015のトランスパイル（コンパイル）とは ES2015は2015年6月に策定されたが、そのもともとの主戦場であるWebブラウザーでのサポート状況はまだまだの状況だ。そこで、ES2015コードをJS5コードに変換（トランスパイル／コンパイル）することで、ES2015コードをWebブラウザ
JavaScriptによるデータビジュアライゼーション入門
TOPICS Programming , Web , Database , HTML/CSS , JavaScript 発行年月日 2015年10月21日 PRINT LENGTH 396 ISBN 978-4-87311-746-1 原書 Data Visualization with JavaScript FORMAT JavaScript、HTML、CSSといったWeb開発者が日頃使い慣れている技術を使って、効果的で印象的なグラフの作成方法をチュートリアル形式で説明しています。さまざまな可視化手法の中から、データをより効果的に魅せるには、どの表現方法がよいのか、どのような技術が必要なのかを解説します。基本的なグラフから、樹形図、ヒートマップ、ネットワークグラフ、ワードクラウド、時系列グラフ、地理情報、複合グラフなど、ステップバイステップで徐々に機能を追加したり改善を加えながら高機能か
C#開発者のための最新JavaScript事情（関数編）
連載目次 前回はC#におけるクラス定義が、JavaScript 5*1／TypeScript／ECMAScript 2015*2のそれぞれでどのように変わるかを見た。今回はC#における関数と、最新のJavaScript系言語とを比較しながら、その差について見てみよう。なお、以下では単に「JavaScript」と表記した場合にはJavaScript系の三つの言語を意味する。JavaScript 5.1を対象とする場合には「JavaScript 5」と書くことにする。 *1 現在、広く使われているJavaScriptのバージョンは5.1である。ここでいう「JavaScript 5」とはEcma internationalが策定するスクリプト言語仕様であるECMAScript 5.1に準拠して、各ベンダーが実装しているスクリプト言語実装／実行環境の総称を指す。 *2 2015年6月にはその最新仕
ゲーム開発 - Web ゲーム向け 3D 入門
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 2015 年 8 月 Volume 30 Number 8 ゲーム開発 - Web ゲーム向け 3D 入門 Michael Oneppo | 2015 年 8 月 ゲームを 3 次元 (3D) にすると、まさにゲームに命が吹き込まれます。ある視点から周囲を見渡したり、物体や風景をさまざまな角度で眺めることができます。では、どうすれば実際に 3D にすることができるのでしょう。そこで、この連載では、ゲームを 3D にする手順を説明し、Web 上で普及し始めているリッチな 3D 環境を実現するために、three.js などのライブラリを利用する方法を示します。連載初回の今回は、「Web ゲームを 1 時間で」(m
関数型リアクティブプログラミング言語Elmに学ぶ フロントエンド開発の新しい形 【前編】
前編では、Elm言語の基礎とFRPのエッセンスについてコードを通じて学びます。 後編では、実際にElmを使ってアプリケーションを作る方法と、その際に重要になるアーキテクチャを学びます。 なお、執筆時点でのElmのバージョンは0.15.1です。 注意！ Elmはバージョン0.17で大きな変更がありました。現在は「関数型リアクティブプログラミング」のための言語ではありません。 参考：A Farewell to FRP（さらば FRP） また、言語自体のシンタックスやライブラリのAPIも以前とは大きく変わっています。これからElmを始める方は、必ず公式ドキュメントを参照してください。 公式ガイド FRPとは何か リアクティブプログラミングの直感的な説明としてよく挙げられるのが、Excelのような表計算ソフトです。 例えば、セルの間にC1 = A1 + B1という関係があるとします。 このように宣
JavaScriptプラットフォーム「Node.js v4.0.0」がリリース、io.jsと統合し、今後は定期的なリリースに移行
「Node.js」は、Linux、Free BSD、Mac OS X、Windows、SmartOSに対応したJavaScriptプラットフォーム。最新の「Node v4.0.0」では、WebブラウザChromeの最新版と同一バージョンのV8 JavaScriptエンジン（V8 v4.5）を搭載しており、標準でES6の各種機能を利用できる。 その他のおもな変更点としては、非同期のコールバックパラメータを扱えるchild_processの追加や、拡張モジュールのビルドツールnode-gypおよびパッケージ管理ツールnpmのアップデート、timerのパフォーマンス向上、utilの廃止に向けたドキュメントの追加記述などが行われている。さらに、io.jsプロジェクトとのコードベースの統一にともない、io.jsのコードのリネームも行われた。 なお、「Node.js」では長期間サポート（LTS）と、定
Netflix.com、Universal JavaScriptを採用してレンダリングパイプラインからJavaをなくす
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
「Unityで神になる本。」が超絶神本だった！入門者はもちろん初級〜中級者にも抜群にオススメの理由！ - Unity(C#)初心者・入門者向けチュートリアル ひよこのたまご
2015/6/26に発売された「Unityで神になる本。」を読んだので、レビューしてみたいと思います〜 先に言ってしまうとこの本、大当たりです。正に神本でした。 Unityで神になる本。 新品価格 ￥4,104から (2015/6/30 01:23時点) 「Unityで神になる本。」レビュー 良い点 ド頭から神様気分を体験！ まず第１章では、大地を作り木を生やしフィールドを駆けまわる等といった作業を通し、Unityでゲームを作る快感や楽しさをいきなり感じることができます〜 やっぱり最初は自分の手を動かして楽しむのが一番なので、第１章にサクサク進められるチュートリアルを持ってきたのは素晴らしいと思います〜 Unityの使い方を漏れなく網羅！ ２章以降ではUnityの操作方法を解説しているのですが、オブジェクトの基本からスクリプト・アニメーション・オーディオ・GUI・ビルドして実機で遊ぶところ
JavaScriptやPHPで開発できる超小型ボード「Onion Omega」 Web開発者もハード作りを容易に
JavaScriptやPHPなどでプログラミングできるハード開発プラットフォーム「Onion Omega」」がKickstarterに登場した。小型ボードを組み込んでさまざまな機器を開発できるもので、複数のプログラミング言語に対応することでハードルを下げている。 Onion Omegaのボードは28.2×42ミリと小さく、400MHz動作のAtheros AR9331（MIPS）と64Mバイトメモリ、16Mバイトストレージ、無線／有線LAN、USB 2.0を搭載する。インタフェースなどを拡張するためのアクセサリも用意されている。 Arduino互換だが、Linux環境が動作し、JavaScript（Node.JS）やPHP、Python、Rubyなど複数の言語による開発が可能な点が特徴。専用の「Onion Cloud」との統合、ブラウザなどから操作できるコンソール、アプリストア機能なども提
JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
JavaScriptによるWebアプリ開発プラットフォーム「Meteor」がWindowsと最新のMongoDBをサポート
JavaScriptによってWebアプリケーションを開発できる、オープンソースのプラットフォームMeteorの開発チームは、Windowsを公式にサポートするとともに、最新の「MongoDB 3.0」をサポートした「Meteor 1.1」を、3月31日（現地時間）にリリースした。なお、「Meteor 1.1」は「Meteor 1.0」以降との完全な互換性を維持している。 「Meteor 1.1」は、従来のMac OS XおよびLinuxに加えて、新たにWindows 8.1／7およびWindows Server 2012／2008のサポートを追加した。Windowsのネイティブインストーラと、Windowsに最適化したNode.jsバイナリ、MongoDBエンジンを備えており、Mac OS XやLinuxと同等の機能を実現するとともに、単一のコードベースによってWindows／Mac OS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita
