TypeScriptではデザインパターンとしてtagged unionによる直和がよく使われます。このときパターンマッチに相当する処理はswitchで行われますが、そこで直和に対する分岐が網羅的であることの保証を実行時と型検査時の両方で賢く行う方法がこれまでも模索されてきました。 今回、ヘルパー関数を導入せずにいくつかの問題を同時に解決する賢い方法を思い付いたので共有します。 コード これだけです。 // switch (action.type) { ... default: throw new Error(`Unknown type: ${(action as { type: "__invalid__" }).type}`); // .. } 以下、より詳しく説明します。 問題 TypeScriptではオブジェクトに type プロパティーを用意し、決まった文字列を入れることで直和を実現
GitHub - xwmx/nb: CLI and local web plain text note‑taking, bookmarking, and archiving with linking, tagging, filtering, search, Git versioning & syncing, Pandoc conversion, + more, in a single portable script.
nb is a command line and local web note‑taking, bookmarking, archiving, and knowledge base application with: plain text data storage, encryption, filtering, pinning, #tagging, and search, Git-backed versioning and syncing, Pandoc-backed conversion, [[wiki-style linking]], terminal and GUI web browsing, inline images, todos with tasks, global and local notebooks, organization with folders, customiz
GitHub - kellyjonbrazil/jc: CLI tool and python library that converts the output of popular command-line tools, file-types, and common strings to JSON, YAML, or Dictionaries. This allows piping of output to tools like jq and simplifying automation scripts
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
この機能が導入されることにより、{raw/file/url}-loader が不要となります。 webpack@4 でも使えますが、まだ実験的フェーズです。 Documentation Asset Modules | webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, ... モジュールタイプと以前との対応表 asset/resource -> file-loader asset/inline -> url-loader asset/source -> raw-loader asset -> asset/resourceとasset/inlineを自動選択する(閾値: 8kb) 使い方 実験フラグをオンにする。 // webpa
GitHub - BuilderIO/qwik: An Open-Source framework designed for best possible time to interactive, by focusing on resumability of server-side-rendering of HTML, and fine-grained lazy-loading of code. 去年から気になってて、調べたいなーと思ってたやつ。 昨今の覇権を握ってる系のJavaScript-firstなフレームワークたちとは違い、HTML-firstを謳うユニークなアプローチをしてるのが一番の特徴。 中の人による一連のシリーズもあって、そこも読んでまとめてみた記事です。 Qwik Series' Articles - DEV Community Qwikの特徴 遅いモバイル環境だとしても、
iPad Pro (2024) review: So very nice, and so very expensive
バンダイ：黒歴史？ NHKで「ピピンアットマーク」秘話 “世界一売れなかった”次世代ゲーム機の後日談も - MANTANWEB（まんたんウェブ）
プレイステーションやセガサターンなどがしのぎを削るゲーム市場に挑んだバンダイ。同社が米国のアップル社と共同開発した「ピピンアットマーク」は、1996年に発売されたが、約270億円の損失を招く結果となった。“夢の次世代マルチメディア機”はなぜ失敗したのか、徹底取材で失敗の本質と驚きの後日談が明らかになる。 “黒歴史”をひもとく再現VTRは、人気アニメ「ガンダム」シリーズのプラモデル（ガンプラ）によるコマ撮り映像になっていて、一流クリエイターの手による“動くガンプラ”がストーリーを盛り上げる。番組は3月19日午後11時15分に放送される。
JavaScript Primer(jsprimer.net)が、ECMAScript 2022(ES2022)に対応しました。 リリースノート: Release v4.0.0: ES2022 · asciidwango/js-primer これまでのjsprimer ECMAScriptの仕様書は毎年更新されるので、それに合わせてjsprimerも更新しています。 1.0.0(ES2019): JavaScript Primerを出版しました！/JavaScript Primerはなぜ書かれたのか？ 2.0.0(ES2020): JavaScript Primer 2.0 - ECMAScript 2020に対応した入門書を公開しました 3.0.0(ES2021): ES2021に対応したJavaScript Primer 3.0を公開しました - JavaScript入門 今回のアップ
はじめに おはようございます、加藤です。今回はフロントエンドエンジニア向けに静的なWebサイトをホスティングなどが出来るサービスであるAWS Amplify Consoleの使い方や出来る事を紹介します。 古の時代、ただの静的なコンテンツを表示する為だけだとしてもサーバーを建ててApache or nginxをインストールして...という事をやっていました。フロントエンドエンジニア or デザイナーが作成し、インフラエンジニアに依頼する必要がありました。古の時代といった通り現代では、NetlifyやFirebase hosting、そして本ブログで紹介するAmplify Consoleを使えば自分自身で簡単に簡単にリリースを行うことができます。より多くのエンジニアにそういった体験をして貰えれば良いなと思いこのブログを書きます。 AWS Amplifyとは AWS Amplify（以降、Am
GitHubに1コマンドでいろいろPUTできるツールghputを作った - Copy/Cut/Paste/Hatena
ghput pr-comment ghput issue-comment のデフォルトの挙動について注意点を追記しました 最近はGitHubやGH:Eといったサービスのリポジトリと、そのリポジトリと連携するCI/CD環境がある前提で、様々なパイプラインを作ることが普通になってきています。 git push や Pull Request をトリガーにCI/CD環境で実行されるのもテストの実行だけではなく、master mergeのタイミングでのプロダクションデプロイやプロビジョニング、その前段階としてPull Requestタイミングでのdry-runやplanの実行など。 GitHubは便利ですし、それと連携するCI/CD環境があるとその2つだけで様々なものの自動化ができて便利です*1。 そんなGitHub+CI/CDな環境で使えるであろう ghput というツールを作りました。 gith
GitHub - pemistahl/grex: A command-line tool and Rust library with Python bindings for generating regular expressions from user-provided test cases
grex is a library as well as a command-line utility that is meant to simplify the often complicated and tedious task of creating regular expressions. It does so by automatically generating a single regular expression from user-provided test cases. The resulting expression is guaranteed to match the test cases which it was generated from. This project has started as a Rust port of the JavaScript to
タイトルにあるように、文字列が半角英小文字・大文字と半角数字を全て含むかどうかを判定するという機会は少なくありません。特に、文字種の多さがパスワードの強さであるという教義の持ち主である場合に顕著です。もちろん長さは16文字以内です。 さて、この判定は一見単純に見えて一筋縄ではいきません。文字列の条件判定といえば正規表現ですが、「全て含む」という条件をきれいに書くのは少し難しいでしょう。そこで、この記事ではこの条件を判定する諸方法について雑に考察します。 愚直に正規表現を使う方法 正規表現では、「ある文字種をひとつ含む」という条件を書くのは簡単です。例えば半角小文字を含むという文字列は/[a-z]/という正規表現で判定可能です。これを用いれば、正規表現を3回使うことで上述の条件を判定できます。 const ratz = /[a-z]/, rAtZ = /[A-Z]/, r0t9 = /[0-
Open SourceProductGitHub CLI 2.0 includes extensions!GitHub CLI 2.0 is now available, making it easy to create and share your own custom commands to make your experience even more powerful. GitHub CLI 2.0 supports extensions, allowing anyone to make custom commands that build on the core functionality of GitHub CLI. Our goal with GitHub CLI 1.0 was to build amazing tooling that allows you to more
gzip の限界 ＝ CPU 1コア マルチコア・マルチスレッドのCPUがあるのに、gzip や lzma(xz)や bzipといったメジャーな圧縮は、CPUを１コアで処理するんですね。 CPU使用率を見てみたら、CPU利用率は100%を超えないんですね。 HDD・SSDの書き込み速度に限界があるからそれでも良かったんだろうが。いまはメモリが一般的に６４GBもある時代です。うちのマシンでもメモリが12GBもあるのに３GB程度の圧縮に、５分とか耐えられません。もうちょっと速くしたい。 cpu利用率が100%で頭打ちになる。gzip gzipを使ってると、CPU利用率が100%で止まるんですよね。lzma などの他の圧縮でも同じ。 gzip/ gunzip をマルチで処理する pigz / unpigz Pigz のマニュアルには次のように書いてある。スレッドを使って並列処理をするっぽい。 P
Google Search Console、除外されたページとは？ 「除外されたページ」とは、Googlebotにクロール（巡回）されたけど、インデックスされなかったページのことをいいます。 つまりはGoogleが 「このページは不要」 「このページはGoogleの検索結果に表示する価値がない」 と判断したということです。 除外されたページは、Googleの検索結果に表示されません。
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
What's New In DevTools (Chrome 94) | Blog | Chrome for Developers
Use DevTools in your preferred language Chrome DevTools now supports more than 80 languages, allowing you to work in your preferred language! Open Settings, then select your preferred language under the Preferences > Language dropdown and reload DevTools. Preferences" width="800" height="494"> Chromium issue: 1163928 New Nest Hub devices in the Device list You can now simulate the dimensions of Ne
Nintendo Switch、Playstation 5、Xbox Series S/X……。新しいゲームハードの発表はいつだって人々を沸かせる。仮に買うつもりがない人にとっても、新たなゲームハードはそれだけで常に新しい地平を開き、ゲーム文化に革新をもたらしてきたことを経験的に知っているからだ。 今年7月にValveが発表した「Steam Deck」にも同様の注目が集まっている。7インチのディスプレイを真ん中にしつらえた携帯可能なゲームハードで、驚くのはAMDと共同開発したAPUに、Zen2ベースのCPU、RDNA 2ベースのGPUを搭載したことで、最大1.6TFLOPS/FP32の性能を実現。実質的にPS4、Xbox One Sに匹敵する処理能力を持ち、価格は最低価格399ドルという安さ。北米や欧州では先行して予約が始まったところ、1時間ともたずに予約完売。公開されたページもろともダウ
クエリアなら、ユーザーインターフェイスをデザインする必要はありません。管理画面や、業務ツールに必要なパーツはすでに用意されており、適切なパーツを適切な場所にドラッグ&ドロップするだけでインターフェイスを構築できます。
App Runnerの登場とAmplify ConsoleのSSR対応でVPCレスなAWSアーキテクチャを夢見た話
はじめに 新サービスの AWS App Runner が発表されました、そして AWS Amplify Console が Next.js(バージョン 9 の機能をサポート)を使っての Server Side Rendering と Static Site Generate に対応しました。 https://aws.amazon.com/jp/blogs/aws/app-runner-from-code-to-scalable-secure-web-apps/ https://aws.amazon.com/jp/blogs/mobile/host-a-next-js-ssr-app-with-real-time-data-on-aws-amplify/ この 2 つのサービスを使うことでフロントエンドもバックエンドも VPC レスでスケーラビリティのある AWS アーキテクチャが実現可能に
GitHub - pkolaczk/fclones: Efficient Duplicate File Finder
Efficient duplicate file finder and remover This is the repo for command line fclones and its core libraries. For the desktop frontend, see fclones-gui. fclones is a command line utility that identifies groups of identical files and gets rid of the file copies you no longer need. It comes with plenty of configuration options for controlling the search scope and offers many ways of removing duplica
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
『どうぶつの森』がインターネットを介さないオンラインゲームとして開発が始まり、『あつ森』に至るまで。シリーズの歴史と変遷を開発者たちが語る【CEDEC 2020】 | ゲーム・エンタメ最新情報のファミ通.com
セッションでは、『あつまれ どうぶつの森』のプロデューサー・野上 恒氏と、ディレクターの京極あや氏により、『どうぶつの森』の歴史を振り返りながら、『あつまれ どうぶつの森』に至るまでの、ゲーム自体の変遷、開発体制の変遷について語られた。 2021年4月で20周年を迎えるシリーズであることもあり、内容も濃く、リポート自体も長めなので、じっくりと読み進めてほしい。 初代『どうぶつの森』のコンセプト 本題に入るその前に、野上氏は『どうぶつの森』シリーズは“かわいいどうぶつたちとのんびり暮らすゲーム”、“小さい女の子向けのゲーム”と思っている人も多いのでは？ と視聴者たちに質問。『あつまれ どうぶつの森』のプレイヤーデータを例にすると、じつは男女比はほとんど同じで、しかも20代前後のプレイヤーがもっとも多いことを明かした。 といっても、これは2020年7月と、発売から数ヵ月経った時点でのデータ。野
GitHub - jetify-com/devbox: Instant, easy, and predictable development environments
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - contour-terminal/contour: Modern C++ Terminal Emulator
✅ Available on all 4 major platforms, Linux, macOS, FreeBSD, Windows. ✅ GPU-accelerated rendering. ✅ Font ligatures support (such as in Fira Code). ✅ Unicode: Emoji support (-: 🌈 💝 😛 👪 - including ZWJ, VS15, VS16 emoji :-) ✅ Unicode: Grapheme cluster support ✅ Bold and italic fonts ✅ High-DPI support. ✅ Vertical Line Markers (quickly jump to markers in your history!) ✅ Vi-like input modes for
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Amazon予約分のPS5、配送が2021年以降になると謝罪 購入者からはため息「ぬか喜びさせられた」「抽選販売に賭けるしか…」
※本記事はアフィリエイトプログラムによる収益を得ています Amazon.co.jpは11月18日に再開したプレイステーション 5の予約受付分の配送が、2021年以降になる見通しだと謝罪。購入者へはメールが届き始めている。対象となったのはAmazonオリジナル特典のエコバッグ付きモデルを含んだ予約受付分の一部。 手に入ったと思ったPS5が来年までお預けに あまりの人気で現在も入手困難となっているPS5の予約受付が再開されるとあって、予約開始当日も瞬殺で売り切れていた。 Amazon.co.jpからのメールには注文したPS5の「お届けが来年以降になることが判明いたしました」とあり、「Amazonより後日」配送日などを知らせるとしている。「今回このような事態が発生しましたことを重く受け止め、今後のサービスの改善に努めてまいります」と謝罪している。 せっかく確保できたと喜んでいた購入者からは「強制
「コンシューマー」？ 「コンソール」？ それとも……？ 「家庭用ゲーム機」を指す言葉のちょっとややこしい歴史を徹底的に調べてみた
小型の国語辞典にまで登場した「コンシューマーゲーム」コンシューマーゲーム機 Evan-Amos – 投稿者自身による作品, パブリック・ドメイン, リンクによる Evan-Amos – Media:PS4-Console-wDS4.jpg, パブリック・ドメイン, リンクによる Removed white background. Original by Evan-Amos. – Media:Xbox_One_Console_Set.jpg, パブリック・ドメイン, リンクによる 今回のテーマは「コンシューマー」だ。筆者はこの連載を始めてから、国語辞典でビデオゲーム関連語を引くことが増えたのだが、その中で、昨年12月に発売されたばかりの大修館書店『明鏡国語辞典』第三版に、以下のようにあるのが目に留まった。どうやら、この版で新しく採録された項目らしい。 コンシューマー-ゲーム【consumer
GitHub - semgrep/semgrep: Lightweight static analysis for many languages. Find bug variants with patterns that look like source code.
This repository contains the source code for Semgrep OSS (open-source software). Semgrep OSS is a fast, open-source, static analysis tool for searching code, finding bugs, and enforcing code standards at editor, commit, and CI time. Semgrep is a semantic grep for code: where grep "2" would only match the exact string 2, Semgrep would match x = 1; y = x + 1 when searching for 2. And it does this in
この記事でのusing宣言の動作はBabelのtransform及びes-shimsのpolyfill実装に依存しており、実際のV8エンジンやTypeScriptのトランスパイル出力の挙動とは異なる可能性があります。 以下の挙動がusing宣言に対応している処理系の実際の挙動と異なる場合はコメントをいただけると幸いです。 導入 先日、Twitterでこんなツイートが回ってきました。 TypeScript 5.2で新しい「using宣言」が追加されるというものです。 しかも、TypeScriptの独自構文かと思いきや、JavaScriptのStage 3のProposalをTypeScriptで先行実装するという通常のTypeScriptの実装プロセスに則ったものでした。 新しい変数宣言の追加はES 2015(ES6)の「let」「const」以来でなんと8年ぶりで、JavaScript/T
こういうツイートをした。 会社用のGoogleアカウントと家用のGoogleアカウントがあって、会社SlackからGCPのURLをクリックしたら家用のアカウントで開いてしまうみたいなのを1000万回はしてるんだけど、未だにどうすればいいのかわからない— ひさいち (@hisaichi5518) 2020年7月25日 家用アカウントで会社のGCPにアクセスするとエラーになるので、毎回右上のアカウント切り替えで切り替えてるんだけど、めんどくさいな〜という話。 色々と教えてもらった。みなさん、ありがとうございます！ そのなかで、まさにこれがほしかったという感じのを教えてもらった。 使ったことないんですが、こういう感じでブラウザアプリを選択するプロキシーアプリがあるみたいなので、こういうの使うといいのか...? と思ったりしましたhttps://t.co/vOIZmcBuQqhttps://t.c
ChatGPTでHARファイルを解析してWebアクセスの問題点を検出する - Taste of Tech Topics
9月になりましたが、まだまだ暑い日が続きますね、昼間に出歩く際にはネックリングが手放せない菅野です。 Webアプリケーションで問題があった際には、よくブラウザの開発者ツール等を確認してエラーや、遅延の原因を探ったりしますよね。 今回は上記のようなエラー解析、問題解析をChatGPTで簡単に実施できないか検証していきます。 とはいえ、ブラウザの開発者ツールをそのままChatGPTに渡すことはできないため、開発者ツールから生成したHARファイルをChatGPTのAdvanced Data Analysisで解析してもらいます。 「Advanced Data Analysis」というのは、少し前まで「Code Interpreter」と呼ばれていたChatGPTの機能のことです。 名称変更されただけで挙動は変わっていないようです。 個人的には「Code Interpreter」の方が好きだったの
AWS Amplify × Next.js で Server Side RenderingのデプロイおよびCI/CD環境を構築する
本記事では、AWS Amplify と Next.js を使って SSR 構成のデプロイ、および CI/CD の構築について考えていきたいと思います。 ※2021/05/19 更新 Amplify Console が SSR ホスティングをサポートしたので記事の内容を更新しました Amplify ConsoleがNext.jsで作成されたアプリのSSRに対応しました🎉 去年9月にAmplify LibrariesがNext.js/Nuxt.jsのSSR対応したので、SSRがAmplifyで完結できるようになります！https://t.co/igYF9Vz61a#AWSAmplifyJP — Jaga@AWS Amplify (@jagaimogmog) May 18, 2021 (参考) https://aws.amazon.com/jp/blogs/mobile/host-a-next
JavaScriptに密かに存在する“無名関数宣言”
この記事では JavaScript エンジニアがしてしまいがちなある誤解を紹介し、それがなぜ誤解なのかを解説します。 その誤解とは、「関数宣言には必ず名前が必要である」ということです。これはexport defaultの場合に例外が存在しているため、誤解となります。 JavaScript の関数宣言 JavaScript で関数を作る方法は色々ありますが、その中でもfunctionキーワードを用いる方法は初期から存在しています。functionキーワードを用いて関数を作る場合は関数式と関数宣言の 2 つに大別されます。関数式はその名の通り式である一方で、関数宣言は文のように使用され、巻き上げ (hoisting) の挙動を持つことが特徴的です。 // 関数式 const func = function (num) { return num * 2; }; console.log(func(
TinyBase
Start with a simple key-value store.Creating a Store requires just a simple call to the createStore function. Once you have one, you can easily set Values in it by unique Id. And of course you can easily get them back out again. Read more about using keyed value data in The Basics guide. const store = createStore() .setValues({employees: 3}) .setValue('open', true); console.log(store.getValues());
Next.js の Error を丁寧に扱う
Next.js には組み込みのエラーフォールバック機構が存在します。pages/404.tsxとpages/500.tsx、Unhandled Error を捉えるpages/_error.tsxが組み込みフォールバックです。https://nextjs.org/docs/advanced-features/custom-error-page 実アプリケーションにおいてはこれだけでは不十分なケースが多く、意図的なもの・そうでないものをハンドリングしログ収集に繋げるなど、きちんとエラー設計をしたいところです。 TypeScript 4.4 で try catch の推論が変更になった 話が少しそれますが、TypeScript 4.4 で try catch 文の catch 引数errの推論がanyからunknownに変更になりました。この変更はuseUnknownInCatchVariab
今時のJavaScript開発において、JavaScriptが持つモジュールの機能は欠かすことができません。我々はプログラムをいくつものファイル（モジュール）に分割し、import文とexport文を使ってそれらを繋げています。各モジュールはexport文を用いてそのモジュール内で定義した変数・関数などをエクスポートすることができ、別のモジュールがimport文でそれらの値を取得することができるのです。 皆さんは、このimport・export文がどのように働いているのか正確に説明できるでしょうか。実は、import文やexport文というのは値をインポート・エクスポートしているのではなく、言わば変数そのものをインポート・エクスポートしているのです。これを理解するのがこの記事のゴールです。 ※ 本当は変数ではなく「バインディング」といったほうが用語としてより正確なのですが、この記事では分か
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScriptのexhaustiveness checkをスマートに書く
webpackの次のバージョンで入るassetModulesの紹介 - hiroppy's site
Qwikというフレームワークについて - console.lealog();
Engadget | Technology News & Reviews
JavaScript Primer 4.0.0: ECMAScript 2022に対応したJS本
フロントエンドエンジニアに捧げるAWS Amplify Console | DevelopersIO
JavaScriptで文字列が小文字・大文字・数字を全て含むかどうか判定する方法について - Qiita
GitHub CLI 2.0 includes extensions!
マルチコアのCPUを使い切って圧縮を速くする - それマグで！
Google Search Console、除外されたページを確認する方法
GitHub - jdx/mise: dev tools, env vars, task runner
新ゲームハード「Steam Deck」が売切れ必至になる、と言い切れる理由
クエリア | ローコード管理画面開発SaaSのクエリアなら、管理画面を素早く開発・運用できます
GitHub - cli/cli: GitHub’s official command line tool
【ファミコン救出大作戦その1】レトロゲームはテレビに映すのも難しい！ 実家に放置した100本以上のソフトで息子と遊ぶまでの奮闘記【空いた時間でなにしてる？】
GitHub - orf/html-query: jq, but for HTML
TypeScript 5.2で予告されているusingをいじってみる
finickyを使い始めた - パルカワ2
【ファミコン救出大作戦その2】カセットをコピーできる「レトロフリーク」で昔のゲームを全部復活……は簡単にはいかない？【空いた時間でなにしてる？】
JavaScriptのモジュールは変数をエクスポートする - Qiita
「アストロシティミニ」、全36作の収録タイトルが公開！
and-engineer.com
altema.jp
zenn.dev/ebifran
www.academyhills.com
search.app
bungu-uranai.com