Pika | A Future Without Webpack      2019-03-21 00:20:18  詳細
A Future Without Webpack How @pika/web installs npm packages that run natively in the browser, for a faster and less complex web app. The year is 1941. Your name is Richard Hubbell. You work at an experimental New York television studio owned by CBS. You are about to give one of the world’s first...
https://www.pikapkg.com/blog/pika-web-a-future-without-webpack/
騙されるな。JavaScript の function は関数じゃない。コンストラクタだ。 - Qiita      2019-03-20 17:20:22  詳細
といった書き方を目にしたことがあると思います。また、普段から「関数」として使っている人も多いと思います。 しかし、結論から言うと、JavaScript の function は普通の「関数」ではなく「コンストラクタ」です。JavaScriptの構文・キーワードに騙されてはいけません。(私自身、少し勘違いをしていて、以前書いた記事...
https://qiita.com/hogefuga/items/d436fc478cbc9e573fb6
【2019年版】JavaScript開発環境をブラウザに構築するクラウドIDEを厳選してみた! - paiza開発日誌      2019-03-20 17:20:21  詳細
どうも、まさとらん(@0310lan)です! 今回は、ブラウザを本格的なJavaScript開発環境に変えるクラウドIDEを厳選してご紹介しようと思います! 現在では、クラウドIDEといってもさまざまな特徴を持ったサービスが存在しています。 フレームワークを活用したプログラミングに特化していたり、Linux環境の構築に強いサー...
https://paiza.hatenablog.com/entry/2019/03/20/%E3%80%902019%E5%B9%B4%E7%89%88%E3%80%91JavaScript%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AB%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B%E3%82%AF%E3%83%A9%E3%82%A6
GitHub - alexfoxy/laxxx: Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!      2019-03-20 16:20:24  詳細
Dismiss Join GitHub today GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together. Sign up Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll...
https://github.com/alexfoxy/laxxx
便利なのが登場!スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト -lax.js | コリス      2019-03-20 11:20:23  詳細
デスクトップでもスマホでもスクロールした際に、非常に滑らかで美しいアニメーションを簡単に実装できるシンプルで2Kbの超軽量JavaScriptを紹介します。 他のスクリプトへの依存は無く、ReactやVue.jsもサポートされています。 lax.js -GitHub lax.jsの特徴 lax.jsのデモ lax.jsの使い方 lax.jsの特徴 lax.jsはVanilla ...
https://coliss.com/articles/build-websites/operation/javascript/smooth-animations-library-laxxx.html
【JavaScript SEO】AngularとReact、VueはGoogle検索のSEOで利用可能。ただし注意点あり | 海外SEO情報ブログ      2019-03-20 10:20:20  詳細
[レベル: 上級] メジャーな 2 大 JavaScript フレームワークである Angular と React、そしてこの 2 つには及ばないもののシェアを伸ばしてきている Vue.js を採用したウェブサイトは基本的に Google 検索においてうまく機能します。 SEO と相性が悪いフレームワークではありません。 ただしいくつか気をつける点もあり...
https://www.suzukikenichi.com/blog/you-can-use-angular-react-and-vue-for-google-seo/
A Homepage for the JavaScript Specification – Mozilla Hacks – the Web developer blog      2019-03-19 23:20:21  詳細
Screenshot of the TC39 website Ecma TC39, the JavaScript Standards Committee, is proud to announce that we have shipped a website for following updates to the JavaScript specification. This is the first part of a two-part project aimed at improving our information distribution and documentation. ...
https://hacks.mozilla.org/2019/03/a-homepage-for-the-javascript-specification/
SEO対策やページ表示速度アップに有効!「Angular」のサーバーサイドレンダリング (1/3):CodeZine(コードジン)      2019-03-19 21:20:22  詳細
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、2018年10月にリリースされたAngular 7の新機能を紹介しました。今回は、サーバー側でAngularのWebページを生成するサーバーサイドレンダリングについて、利点や実装方法、機能制限などを紹介していきま...
https://codezine.jp/article/detail/11444
GitHub - francisrstokes/construct-js: 🛠️A library for creating byte level data structures.      2019-03-19 21:20:21  詳細
Dismiss Join GitHub today GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together. Sign up
https://github.com/francisrstokes/construct-js
Node.jsの新しいモジュール方式の実験的導入 - 技術探し      2019-03-19 12:20:18  詳細
内容まとめ ESM事前知識 PR CoreへのPR 初期提案実装 リゾルバアルゴリズム 使用法 .mjsがエントリーポイントの場合 --entry-type package.jsonのtypeフィールド 特定ファイルのモジュール形式をロックしたい場合 Node.jsのCoreへESMとCJSの新しい方式が実験的フェイズ(stability: 1)として入ります。 ESM対応は安定化ま...
https://blog.hiroppy.me/entry/nodejs-experimental-modules
JavaScript で陥りやすい失敗例を振り返る - Qiita      2019-03-19 09:20:17  詳細
個人的に今まで JavaScript を書いてて陥った失敗例などを振り返ってみました。 この記事にあるいくつかの失敗例については恐らく殆どの方が経験してるのではないかなと思います。 これから JavaScript 勉強するぞ!!という方や、現在進行形でこのような失敗に陥っている方の助けになれば幸いです。 コードの解説に関し...
https://qiita.com/yuki153/items/c909c54204eaab6ca1b2
画像を遅延読み込みできるJavaScriptライブラリ「echo.js」の使い方 | TechMemo      2019-03-18 21:20:19  詳細
echo.jsは、画像を遅延読み込みさせて、表示速度の向上に貢献するJavaScriptライブラリです。 echo.jsは単体で動作するため、jQueryなどに依存しません。Lazy Load系のライブラリはjQueryに依存するものが多いので、単体で動作するのはありがたいですね。 echo.jsの使い方 ステップ1. echo.jsのダウンロードと設置 まず...
https://techmemo.biz/javascript/echo-js/
Atomic Designの小さな"Atom"をガチで真剣に考え抜いて実装する話 - Qiita      2019-03-18 11:20:20  詳細
Atomを作ったことありますか? 以前、「Atomic Designってデザイナーには難しくない!?という話」という記事を書きまして、大変反響があり、今でも時折いいねをいただいていて大変嬉しく思っています! この反響からも、やっぱり世間的にこの手の話題はみんな一生懸命悩みながら、わからないながらに作っているんだろう...
https://qiita.com/rhirayamaaan/items/bf6a23f9155d5e9940c1
フロントエンジニアなら知っておきたいブラウザレンダリングの仕組みをわかりやすく解説! | LeapIn      2019-03-18 11:20:19  詳細
この記事ではブラウザの仕組みを図解を用いてわかりやすくご説明します。 最近のブラウザは優秀なので、ブラウザの仕組みを理解していなくても、パフォーマンスの問題が発生することは少ないかもしれません。 しかし、アニメーションを多用するサイトやユーザーインタラクティブなサイトの場合、パフォーマンスの問題は...
https://leap-in.com/ja/lets-learn-how-to-browser-works/
Vue.jsメモ:属性、ループ内呼び出し、など - Qiita      2019-03-18 10:20:22  詳細
Vue.js勉強したメモ。 まずはVue.jsのサイトにあるガイドの「はじめに」をコピペでテスト。そこからちょっとずつ変更を加えていって学んだこと。バージョンはVue.js v2.3.3です。 学んだこと: 例の{{ }}はMustache(ムスターシュ)記法と呼ぶ。 MustacheはHTMLアトリビュート(属性)には使えない。 ループ内からメソッ...
https://qiita.com/asaokamei/items/6afa7e2f33207d041588
【JavaScript SEO】サーバーサイドでレンダリングすべき要素: メインコンテンツ、構造化データ、titleタグ、hreflangほか | 海外SEO情報ブログ      2019-03-18 10:20:21  詳細
[レベル: 上級] DeepCrawl が主催したウェビナーで Google の Martin Splitt(マーティン・スプリット)氏が、JavaScript サイトの SEO に関するさまざまな質問に回答しました。 このなかで、サーバーサイドでレンダリングすべき要素、言い換えると、JavaScript を介してレンダリングさせるべきではない要素をスプリット...
https://www.suzukikenichi.com/blog/elements-that-should-be-server-side-rendered/
JS FoundationとNode.js Foundationが合併、「OpenJS Foundation」発足 - ZDNet Japan      2019-03-18 09:20:20  詳細
JavaScriptについて、「本物の言語ではない!正気な人ならサーバサイドで使用するわけがない」などと言いたい人もいるかもしれないが、JavaScriptはれっきとしたプログラム言語であるばかりか、最も人気が高い言語の1つだ。これまで、JS FoundationとNode.js Foundationという2つのJavaScript関連の団体があったが、その...
https://japan.zdnet.com/article/35134248/
ブロックチェーンのデータ構造をJavascriptで作ろう。|S ⚡️|note      2019-03-18 09:20:19  詳細
今回はJavascriptで、ブロックチェーンのデータ構造を実装します。ブロックチェーンのデータ構造を実際に作ってみると、その堅牢性が理解できると思います。nonceを求めるマイニング・アルゴリズムも実装します。 なお、P2Pでノード間で同期を取ったり、コンセンサス・アルゴリズムで合意形成を取るところまでは、実装し...
https://note.mu/strictlyes/n/n40e5884229a5