Introducing Astro: Ship Less JavaScript | Astro
How Astro Works Astro works a lot like a static site generator. If you have ever used Eleventy, Hugo, or Jekyll (or even a server-side web framework like Rails, Laravel, or Django) then you should feel right at home with Astro. In Astro, you compose your website using UI components from your favorite JavaScript web framework (React, Svelte, Vue, etc). Astro renders your entire site to static HTML
JavaScript／TypeScript実行環境「Deno 1.11」がリリース、公式Dockerイメージの追加など
「Deno 1.11」では、Dockerhubで利用可能な公式Dockerイメージが用意されたほか、DenoにおけるWeb Crypto APIサポートとして、crypto.randomUUID関数への対応が追加されている。 さらに、fetch APIを使用したフェッチを中止できるようAbortSignalがサポートされ、サーバへのヘッダの送信、サーバへの本文の送信、ヘッダの受信、応答本文の受信時に、リクエストの中止が可能となった。 ほかにも、組み込みのリンタであるdeno lintサブコマンドが安定版となり、自己完結型バイナリを生成するdeno compileにおいて、ディスクまたはリモートからソースファイルを読み込んで実行できるデータURIを使用した、動的インポートに対応している。また、ストリームをバイトから文字列へデコード可能なTextEncoderStream、文字列からバイトへデ
これなら実装がすごく簡単！スクロール時にDOM要素をアニメーションで表示する超軽量のJavaScript -Animon
Webページがロードされた時やスクロールされた時など、ブラウザのビューポートに表示された時に指定したDOM要素にさまざまなアニメーションを個別に設定できる超軽量のJavaScriptライブラリを紹介します。 HTMLにclassとdata属性を加えるだけで、ランディングページでよく見かけるスクロールすると見出しやテキストや画像が右・左からアニメーションでふわりと表示されたり、フェードインやスケールアップ・ダウンなどが簡単に実装できます。 Animon Animon -GitHub Animonの特徴 Animonのデモ Animonの使い方 Animonの特徴 Animonは、Webページ上のDOM要素がビューポートに表示された時に、指定したDOM要素をアニメーション化させるJavaScriptの超軽量（0.9kB）ライブラリです。単独で動作し、他のスクリプトへの依存はありません。 実装は
1枚岩なMPAプロダクトでWebpackのマルチエントリーをさらにグルーピングしてビルドする - メドピア開発者ブログ
Noita世界の理不尽をこの身をもって体験した末にバウンドルミナスで全てを切り刻んでクリアしました、フロントエンドグループの小宮山です。 以前からこれできたらいいのになぁと思いながら無理そうと諦めていた掲題の事柄を実現できた嬉しさの勢いのままに書き始めています。 状況 1枚岩なMPAプロダクトがどういうものかというと、 ルーティングをRails側で管理するMPA（複数エントリーポイント） 異なる種別のユーザー向けシステムが複数内包されている という構成です。 ルーティングについては要するにSPAではなく、ページ毎のhtmlファイルとmain.jsがあるということです。 異なる種別というのは、要するにユーザー向け画面と管理者向け画面が分かれているような状況です。場合によっては3種類、4種類以上の異なるシステムが内包されたりもします。BtoBtoCなサービスだったりする場合ですね。 課題感 こ
WebAssemblyで、JITコンパイラに迫る高速なJavaScriptエンジンを実装へ。Bytecode Allianceが技術解説。JavaScript以外の言語でも
WebAssemblyで、JITコンパイラに迫る高速なJavaScriptエンジンを実装へ。Bytecode Allianceが技術解説。JavaScript以外の言語でも 「Bytecode Alliance」は、WebAssemblyをWebブラウザだけでなく、デスクトップPCやサーバ、IoTデバイスなどあらゆる環境で、セキュアに実行することを目指している団体です。 Fastly、Mozilla、Arm、Google、マイクロソフト、インテルをはじめとする企業や団体が名前を連ねています。 参考：WebAssemblyをあらゆるプラットフォームでセキュアに実行できるようにする「Bytecode Alliance」発足。インテル、Mozilla、Red Hatなど 同団体は「WASI」と呼ばれる、どのOSやホストシステムでWebAssemblyモジュールが実行されたとしても、安全かつ透過的
Design Patterns In JavaScript
I was recently asked by a developer friend of mine what design patterns I use in my job. The question threw me off a bit because I didn't actually know the answer, even though I know that there are definitely patterns that I've used. Do those patterns have names? And why are the patterns I have been using better than others? For today's post, I will be writing down my notes and thoughts as I learn
2021-05-25のJS: IEの単体アプリとしてのサポート終了、WebContainers、User-Agent Client Hints
JSer.info #541 - Windows 10においてのInternet Explorer(IE)の単体のアプリとしてサポートが2022年6月15日で終了されることがアナウンスされました。 The future of Internet Explorer on Windows 10 is in Microsoft Edge | Windows Experience Blog Internet Explorer は Microsoft Edge へ – Windows 10 の Internet Explorer 11 デスクトップアプリは 2022 年 6 月 15 日にサポート終了 - Windows Blog for Japan 「Internet Explorer 11 デスクトップ アプリケーションのサポート終了」の発表に関連する FAQ - Windows Blog for
ハーバード大学、PythonやJavaScriptなどプログラミング講座 日本語訳ページが無償公開 | Ledge.ai
Top > ラーニング > ハーバード大学、PythonやJavaScriptなどプログラミング講座 日本語訳ページが無償公開
Next-Generation Pose Detection with MoveNet and TensorFlow.js
https://blog.tensorflow.org/2021/05/next-generation-pose-detection-with-movenet-and-tensorflowjs.html https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj234Pcu7Tprg7dTlqiHbcAejxBjrre4hR94tVXevyCQ0jd4EKQ5dQiV25-uuq1Z-ad2QWEdXzdieUZ2JwetwbGIyUl3JDpARqHec5Jw_HVDzgFt8jC14pAW_wpz77sZig1k3AymPnTgR8/s0/three_pane_aligned+%25281%2529.gif May 17, 2021 — Posted by Ronny Votel and Na Li, Google Rese
V8 JavaScript Engine 9.0で、JavaScript to WebAssemblyのパフォーマンスを向上
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
トランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴え
トランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴え 「Babel」は、JavaScriptコンパイラもしくはトランスパイラの代表的なツールとして知られており、FacebookやSpotify、Slack、MongoDBなどさまざまな企業や開発現場で使われています。 そのBabelの開発チームが資金難になっていることを、開発の中心となっているコアチームがブログ「Babel is used by millions, so why are we running out of money?」（Babelは何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」で明らかにしています。 Babelとは、ECMAScript 15以降のいわゆるモダンなJavaScriptの構文や機能を活用して書
12種類のWebツールをAPIで提供する「ApiStacks」をJavaScriptで使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回はさまざまな機能を持ったツールをAPIから手軽に利用できるWebサービスをご紹介します！ 自動スクリーンショット、メールアドレス検証、IPアドレス探索、PDF変換…など、ゼロからプログラミングすると面倒な機能を誰でも簡単に構築できるのが大きな魅力です。 Web開発にご興味ある方はぜひ参考にしてみてください！ 【 ApiStacks 】 ■「ApiStacks」の使い方 それでは、「ApiStacks」をどのように使えばいいのかを詳しく見ていきましょう！ まずはサイトのトップページにある【Sing Up】ボタンから無料のユーザー登録を済ませておきます。 ユーザー名、メールアドレス、パスワードを設定しましょう。 登録したメールアドレス宛に専用のリンクが送られてくるので、クリックして認証を済ませておいてください。 最終的に以下のようなダッシュボー
AWS、エッジにおけるJavaScript実行環境に本格参入 CloudflareやDenoなどの競合に
また、実行時間もLambda@Edgeが最大で5秒以内（ビューワによるトリガー）もしくは30秒以内（オリジンによるトリガー）なのに対して、CloudFront Functionsでは1ミリ秒以内と非常に短い時間でレスポンスを返すことが大きな特徴となっています。 その分、CloudFront FunctionsはECMAScript 5.1対応のJavaScriptランタイムのみをサポートし、メモリは2MB、パッケージサイズは10KBなどの制限があります。 CloudFront Functionsのユースケースとしては、画像変換のような一定のコンピューティングリソースを要求し時間がかかりそうな処理ではなく、URLの書き換えやCookieの処理などの軽量かつ短時間で済むものが想定されています。 Lambda@Edgeがどちらかといえばクラウドの処理をオフロードするような用途であるのに対し、Cl
AWS、エッジにおけるJavaScript実行環境に本格参入。Cloudflare WorkersやDeno Deployなどと競合へ
AWS、エッジにおけるJavaScript実行環境に本格参入。Cloudflare WorkersやDeno Deployなどと競合へ Amazon Web Services（AWS）は、エッジ環境で軽量なJavaScriptによる処理を実行可能な新サービス「Amazon CloudFront Functions」を発表しました。 AWSではすでにエッジで処理を行う「Lambda@Edge」を提供しており、そこでNode.jsとPythonによるコードを実行可能です。 しかしLambda@Edgeは13カ所のリージョナルエッジキャッシュにおいて処理が行われるのに対し、CloudFront Functionsは218カ所以上のCloudFront Edge Locationsにおいて処理が行われるため、よりユーザーに近い広範囲なロケーションで実行されます。 また、実行時間もLambda@Ed
「JavaScript」が開発者数で首位、「Rust」のコミュニティなど急成長--SlashData
同社が発表したレポート「State of the Developer Nation」の第20版では、2021年第1四半期時点の数字として現在活動している世界の開発者数を2430万人と推定しているため、そのかなりの割合がJavaScriptコミュニティに属していることになる。 SlashDataはこの調査を年2回実施しており、前回の調査では、JavaScriptコミュニティの規模は1240万人と推定されていた（これには、「TypeScript」と「CoffeeScript」のコミュニティが含まれている）。 同社の推定によれば、2番目に開発者人口が多いのは「Python」（1010万人）で、3番目は「Java」（940万人）だった。 このトップ3は、ソフトウェア開発者を専門とする調査会社RedMonkのランキングと同じだ。RedMonkのランキングはGitHubとStack Overflowの
おそらく誰も使わない @babel/parser 7.14 新機能 TypeScript プラグイン の dts オプションについて
const { parser } = require("@babel/parser"); const code = `const foo: string = "foo"`; parse(code); // 構文エラー、型注釈の構文をパースできない parse(code, { plugins: ["typescript"] }); // typescript プラグインを有効にしているため型注釈の構文をパースできる 現在実装されているプラグインは https://babeljs.io/docs/en/babel-parser#plugins で確認できます。 プラグインという呼ばれ方をしていますが、サードパーティがプラグインを実装することはできません。これは、@babel/parserの方針として決まっており、今後もそのような対応をすることはないでしょう。 なので、実際はプラグインというより
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Add and Subtract Two Matrices in C++, Python, and JavaScript
How to make a chrome extension with javascript
Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd（フュード）powered by キカガク
Learn How to Build a Web App & More About Headless CMS | Agility CMS