PCjs Machines
Welcome to PCjs PCjs uses JavaScript to emulate a small collection of hardware and software that I grew up with in the 1970s and 1980s, allowing you to experience their slow CPUs, low-resolution displays, and primitive sound effects, all in the comfort and safety of your desktop or mobile web browser. Over time, PCjs emulations have expanded to include selected IBM PC Compatibles and more classic
JSFuck - Write any JavaScript with 6 Characters: []()!+
()+ []! JSFuck is an esoteric and educational programming style based on the atomic parts of JavaScript. It uses only six different characters to write and execute code. It does not depend on a browser, so you can even run it on Node.js. Use the form below to convert your own script. Uncheck "eval source" to get back a plain string. Encode Links Share on Twitter View source on GitHub Follow @aemke
![JSFuck - Write any JavaScript with 6 Characters: []()!+](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4de6eae58d8fc3a22be54a691239d9e8e81ed53/height=288;version=1;width=512/http%3A%2F%2Fwww.jsfuck.com%2Fpreview.png)
ep168 Yearly Platform 2024 | mozaic.fm
Theme 第 168 回のテーマは 2024 年の Yearly Platform です。 Show Note 今年の mozaic.fm 10 周年記念イベント mozaic.fm renewal WIP 通常回なし 2024 年チェックポイント Module Harmony Shared Dictionary Transport without Yoav Baseline OHTTP/DoH/ECH/over QUIC/MLS などですべの暗号化が終わったあとの管理や保安の話 CookieBis Apple のブラウザエンジン規制 DOMParts + Module Harmoney = WebComponents 元年 v6 ? Navigation API Manifest v3 移行と AdBlocker どうなるのか light-dark() / CSS Color v4 R
TypeScript/JavaScript Array完全攻略2024 | フューチャー技術ブログ
TypeScriptアドベントカレンダーの12/5のエントリーです。昨日は@nanasi-1さんの【TypeScript】ジェネレーターによる遅延評価でフィボナッチ数列を生成するでした。 イマドキのJavaScriptの書き方2018というのを以前書いたのだけど、配列周りはかなり変わっているな、というのを思ったので、そこの部分だけアップデートするつもりで書いてみました。 実環境で使えるECMAScriptバージョン今時のブラウザは常に最新に更新されるはずなのでECMAScript 2024の機能もフルに使えるはずですが、おそらくNode.jsのLTSが一番古いJavaScriptエンジンということになるのかな、と思います。本記事執筆時点でサポート中のバージョンは以下の4つです。軽くメソッドを調べたりした感じ、こんな感じかと。202x年の11月ぐらいになると、ES202xがLTSバージョンで
【最強】Honoフル活用事例2024年
Hono アドベントカレンダー 2024 初日担当の おりばー です。 本記事では、11 月にリリースした漫画プラットフォーム「comilio」の開発事例をもとに、とにかく Hono が最強だということをつらつらと書いていく記事となります。 個人的 2024 年ベストオブ優勝フレームワークは Hono 一択です。Hono が無ければ、おそらくプロダクトを今もリリースできていなかったと言っても過言ではありません。 ぜひこの記事を参考にして、0 -> 1 を立ち上げる際は Hono を積極的に採用してもらえればと思います。 また、Hono という最高のプロダクトを生み出してくれた @yusukebe さんには全身全霊を持って感謝します。 「comilio」のインフラ構成 まず、今回の実例である漫画プラットフォーム「comilio」の構成を紹介します。 「comilio」では TypeScrip
【初心者必見】Meta（Facebook）ピクセルとは？設置方法と動作確認まで徹底解説｜キーマケのブログ｜株式会社キーワードマーケティング
Facebook広告 【初心者必見】Meta（Facebook）ピクセルとは？設置方法と動作確認まで徹底解説 Meta 広告（Facebook 広告や Instagram 広告など）を始めるときに Meta ピクセル（旧：Facebook ピクセル）の設置は必要不可欠です。とはいえ、Meta ピクセルの設定方法が分からなかったり、そもそも Meta ピクセルが何か理解できていなかったりという方もいるのではないでしょうか。 この記事では Meta ピクセルの概要やできることを紹介し、画面キャプチャを用いて設置方法を説明します。 Meta ピクセルとは Meta ピクセル（旧：Facebook ピクセル）とは、商品の購入や問い合わせのような Web サイト内でユーザーが取った行動を計測するため、サイトに設置する JavaScript コードです。ベースコード、イベントコード、パラメータの3つで
TypeScriptの型を展開してホバー表示してくれるVSCode拡張「Prettify TypeScript」が便利
TypeScriptは強力な型システムが魅力です。 しかし、複雑な型定義は理解が難しいです。特にライブラリの型定義などはジェネリクスや交差型などがネストしていることも多く、すぐに把握するのが難しい場合があります。 Visual Studio Code（以下VSCode）でTypeScriptの開発をしている際、型にカーソルをホバーすると型情報が表示されます。 しかし、深いネストや複雑な型の場合、展開される情報が不十分で、定義を追う必要があります。 そんな時に役立つVSCodeの拡張機能がないかな〜と探していたら「Prettify TypeScript」というぴったりの拡張機能を発見しました！この拡張機能を使うと、ホバーした時に型が展開された状態で表示されるため、型情報を把握しやすくなります。 Prettify TypeScriptの概要 Prettify TypeScriptを使用すること
Next.js App Routerの"use server"雑感 : Rails視点から
はじめに Next.jsにServer Actionが新しく導入されました。サーバ上の関数をブラウザから直接呼び出すようなコードの書き味を提供するもので、非常に魅力のあるコンセプトだと私は思っています。ただしサーバ上で実行されるコードとブラウザで実行されるコードの境界が曖昧で、"use server"のセキュリティ上の懸念もよく議論されています。 一方で、私の先日の記事Next.jsで簡単なCRUDアプリを作りながら気になったセキュリティ: Railsの視点からで、私はこの"use server"問題には言及しませんでした。まだ非常に新しい話題でかつNext.js側の対応も進行中だというのもありますが、実は個人的にあまり気にならないのが最大の理由です。 気にならなくなったきっかけは、Server ActionをRuby on Railsのコントローラと同じように考え始めたことです。こうする
ts-blank-space
What is ts-blank-space? ts-blank-space is a fast type-stripping compiler that converts TypeScript to JavaScript. It supports a modern subset of TypeScript by erasing the types and replacing them with whitespace. That's it. It is not a type checker and does not perform any other code transformations. The underlying technique can improve build performance and simplify development. The implementation
GitHub - awslabs/threat-composer: A simple threat modeling tool to help humans to reduce time-to-value when threat modeling
The process of threat modeling helps you identify security issues and develop a strategy to address them in the context of your system. A threat model directly supports your ability to define, agree upon, and communicate what is necessary in order to deliver a secure product or service. You can threat model very early in your design phase. These early insights put you in a better position to ident
タブ内で原文と訳文を同時表示できるChrome拡張機能作った
TL;DR 自分用に作った Chrome 拡張機能を紹介です｡ Chrome 拡張機能のインストールはこちらから ↓ デモ動画 簡単にタブ内で左に原文､右に訳文を表示して､スクロールという形を実現できます｡ きっかけ 最近､仕事上や趣味の個人開発でも英語のドキュメントに当たることが多くなってきました｡ その際の課題として､英語のままだと資料を読むスピードが上がらないという課題がありました｡ そこで､ページを全体を Google 翻訳して日本語で確認したりしていたのですが､ どうしても訳文が微妙に間違っていたり､最後には原文をチェックしておきたくなることも多く 訳文と原文を何度も行き来する必要があり煩わしく感じていました｡ そこで､自分で Chrome 拡張を作成することにしました｡ 設計 動作のデザイン 大まかに一連の流れを整理すると 何かしらの動作 -> タブ内で2画面表示 -> 翻訳
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Analysis for Pentesters
Lynx
GitHub - evbacher/gd2md-html: Convert a Google Doc to Markdown or HTML. This Docs add-on (available in the Google Workspace Marketplace as Docs to Markdown) converts a Google Doc to simple Markdown and/or HTML.
Zod を使って OpenAI の構造化された出力を扱う
徹底解剖！ 医療業務システムのReactコンポーネント設計 / Deep Dive into React Component Design for Medical Systems
Sucuri — Complete Website Security, CDN, DDoS Protection
GitHub - openai/openai-node at 31e4afd6ca50e8e2560598296c099390c5956e31
GitHub - comfyanonymous/ComfyUI: The most powerful and modular diffusion model GUI, api and backend with a graph/nodes interface.
TypeScript入門 2024
