JavaScript Performance Optimization Tips: An Overview — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. In this post, there’s lots of stuff to cover across a wide and wildly changing landscape. It’s also a topic that covers everyone’s favorite: The JS Framework of the Month™. We’ll try to stick to the “Tools, not
Rust単体でWebAssemblyをコンパイルする（Emscripten無し）
Rustのターゲットにwasm32-unknown-unknownが追加され、Rust単体でのWebAssemblyのコンパイルが可能になりました。 この記事では、RustのみでWebAssemblyをコンパイルする手順を説明します。 EmscriptenなしでのWebAssemblyのコンパイル WebAssemblyを使ってRustのコードをブラウザ上で実行するでは、Emscriptenを使用したWebAssemblyの利用方法を紹介しました。 しかしEmscriptenという外部ツールを利用することと、大量のグルーコードが必要になり、純粋にWebAssemblyを利用するという面では、あまり効率的とは言えませんでした。 しかし今回Rustのターゲットにwasm32-unknown-unknownが追加されたことで、Emscripten無しでのWebAssemblyの利用が可能になりま
React Native vs Ionic – What is best? : A Side-by-Side Comparison | The JavaScript Diaries
React Native vs Ionic – What is best? : A Side-by-Side Comparison23 November 2017 on Hybrid App Development, Ionic, Mobile Development, React Native WRITTEN BY GARETH DUNNE @DUNNEDEV The mobile app development market isn’t what it used to be for developers. In contrast to 5 or 10 years ago, the Android and iOS stores were locked to you as a developer depending on your ability to learn the native l
Web屋の私が勘違いしていた、世界のネット通信環境の驚くべき状況
ユーザーの目線でWebサイトを作ることは基本中の基本ですが、グローバルサイトを担当することになったら日本の常識を捨てて現地の状況を理解する必要があります。 アプリやWebサイトをより良く、より速く、よりアクセシブルにする手助けが私の仕事です。CalibreでWebを構築したり、メンテしたりする際にぶつかる課題について、知見が集まりました。 この1年で本当に驚いたことは、一般のユーザーがどうインターネットにアクセスしているかです。Web業界に従事しているのに、ほとんど理解していませんでした。自分たちがユーザーにコンテンツを配信する方法がいかに時代遅だったのかもわかりました。 ここ数年の進歩で、コンテンツをWebからダウンロードする速度は劇的に速くなりました。しかし、「HTMLをロードし、ほかのリソースを探してそれもロードする」という基本は変化していません。 世界中の約46.1%がインターネッ
9 Best JavaScript Charting Libraries
9 Best JavaScript Charting LibrariesThe huge amount of data being generated by different web technologies need to be properly refined and visualized for the world to use and gain insights from. JavaScript charting libraries have made the task easier, as developers do not have to endure a change of language syntax to convert numbers into understandable charts. For you to be reading this, it surely
How JavaScript works: A comparison with WebAssembly + why in certain cases it’s better to use it…
This is post # 6 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack, a JavaScript tool for developers to identify, visualize, and reproduce web app bugs through pixel-perfect session replay. If you missed the previous chapters, you can find t
これからのメタプログラミングJavaScriptの正義を語ろう / meta programming JavaScript is Justice - Speaker Deck
コーディングタイムコンパイル 暖かき溢れる手作業による重複を根絶する 生産性を向上して、相対賃金を上げる
インクルーシブ HTML + CSS & JavaScript の読書感想文（＆推薦コメントを書きました）
HTML + CSS & JavaScript が式に見えて、どこかをカッコで括らないと落ち着きがないのですが、私だけでしょうか...。 さておき、インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターンのご紹介です。 恐れ多くもカバー裏に推薦コメントを寄せさせていただいたご縁もあり、恵贈賜りました。 コーディング Web アクセシビリティに続いて Heydon Pickering 氏の訳書です。原著の軽妙な語り口とユニークすぎるジョークの訳に苦労するような趣もあったようですが、読み手としては軽く読めるのでわりと好きです。 推薦コメント ≒ 読書感想文 一見して見慣れない「インクルーシブ」という主題だが、フロントエンド開発の本質をよくにとらえている。利用環境がどのような条件下にあっても使用に耐えうる堅牢な実装は、サービスやコンテン
JavaScriptで生成されたコンテンツもリンクも静的なものと同等にGoogleは評価する。ただし時間がかかることも
[レベル: 中級] ウェブページのコンテンツやリンクが JavaScript によって生成されたものであっても、きちんとレンダリングされていれば静的なコンテンツやリンクとまったく同じように評価されます。 ただし最終的な処理が完了するまでに、より長い時間がかかることがあります。 JS コンテンツも JS リンクも同等 Google の John Mueller（ジョン・ミューラー）氏が Twitter のフォロワーから次の質問を尋ねられました。 DOM の中で完全にレンダリングされれば、ほかのリンクのように JS リンクは PageRank を渡しますか？ ミューラー氏はこのように答えました。 渡す。どのようにして出現しようがリンクはリンクだ。もしそうじゃなかったら本当にはうまく機能しないだろう。 We've talked about this often :). Yes, a link i
sw-precacheでお手軽にオフラインWebアプリケーションを作る | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近、プログレッシブWebアプリ（Progressive Web Apps、PWA）に興味津々なフロントエンドエンジニア、いなばです。 今回は、オフラインWebをまずは自分で実際に手を動かしてやってみよう！ と調べていたところ、sw-precache というモジュールで、リソースのキャッシュ制御がとても簡単にできたのでご紹介したいと思います。 まずは簡単に使ってみる まずはシンプルな構成で試してみました。 ソースコードはこちらになります。 https://github.com/i78s/sandbox/tree/develop/sw-precache-sample 手っ取り早くデモを確認したい場合は、 下記のコマンドを実行してService Workerに対応しているブラウザ( ここで確認できます )で実際の動作を見ることができます。 $ git clone https://github.
How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
This is post # 5 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack, a JavaScript tool for developers to identify, visualize, and reproduce web app bugs through pixel-perfect session replay. If you missed the previous chapters, you can find t
『インクルーシブ HTML + CSS & JavaScript』をレビューしました - 水底の血
アクセシビリティなピンク本と緑本*1でお馴染みの、太田さん（@bakera）と伊原さん（@magi1125）のコンビによる新たなウェブ技術関連の訳書がまもなく世に送り出される運びになりますが、そのお手伝いをほんのちょっぴりしました、というお話です。要するに書籍の宣伝と言う類いのものです。 さて、訳書と言うことは当然原著が存在するわけですが、原著者は緑本と同じ、ヘイドン・ピカリング（@heydonworks）さんです。緑本の"あの"独特な感性は本書でも健在であります。ちなみに、原著のレビュワーとして、W3C HTML 5.1のエディターでもあるスティーブ・フォルクナー（@stevefaulkner）さんの名前が見えます。図らずも書籍で同じページに名前が載ることになりました。うふふ。 日本語版レビュワーは私を含めて4人いたりするのですが、私以外にはWebsite Usability Infoの
Node.js(v8.5.0以降)でBabelやwebpackを利用せずにimport/exportを利用する - Qiita
はじめに ECMAScript 2015で導入されたモジュール機構（import/export）は、トランスパイラーのBabelやモジュール・バンドラーのwebpackを導入することで利用できるので、既に利用している方も多いかと思います。しかしながら、それらのツールを導入するのは結構面倒くさいですし、うまく設定しないと予期せぬ変換が行われて思わぬトラブルに陥る可能性もあります。 そもそもimport/exportキーワードを利用したモジュール機構は、標準仕様で定められているものなので、そんな補助的なツールを使わずにNode.jsだけで利用できればいいのに。。。 そう思っていた方々に朗報です。 まだ実験的な取り組みなので今後変更があるかもしれませんが、Node.js（v8.5.0以降）には標準のモジュール機構が組み込まれおり、既に利用できるようになっているのです。 ただ、標準のモジュール機構
Java 9のリリースとこれまでのトレンドを振り返る
2017年9月にJava 9がリリースされました。この世に出てから20年以上が経過したJavaは、さまざまな技術トレンドを作ってきました。今でも広く使われている言語であることは間違いありません。本連載ではJava 9がリリースされたこの機会に、Javaのリリースの歴史とJava 9のリリース内容の概要を紹介していきます。1回目となる今回は、これまでリリースされたバージョンを簡単に振り返り、Java 9の変更点について全体像を解説します。 はじめに 2017年9月にJava 9がリリースされました。Javaという名前で初めて世の中に出てきたのは1995年なので、それから20年以上も経過したことになります。これまでJavaは、いろいろな技術のトレンドを作ってきました。 最近では、Java自体がITのトレンドとして扱われることも減りました。そのためか、なかなか細かい内容まで広く取り扱われることが
WebAssembly は今どこにあり、次に何があるのか
[この記事は”Where is WebAssembly now and what’s next?“の翻訳です]この記事は WebAssembly と何が速くしたのかのシリーズの6部です。もしまだ前の記事を読んでいない場合、最初から読むことをお勧めします。 2月28日、4つのメジャーなブラウザが WebAssembly の必要最低限の機能のみを持つ製品 (MVP) が完了したという コンセンサスを発表しました。 これにより、ブラウザが出荷できる安定したコアが提供されます。このコアには、コミュニティグループが計画している機能のすべてが含まれているわけではありませんが、WebAssembly を高速かつ使いやすくするために十分な機能を備えています。 これにより、開発者は WebAssembly コードの提供を開始できます。以前のバージョンのブラウザでは、開発者は asm.js バージョンのコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Speckyboy Design Magazine
http://blog.iampuneet.in/design-pattern-javascript/
GitHub - webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process
Angular 5 Release Imminent! - DZone
Monthly Web Development Update 10⁄2017: CSS Grid, CAA Pitfalls, And Image Optimization — Smashing Magazine