Polyfills import maps and other ES Modules features on top of the baseline native ESM support in browsers. With import maps now supported by all major browsers, ES Module Shims entirely bypasses processing for the 74% of users with native import maps support. For the remaining users, the highly performant (see benchmarks) production and CSP-compatible shim kicks in to rewrite module specifiers dri
Excelのアドインの基本的な使い方は前回説明してるので、まだお読みでない方はそちらから順にチェックしていただきたい。今回はよりビュジュアルに優れたアドインを2本紹介する。どちらも簡単に使えるものを選んだが、慣れてきたらさらに高度なアドインを使うのもおすすめだ。うまく使えれば、人と被ることがない目を引くシートを作成できるはずだ。 文/戸田 覚 ネットワーク図を作る 最初に紹介するのは「GIGRAPH」で、情報や予算などの流れを示す図解が簡単に作れる。いわゆるチャート作成のアドインなのだが、矢印の太さが数値によって変わり、数値自体もラベルで表示されるなど、非常に手が込んでいる。 自分でいちから作成しようと思ったらかなり大変なので、用途が見合えばおすすめのアドインだ。
The motivation for Module Federation is developing one or more applications with multiple teams. Applications are split into smaller application "parts". These could be frontend components like a "Header" or "Sidebar" component, but also logical components like "Data Fetching Logic" or other business logic. Each part can be developed by a separate team. Applications or parts of them share other pa
始めに UXの向上のため名前を入力した際にふりがなを自動で入力したいことがあると思います。調べた感じ以下の2つのライブラリが有名っぽい気がしたのでそれぞれについて検証してみました。 https://www.npmjs.com/package/vanilla-autokana https://www.npmjs.com/package/historykana サンプルはcodesandboxで書きましたので、動作を確認したい方は触ってみてください。 各ライブラリの使い方 vanilla-autokana こちらはjqueryのプラグインにあるautokanaをインスパイアして作られたもののようです。DOM要素を指定するだけで後は自動で変換されるので楽ですね。 import * as AutoKana from 'vanilla-autokana'; AutoKana.bind('#name'
package main import ( "fmt" "net/http" "github.com/mozillazg/go-httpheader" ) type Options struct { hide string ContentType string `header:"Content-Type"` Length int XArray []string `header:"X-Array"` TestHide string `header:"-"` IgnoreEmpty string `header:"X-Empty,omitempty"` IgnoreEmptyN string `header:"X-Empty-N,omitempty"` CustomHeader http.Header } func main() { opt := Options{ hide: "hide",
検証環境CentOS 8 で検証する。 ]# cat /etc/redhat-release CentOS Linux release 8.1.1911 (Core) ]# uname -a Linux localhost.localdomain 4.18.0-80.el8.x86_64 #1 SMP Tue Jun 4 09:19:46 UTC 2019 x86_64 x86_64 x86_64 GNU/Linux カーネルコンフィグ異なるバイナリを作成するための設定。Linux は様々なハードウェアをサポートしており、また、機能もわんさかある。これらの機能をすべて実行バイナリに含めると、使ってない機能のせいでセキュリティリスクが無駄に高くなったりバイナリサイズがでかくなったり分岐処理が挟まって性能が落ちたりして都合が悪い。そこで、ソースコードレベルで機能の有効/無効を切り替えて専用のカ
At the end of April, Node.js 10 goes out of LTS, which means I can target Node.js 12 in my packages. Node.js 12 has full ESM support! Required reading: https://nodejs.org/api/esm.html I plan to migrate most of my (1K+) packages to ESM within 2021. At the start of April, I will begin with some less popular packages, just to test the waters. I will use "type": "module" in package.json and not .mjs.
当記事ではPowerShellでモジュールを取り扱う方法を解説します。 1. モジュールとは 当記事で言うモジュールとは、自作した変数・関数・クラスを様々なスクリプトで再利用できるようにする仕組み、および当該の仕組みで参照されるファイル、とでも緩やかに定義しておきます。まぁ、何となく言わんとすることは分かってもらえるかと思います。 PowerShellでモジュールを利用する方法は、いくつかありますので順を追って紹介していきます。 2. スクリプトファイルで区切る 最も単純明快な方法と言えるのは、使いまわしたい処理をスクリプトファイルに格納し、当該スクリプトファイルを呼び出すという方法です。 2-1. 取扱い方 エントリポイントなるファイルをIndex.ps1とし、モジュールとして呼び出したいファイルをModule.ps1とします。それらを以下のように配置します。一応言っておきますが、これは
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. Editor’s note: This article was updated on 3 March 2021. Introduction “Before software can be reusable, it first has to be usable.” – Ralph Johnson Modules are independent building blocks of a software program. They are basically a design pattern that implements features of modular design in
The exports field in the package.json of a package allows to declare which module should be used when using module requests like import "package" or import "package/sub/path". It replaces the default implementation that returns main field resp. index.js files for "package" and the file system lookup for "package/sub/path". When the exports field is specified, only these module requests are availab
import { init, parse } from 'es-module-lexer'; (async () => { await init; const source = ` import { name } from 'mod\\u1011'; import json from './json.json' assert { type: 'json' } export var p = 5; export function q () { }; export { x as 'external name' } from 'external'; // Comments provided to demonstrate edge cases import /*comment!*/ ( 'asdf', { assert: { type: 'json' }}); import /*comment!*/
GWにdenoで何か作るという目標を立てていたので簡単ですが、slack botを作成しました。 denoのセットアップ azukiazusaさんの記事を参考にHello World!がサーバーで返せれば問題無いです。 完成品 slackのチャンネルにテキストを飛ばす slackのTokenの作成、botの招待 まずはtokenをとってきます こちらの記事の通りにすればとってこれるはずです。 きちんとTokenが使えるかまで確認し、チャンネルにbotを招待してください。 コード こちらのコードを参考にしました。 あんまり依存したく無いので書き換えました。 export const sendMessage = async(token: string, channel: string, text: string) => { const response = await fetch('https
app.mdxeditor is in preview.Edit, commit and push markdown in your GitHub repositories from your browser. No local setup necessary. Markdown editing can be even more delightful.MDXEditor is an open-source React component that allows users to author markdown documents naturally. Just like in Google docs or Notion.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く