最近のTypeScriptのES Modules対応事情
ブックマークサービスQiNeel関連の記事や身の回りのよしなしごとをそこはかとなく書きつくっています。 コロナの影響で中止となった幻のTSConf 2020で、TypeScriptとES Modulesについて登壇する予定でした。 最近のTypeScriptは、モジュール関連で新たな仕様が出てきたようなので簡単にまとめておきます。前職同僚でNode.js Core Collaboratorのshisamaおよびdeno-ja Slackコミュニティーからの情報を勝手に集約しました。みなさんありがとうございます。 背景 JavaScript同様、TypeScriptでもimport構文（ES Modules）をサポートしています。しかし、ES ModulesではCommonJS形式のrequire()と異なり拡張子を省略できないという制約があります。 フロントエンド開発では、ほとんどの場合で
Engadget | Technology News & Reviews
Rivian offers (up to) $5,000 discount if you trade in your gas-powered truck
React Leaflet + TypeScriptで地図（地理院タイル）を表示する
Webブラウザで地図を表示させる JavaScript のライブラリとして Leaflet がよく使われる。 Leaflet ではブラウザに地図タイルを表示し、移動・拡大・縮小といった基本的な動作を行うとともに、マーカー・画像等を地図と連携して表示させることが可能。あちこちの商用サイトでも使用されているのを見かける。 Leaflet は単なる JavaScript のライブラリなので、これを React で扱うときは、その間を上手いことバインディングしてくれる React Leaflet を使うのが便利。 そこで本記事では、React Leaflet を TypeScript で扱いつつ、国土地理院が公開している地理院タイルを表示するまでの手順を解説する。 （というか、これをやる方法を軽く検索したけど良いサンプルが見付からず、試行錯誤して動くものを作ったので、その経緯をメモとして残しておく
Engadget | Technology News & Reviews
Rivian offers (up to) $5,000 discount if you trade in your gas-powered truck
AWS Certified Security - Specialty に合格しました - Qiita
2021/10/09 に AWS Certified Security - Specialty 試験を受験して、無事に合格しました。試験対策とメモを残しておきます。 対策 要点整理から攻略する『AWS認定 セキュリティ-専門知識』を使って試験対策しました。この参考書に練習問題（40問）が用意されているので、まずは練習問題を解いて自分の苦手なサービスを明らかにするようにしました。その後苦手なサービスを参考書を使って理解するようにしました。私の場合は、KMS の理解があやふやだったので 4 章 の KMS の節を読み込みノートにまとめるようにしました。 所感 セキュリティ試験では、AWSサービスの深い知識を問われるというよりかは、サービスのセキュリティの基本的な知識を問われた印象です。「[要点整理から攻略する『AWS認定 セキュリティ-専門知識』]」を読み込んで各AWSサービスのセキュリティの
AWSを使ってReact・Django(DRF)のウェブアプリをデプロイしたい - Qiita
はじめに DVA 取得と、デプロイについての知識とそれを含めた開発スキルのレベルアップのために色々とやっているのでそれの途中経過をアウトプット。 前提として以下の記事の話があります。 React と DRF の SPA で JWT を Cookieで管理してみた話 もくもく会アウトプット:Django で JWT を Cookie で処理するやつを理解したい やったこと フロント側(React)を CodePipeline・CodeBuild・Route53・CroudFront・S3 の構成でデプロイ サーバー側(DRF)を EC2 インスタンス 1 台を使ってデプロイ 上記を Https でやり取りするようにして連携 ひとまず今回は Code シリーズを使った S3 静的 Web ホスティングでの React デプロイと同時にクロスオリジンでの SPA デプロイの体験を行うというのがテ
Why we built a custom Rust library for Capture
Dropbox Capture is a new visual communication tool designed to make it easy for teams to asynchronously share their work using screen recordings, video messages, screenshots, or GIFs. There's no formal onboarding required, and you can start sharing your ideas in seconds. In fact, simplicity is key to the Capture experience, and it's a value that also extends down to the development of Capture’s un
Opinionated Project Structures in React.js without a Framework
Opinionated Project Structures in React.js without a Framework After using React professionally for nearly two years, I've finally settled on sensible ways to structure or compose applications in React. This strictly applies to using "vanilla" React, not any sort of framework, ecosystem, or starter environment. I say all that to say this, there's a million ways to structure a react app, and none o
紙吹雪をふらせる React のコンポーネントを作成する | DevelopersIO
紙吹雪をふらせる React のコンポーネントを作成してみます。作成物は以下になります。 hbsnow-sandbox/example-css-confetti 準備 hbsnow/template-nextjs-tailwindcss 上記をテンプレートとして使用します。今回 tailwindcss は使用せず、また Next.js ですが styled-jsx を使用せず CSS Modules のみで作成していきます。 紙吹雪の紙のコンポーネントを作成する 紙吹雪を回転させる Piece.tsx という紙吹雪の紙部分のコンポーネントを作っていきます。 コンポーネントには紙の長さと高さ、色を指定できるようにしておきます。 // components/Piece/Piece.tsx import { ComponentPropsWithoutRef, CSSProperties, for
Windows 11をインストールせずに、UIを試せる！Reactで実装されたWindows 11
Windows 11を試したいけど、インストールはしたくない、そんな人にUIを手軽に試せるReactで実装されたWindows 11を紹介します。 Windows 11 in ReactはブラウザでWindowsのUIが再現されており、さまざまな操作やアプリを楽しめます。 Windows 11 in React Windows 11 in React Js 💻 🌈 Windows 11 in Reactは標準的なWebテクノロジ（HTML, CSS, JavaScript, React）を使用して、Web上でWindows11のデスクトップエクスペリエンスを複製することを目的として作成されたものです。 Windwos 11をインストールせずに、ブラウザ上でWindows 11のUIを試せます。 Windows 11 in Reactは、下記ページから。 ログイン画面は、パスワードなしで
Linux DVD images (and how-to) for 32-bit EFI Macs (late 2006 models) | mattgadient.com
Some time ago, Apple Mail on my white MacBook stopped communicating with Gmail. As I recall, it was some error message that translated to “your mail client is horribly old and uses outdated security protocols“. Unfortunate, because OS X Snow Leopard was my favorite version of OS X. Anyway, I decided it was time to throw Linux on it. At the time, I was having trouble getting the latest 64-bit Linux
WebKitベースでFirefoxとChrome機能拡張をサポートし、Safariより軽量なMac用ネイティブブラザ「Orion」がBetaテスターを募集中。
WebKitベースでFirefoxとChrome用機能拡張をサポートし、Safariより軽量なMac用ネイティブ・ブラザ「Orion」がBetaテスターを募集しています。詳細は以下から。 OrionはGoDaddyの元プロダクトマネージャーで、WordPressホスティングサービスManageWPの設立者のVladimir Prelovacさんが、約3年前から開発しているWebKitベースのMac用ネイティブブラザで、Safariより軽量かつFirefoxとChrome用の機能拡張を利用することができるというのが特徴となっています。 What is Orion based on? Orion’s rendering engine is WebKit and Orion shares much of the same technology used in Apple’s Safari. Th
2021年の「オブジェクト指向」を考える
きしださんが先日もたのしいお題を投下されていました。 出遅れましたがこのネタについて少し掘り下げてみます。 念のため個人的なスタンスをあらかじめ表明しておくと、オブジェクト指向に対してはそれなりに好意的ですが、別に時代の最先端だとかソフトウェア開発に必須の知識というほどではない（でも知っておくと便利というか、知らないと不便なこともあるかもしれないのでわざわざ避けるのはおすすめしない）というくらい温度感です。 オブジェクト指向 is 何 そもそも「オブジェクト指向」という言葉自体、座りの悪い言葉です。 意味が明確なのは「オブジェクト指向プログラミング(OOP)」、「オブジェクト指向プログラミング言語(OOPL)」、「オブジェクト指向設計(OOD)」「オブジェクト指向分析(OOA)」といった「オブジェクト指向なんとか」の方で、それらをふわっとまとめた（ような気がする）単語が「オブジェクト指向」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rust: Enums to wrap multiple errors
Amazon Vulnerability Research Program - Bug Bounty Program | HackerOne
さよならパスワード マイクロソフト、顔認証など標準に - 日本経済新聞
サポート対象外のMacに、新しいmacOSをインストールする方法 | ライフハッカー・ジャパン