Inertia.JSでAPI不要のモノリシックReact/Vue/Sevlteアプリケーションが記述可能にSpring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
JavaScript情報の情報源となっているサイトの一覧を作った
JSer.infoで紹介したサイトのデータをドメイン別で一覧できるサイトを作りました。 JSer.info Watch List JSer.info Watch Listは、次の条件でサイトをドメイン別(または作者別)で一覧できます。 JSer.infoで2年以内に紹介したことがあるサイトが対象 紹介した回数順 GitHubやAmazonなど一部特殊なものは除外 JSer.infoを更新するたびにこのリストも更新されます。 そのため、鮮度を保ちつつ、JavaScriptの情報源となるサイトが一覧できるようになっています。 また、タグでの絞り込みもできるようになっているので、興味があるトピックのサイトやブログなどを調べてみるといいかも知れません。 https://t.co/CXy3hOXJ8q のデータを使ったJavaScript情報源リスト タグでの絞り込みができるようになった。 "per
Lazy Load Routes In Vue With Webpack Dynamic Comments | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to do this in Vue/Vue Router with lazy loading, and do it as cleanly as possible. I u
Building map-based data visualizations with Mapbox, React, and Cube.js 🗺
Igor Lukanin for Cube Posted on Jan 29, 2021 • Originally published at mapbox-guide.cube.dev Building map-based data visualizations with Mapbox, React, and Cube.js 🗺 TL;DR: I'll explain how to build a visually appealing and fast web app with different kinds of maps. It'll be fun. Hey devs 👋 As you most likely know, there are many ways to visualize data, but when it comes to location-based (or ge
Mastering ES6 Proxies
Photo by DISRUPTIVO on UnsplashECMAScript 6 version took a long time to be released. It did go out until 2015, while ECMAScript 5 was released in 1997. The dot-com bubble, EMACScript 4 failed attempt, and other factors were the cause behind this late release. As a consequence, ES6 was feature-packed. So feature-packed that many features went unnoticed. The ES6 Class sugar syntax feature eclipsed e
各CSSフレームワークやJavaScriptフレームワーク等のデータを比較してグラフ化している・「Moiva.io」 - かちびと.net
Moiva.ioは各CSSフレームワークやJavaScriptフレームワーク等のデータを比較してグラフ化しているnpmパッケージ比較サイトです。 サンプルとしてフロントエンドフレームワークならReact、Svelte、Vue、Angular、CSSフレームワークならBootstrap、Tailwind CSS、Bulmaなどを比較しています。 比較するデータは月ごとのダウンロード数や貢献者数、リリース回数、毎月のコミット数、issuesの更新やファイルサイズなどで、全てグラフ化されていますので一目で把握する事が可能です。 比較は自由に組み合わせられます。単純にURLでドメイン後のパラメーターに?compare=foo+bar+piyoといったように比較したいパッケージを+で加えればいいだけみたいです。 選択の際の参考になると良いですね。 Moiva.io
オープンな技術で開発進む通知システム「WebPush」を簡単に使ってみるJavaScriptプログラム
前回の雪かき事故を知らせるアプリの通知先はiPhoneアプリでしたが、AndroidやパソコンのChrome, Firefox, Edgeでは、W3Cでオープンに規格化が進む WebPushこと「Push API」が使用可能とのことで、実験してみました。 コマンドラインから、webから、結構手軽に通知が送れるのでなかなか楽しく、便利です！うまく使えば、気になる情報のチェックや、リマインドに大きく力を発揮してくれそうです。 本ブログにもそのうち追加しようと思いますが、ひとまず、実験できるプログラム一式ができたので、公開します。 WebPushは、各ブラウザベンダーが運用している通知サーバーにデータを送って、そこから各ブラウザへと通信される仕様のようです。 Node.js 用のライブラリを使って、通知用の設定と、コマンドラインで送信するツール、Deno で作ったサンプル通知管理サービスと、クラ
設定0行でNext.jsとNuxt.jsの内部リンクを型安全に取得できる最強ライブラリ「pathpida」
Qiita TypeScript Advent Calendar 2020 最終日の記事です。 TypeScript製の内部リンク取得ライブラリ「pathpida」 最近ちょっと話題になった frourio と aspida を開発したSolufaです。 Zenn初投稿を記念して、新作ライブラリ「pathpida」を紹介します。 と言っても完全な新作ではなく、初回リリースからもうすぐ1年が経ち月間DL数は1,000を超えています。自分が関わる案件だけで静かに検証を続け、ようやっと今週全面リニューアルして一般告知が出来るようになりました！ pathpidaはNext.jsとNuxt.jsそれぞれのルーティング規約に最適化しているので設定不要で型安全に使うことが出来ます。 どんな問題を解決するのか 以下のように/post/1 に遷移するLinkがあるとします。 import Link from
誕生から25年を迎えたJavaScript--業界に多大な影響力を持つプログラミング言語に
Liam Tung （Special to ZDNET.com） 翻訳校正： 村上雅章 野崎裕子 2020-12-24 06:30 プログラミング言語「JavaScript」は25年前に生み出され、現在ではウェブアプリケーションやブラウザーアプリケーションの開発で最も重要な役割を担う言語の1つと言われるまでに成長している。 JavaScriptはフロントエンド開発で最初に検討される言語であり、Microsoftのプログラミング言語「TypeScript」はJavaScriptから派生したものだ。TypeScriptは、オプショナルとして強力な型システムを備えたJavaScriptのスーパーセットであり、ブラウザー内ではコンパイル（トランスパイル）結果のJavaScriptコードとして実行される。 JavaScriptとTypeScriptはいずれも、ECMAScriptと「Node.js」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Concurrency in modern programming languages: JavaScript on NodeJS
5 Ways SolidJS Differs from Other JS Frameworks
Immutability in JavaScript
ウェブサイトに一文追記すればOK! オープンデータのはじめかた
JavaScript, React, TypeScript, and other Web Tech Articles and Tutorials - ui.dev
Design Doc: Use JavaScript instead of TypeScript for internal Deno Code
雪かき時の事故を知らせるアプリを試作、webアプリ上の加速度センサーとiPhone通知を使用
My React 17 Boilerplate (with Webpack 5, Tailwind 2)
React専用リッチテキストエディタライブラリ「Draft.js」の実践的Tips集
Building Charts Using C3.js - DZone
New JavaScript ES2019 features you need to know! - Ultimate Courses