Nodeのバージョン管理をndenvにしたけどうまくバージョンが切り替わらなかったときのメモ - dackdive's blog
メモ。 これまでは Homebrew でインストールした Node を使っていたが、バージョンを上げたくて複数バージョン管理できるツールを取り入れることにした。 Node のバージョン管理ツールはちょっと調べた限り nodebrew n ndenv あたりがあったが、元々 Python のバージョン管理に pyenv を使っていた過去もあり同じような使い勝手の ndenv にした。 またこの機会に anyenv もインストールし、ndenv は anyenv 経由でインストールすることにした。 n も一瞬触ってみたが、「プロジェクトごとに Node のバージョンを固定してバージョンを自動的に切り替える」をやる方法がわからず ndenv に乗り換えた。 インストール手順 こちらの記事が詳しい。 anyenv と ndenv のインストール $ git clone https://github
Leaflet — an open-source JavaScript library for interactive maps
an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b
npmで同じライブラリの複数バージョンをインストールして使う方法
追記: [email protected]で別のパッケージを特定のパッケージ名で指定できるpackage aliasesが追加されました。 rfcs/0001-package-aliases.md at latest · npm/rfcs https://docs.npmjs.com/cli/v11/using-npm/package-spec#aliases https://andrewevans.dev/blog/2021-12-06-creating-aliases-with-npm/ 注意: この手法はnpm ciで壊れてる場合があります npm ci fails with transitive local packages - 🐞 bugs - npm forum Add support for ESLint v2 by Daniel15 · Pull Request #107
Overview | Web guides | Google for Developers
Send feedback Overview Stay organized with collections Save and categorize content based on your preferences. outlined_flag Sign in with Google provides quick and secure user authentication on your website by allowing users to sign in with their Google Account and share profile information. The service supports customizable buttons and multiple flows for user sign-up and sign-in, including persona
Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG
Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力すると、 デザインしたページの特定のDIV要素がリアルタイムに更新されるといったデータ反映の仕組みを備えています。 また、JavaScript で大規模なユーザーインターフェイスの開発を行う場合、HTMLファイルのテンプレート化、 JSファイルの依存関係、グローバル変数汚染など様々な課題に直面します。 Vue.js は、コンポーネントという仕組みと Webpack というモジュール管理ツールと組み合わせることで、 これらの課題にうまく対処できるようになっています。 今まで jQuery
An event for CSS position:sticky | CSS and UI | Chrome for Developers
TL;DR Here's a secret: You may not need scroll events in your next app. Using an IntersectionObserver, I show how you can fire a custom event when position:sticky elements become fixed or when they stop sticking. All without the use of scroll listeners. There's even an awesome demo to prove it: View demo | Source Introducing the sticky-change event One of the practical limitations of using CSS sti
WebデザイナーがPWAに本気で取り組むときに押さえたい5つのポイント
Googleが提唱する「プログレッシブWebアプリ（PWA）」。そのコンセプトを理解し、実装に反映するには「アプリ感覚」の体験を実現することが必要です。ポイントを紹介します（PWAの入門記事も併せてどうぞ）。 グーグルのZach Cochが「Webとアプリの境界線はこれまでになくあいまいになっています」と述べたように、Webはかつてなく改良され、「高速なリッチアプリ感覚」の驚くべき体験を創出できるフェーズになりました。 しかし、Webには特有の課題があります。モバイルでWebサイトを見るとき、ブラウザーではなくネイティブアプリを利用してしまうように、モバイルでのWeb体験は完璧とは言えません。 よく直面する問題を挙げます。 低パフォーマンス：平均的なユーザーは、ロードに3秒以上かかるWebサイトからは離脱する。モバイルサイトの平均ロード時間は19秒程度と、大きなギャップがある レスポンシブ
Falcor: One Model Everywhere
One Model Everywhere Falcor lets you represent all your remote data sources as a single domain model via a virtual JSON graph. You code the same way no matter where the data is, whether in memory on the client or over the network on the server. The Data is the API A JavaScript-like path syntax makes it easy to access as much or as little data as you want, when you want it. You retrieve your data u
LINEマンガ：Page Stackを使ってサクサクなページ遷移を実現できました - LINE ENGINEERING
! This post is also available in the following languages. 英語, 韓国語 はじめに こんにちは、LINEマンガでJavaScriptを使った開発を担当しているsunderlsです。 LINEの中でマンガを読めるようになったことに、皆さんお気づきでしょうか。 「···」をタップし、「LINEマンガ」アイコンをタップすると、マンガをサクサク読むことができます。 実はこの画面はWeb技術で実装しています。画面遷移のスムーズさは、体感的にはネイティブアプリに近いのではと思っていますが、いかがでしょうか。 どのような技術を使ったのか、簡単に解説したいと思います。 Webでの実装の課題 普段、ReactやVueを使っている方も多いと思います。 Routerにトランジションを加えれば、問題なく動作するのではないかと思われるかもしれません。 確かに
JavaScript Primer - 迷わないための入門書
関数とスコープ 定義された関数はそれぞれのスコープを持っています。スコープとは変数や関数の引数などを参照できる範囲を決めるものです。 JavaScriptでは、新しい関数を定義するとその関数にひもづけられた新しいスコープが作成されます。関数を定義するということは処理をまとめるというだけではなく、変数が有効な範囲を決める新しいスコープを作っていると言えます。 スコープの仕組みを理解することは関数をより深く理解することにつながります。なぜなら関数とスコープは密接な関係を持っているからです。 この章では関数とスコープの関係を中心に、スコープとはどのような働きをしていて、スコープ内では変数の名前から取得する値がどのように決まるかを見ていきます。 JavaScriptのスコープは、ES2015において直感的に理解しやすい仕組みが整備されました。 基本的にはES2015以降の仕組みを理解していればコー
これさえ見れば脱・JavaScript初心者！海外のYouTube動画を一挙大公開 -
どうも、まさとらん（@0310lan）です！ 今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました！ 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル！ 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル！ 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは
JavaScriptスタイルガイド 15〜26: 比較演算子、ブロック、制御文、型変換、命名規則ほか （翻訳）｜TechRacho by BPS株式会社
1〜8: 型、参照、オブジェクト、配列、関数ほか 9〜14: クラス、モジュール、イテレータ、プロパティ、変数、巻き上げ 15〜26: 比較演算子、ブロック、制御文、型変換、命名規則ほか -- 本記事 概要 AirbnbによるJavaScriptスタイルガイドです。 MITライセンスに基いて翻訳・公開いたします。 英語スタイルガイド: airbnb/javascript: README.md 更新日: 2017/09/08 著者: Airbnb github.com/airbnbより 凡例 原文にはありませんが、項目ごとに目安となる分類を【】で示しました。 【必須】【禁止】：従わないと技術的な悪影響が生じる 【推奨】【非推奨】：技術上の理由から強く推奨される、または推奨されない 【選択】：採用してもしなくてもよいスタイル 【スタイル】：読みやすさのためのスタイル統一指示 【知識】：指示に該
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
no-use-before-define - ESLint - Pluggable JavaScript Linter
GitHub - Pikaday/Pikaday: A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS
Myjson - A simple json storage and hosting service
加速するフロントエンドとPWA
GitHub - goldfire/howler.js: Javascript audio library for the modern web.
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
Making dev.to insanely fast
GitHub - kudago/oembed-all: jQuery-less, CommonJS library for JavaScript oEmbed usage