[B! javascript] tarchanのブックマーク

ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）

前回の記事では、JavaScript の実行エンジン V8 のJIT 出力コードを読んでみました。記事は M1 Mac 上で動かした結果でしたので、ARM アーキテクチャのアセンブラを読むことになりました。さてそんな ARM アーキテクチャですが、最近の ARM には FJCVTZS という JavaScript 専用の機械語命令があるのをご存知でしょうか？CPU に、特定の言語︵それもコンパイラを持たない JavaScript︶専用の命令があると知ったとき、私は大いに驚きました︵過去にも Jazelle みたいなものはありましたが︶今回は、この FJCVTZS 命令について、実際にどれだけ効果があるのか、V8 をビルドしながら調べてみましょう。 FJCVTZS 命令とは？ FJCVTZS 命令は、Arm v8.3 から導入された JSCVT 命令の一つで、JavaScript の言

tarchan 2024/06/11

リンク

Web フロントエンドの実装において本来の機能を損なってはいけない

Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で

tarchan 2023/01/09

リンク

JavaScript ライジングスター 2021

6回目の JavaScript ライジングスターにようこそ！ JavaScript疲れから逃れるためにここに来たみなさん、ちょうどいいところに来ましたね。今回はメタフレームワーク、速度の必要性、界隈のオールスターがテック企業にジョインした話などの話題があります。しかし、まずはチャンピオンの話です。今年は誰もが予想していなかった新しい覇者が誕生しました！しかもそれは、なんとコマンドラインツールです！以下は、2021年の1年間で増加したGitHubのスター数によるランキングです。Webプラットフォームに関するベストプロジェクトを集めたリストであるBest of JSからの一年間の分析です。各プロジェクトをクリックすると、より詳細な情報を閲覧することができます。

tarchan 2022/01/10

javascript

リンク

1週間で数百万回もダウンロードされる人気JavaScriptライブラリが乗っ取られる、Windowsデバイスはパスワード盗難の恐れも

パッケージ管理ツールのnpmで公開されている「UAParser.js」は、ユーザーエージェントの判定処理を実行するJavaScriptライブラリであり、Facebook・Microsoft・Amazon・Googleなどの超大手企業を含む1000以上のプロジェクトで採用されています。そんなUAParser.jsがハッカーによってハイジャックされ、LinuxおよびWindowsデバイスを対象に暗号資産採掘やパスワードの盗難を行うトロイの木馬が仕込まれていたことが判明しました。 Security issue: compromised npm packages of ua-parser-js (0.7.29, 0.8.0, 1.0.0) - Questions about deprecated npm package ua-parser-js · Issue #536 · faisalman/u

tarchan 2021/10/26

リンク

モダン JavaScript チートシート

Skip to the content. モダン JavaScript チートシート画像クレジット: Ahmad Awais⚡️ イントロダクション動機このドキュメントはモダンなプロジェクトでよく見られる JavaScript のチートシートと最新のサンプルコードです。このガイドは読者に JavaScript をゼロから教えるものではありません。基礎知識は持っていて、モダンなコードベースに慣れる︵例えば React を学ぶ︶のに苦労している開発者を助けるためのものです。説明の中で JavaScript の諸概念が使われています。また、議論の余地のあるポイントについてときどき個人的な tips を載せますが、その際はあくまでも個人的なおすすめであることを述べるように気をつけます。メモ: ここで紹介されている概念のほとんどは JavaScript 言語のアップデート︵ ES2

tarchan 2021/10/12

リンク

索引:記号とキーワード | TypeScript入門『サバイバルTypeScript』

JavaScriptやTypeScriptのコードには?.のような記号やasのようなキーワードが使われます。こういった記号やキーワードはGoogleで検索しづらく、意味を調べるのは難しいものです。この索引は、JavaScriptとTypeScriptの記号やキーワードから、その名前や意味を調べられるようにするためのものです。コードを読んでいて未知の記号やキーワードに出くわしたら、その意味や使い方を調べる手がかりにしてください。ここで扱う記号とキーワードには、JavaScript由来のもの、つまり、JavaScriptとTypeScriptに共通して使えるものと、TypeScriptでのみ使えるものを併記しています。JavaScript由来のものにはのマークを、TypeScript固有のものにはマークを表示しています。記号! 論理否定演算子 (logical not operator

tarchan 2021/08/31

リンク

PDF.jsを設置する - Qiita

PDF.jsはJavaScriptで作られたPDFビューアです。(厳密にはPDF読み込みを行うパーサ、描画を行うレンダラ、画面UIのビューアがセットになっているもので、ライセンスはApache License 2.0です) Mozilla Foundationが開発していてFirefoxのPDFビューアとして採用されているため品質が高い JavaScriptでPDFを読み込んでCanvasで描画しているためiPhoneやAndroidなどスマートフォンでも表示できるビューアがHTMLファイルのため<iframe>でPDFを埋め込み表示できるのような特長があり、PDFを直接表示できない環境での代替として使用することがよくあります。この文書では、PDF.jsの基本的な設置方法を説明します。 1. 配布サイトからファイルをダウンロードするまず https://mozilla.github

tarchan 2021/08/22

リンク

PDF.js

PDF.js A general-purpose, web standards-based platform for parsing and rendering PDFs. Download Demo GitHub Project

tarchan 2021/08/20

リンク

Flashのカレンダー | Advent Calendar 2020 - Qiita

2020年のAdobe Flash Playerサポート終了に伴い、全てのFlashコンテンツは2つの選択を迫られました。 - 選択肢1﹁サービスを終了する﹂ - 選択肢2﹁作り直す﹂ swf2jsはFlashコンテンツをそのままHTML5化するという3つめの選択肢を選びました。 Adobe Animate(Flash)はとても優れたオーサリングツールで、SWFファイルを通じた描画はとても軽量で美しい表現が可能です。これらの資産と技術はこれからのWeb業界でもまだまだ活躍できる技術です。 swf2jsはSWFをリアルタイムで分解しHTMLの技術を用いてエミュレートするライブラリです。ブラウザの標準技術を採用する事でAdobe Flash Playerが抱えていた脆弱性の問題も大きく改善されています。そして、各ブラウザの進化と共に快適な環境を一緒に構築していくことができます。 2020年

tarchan 2021/02/16

リンク

Flash作品を残すために取り組んだこと - プラグイン無しでFlashを再生できるJSライブラリを採用して - ICS MEDIA

ブラウザプラグインのFlash Playerは2020年末でサポートが終了しました。そのことにより、Flashコンテンツをブラウザで再生する手段がなくなっています。筆者はBeautiflビューティフルというウェブサイトを個人的に運用しています。Beautiflは、ユーザーが投稿したFlash作品を紹介するギャラリーサイトです。Flash Player終了によってウェブサイトの目的であるFlashの再生体験ができなくなるので、窮地に陥りました。Flash Playerの終了は2017年にアドビが決定したことで覆せないので、ウェブサイト側として次の3つの対策を行いました。 FlashをHTMLで再生可能にする Flashをビデオとして残す SWFファイルをダウンロード可能にする本記事ではウェブでFlashコンテンツをどうやって残していこうとしたのか、そのアプローチを紹介します。 Beaut

tarchan 2021/02/16

リンク

マイクロソフト発のオープンソース言語「TypeScript」、生みの親が語る開発当初や背景

今やTypeScriptはウェブアプリ開発時に最初に検討される言語となっているが、開発が始まった2010年頃は、まだオープンソースに恐れを抱いていたMicrosoft 文化のなかで、ゆっくりと歩を進めていく必要があった。 TypeScriptの共同創案者であり、デンマークのソフトウェアエンジニアであるとともにMicrosoftのテクニカルフェローも務めているAnders Hejlsberg氏は米ZDNetに対して、Steve Ballmer氏が同社の最高経営責任者︵CEO︶だった2010年に、JavaScript開発者の心をつかむ唯一の道はオープンソース戦略だという決断をチームが下した際のことを語ってくれた。 Ballmer氏は2001年に、LinuxがMicrosoftの知的財産すべてを脅かす﹁ガン﹂だと発言しており、Microsoftの幹部らは2010年時点でも、オープンソースが依然とし

tarchan 2020/09/28

リンク

JavaScript Primer - 迷わないための入門書 #jsprimer

JavaScript Primer 迷わないための入門書 Tweet Watch Star Twitterのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。プログラミングをやったことがあるが、今のJavaScriptがよくわからないという人が、今のJavaScriptアプリケーションを読み書きできるように書かれています。初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは﹁はじめに﹂から読んでみてください。書籍版このウェブサイトの内容はアスキードワンゴから書籍として出版されています。書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。書籍版は次のサイトから購入できます。 Amazon 達人出版会︵電子書籍版

tarchan 2020/08/06

javascript

リンク

なぜ default export を使うべきではないのか？

プロジェクトで使われている技術と ESModule の状況について UITでは、 SPA 開発のプロジェクトにおいて Vue.js と React が多く利用されており、既存の多くは Babel を利用した JavaScript で、新規のプロジェクトでは TypeScript を利用して開発が行われています。 FYI: ︻LINE DEV DAY 2019 番外編︼UIT Front-end Tooling Survey 2019 技術選定は勿論、プロジェクトにおける細かなコーディングルールについては、プロジェクトのコードオーナーに委ねられており、プロジェクトごとに裁量を持った意思決定を行っています。その上で、私が携わるプロジェクトにおいては、 default export を可能な限り避けるように心がけています。 import 側の裁量で対象を自由に命名できてしまう今回は﹁﹃Da

tarchan 2020/05/22

リンク

テキストでタイムラインアニメーションを作れるライブラリを作った - No Regrets in Bathing

0----1----2--- みたいな形式のテキストでタイムラインアニメーションを作れるライブラリを作りました。しゅうまいさんと「Webでタイムラインアニメーションを作るのがだるい」的な話をしていて、 AAみたいな発想で楽をできないかなと思ったのが発端になっています。まずは下記のデモを見てください。 See the Pen TimelineDown Example by hashrock (@hashrock) on CodePen. 下記の文字列を渡すことで、４つの絵文字がそれぞれ個別のアニメーションをします。 const p1 = "--------0----1--2-------"; const p2 = "---------0----1--2------"; const p3 = "----------0----1--2-----"; const p4 = "---------

tarchan 2020/03/12

リンク

JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA

JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020︵ES2020︶は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。オプショナルチェーン Optional Chaining︵オプショナルチェーンやオプショナルチェーニングと呼ばれています︶とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。利用シーン nullやunde

tarchan 2020/02/04

javascript

リンク

寿司打の限界を目指して ~WebGLのOCR~

この記事は闇の魔術に対する防衛術 Advent Calendar 20192 日目の記事です。ある日、会社で寿司打というタイピングの速度や正確さを競うゲームが流行った。みんなやってるので私も挑戦してみたところ、結果は惨敗。全エンジニアの中でもっともスコアが低かった。もともとタイピングが早くも正確でもないことを自覚していたつもりだったが、現実を突きつけられ大人しく家に返って枕を濡らそうと思った。が、あまりの悔しさにまみれ﹁JSer ならタイピング速度ではなくJSで勝負すればいいんだ﹂とダークサイドに堕ち闇の力に手を染めてしまった。本記事はムキになって寿司打︵WebGL 版︶のスコアを稼ぐ自動化 JavaScript の話。なお動作確認にはUbuntu 19.04、Google Chrome 80.0.3955.4 を使用した。寿司打 WebGL 版 http://typing

tarchan 2019/12/17

リンク

Darkmode.js

🌓 Add a dark-mode / night-mode to your website in a few seconds This library uses the css mix-blend-mode in order to bring Dark-mode to any of your websites. Just copy paste the snippet and you will get a widget to turn on and off the dark-mode. You can also use it without the widget programmatically. The plugin is lightweight, built in VanillaJS. It also uses localstorage by default so your last

tarchan 2019/10/31

リンク

GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Doc-Rot is a Catch-22 that Mermaid helps to solve. Diagramming and documentation costs precious developer time and gets outdated quickly. But not having diagrams

tarchan 2019/04/02

リンク

for文無限ループURL投稿で補導された件についてまとめてみた - piyolog

2019年3月4日、兵庫県警察はインターネット掲示板に不正プログラムのURLを書き込んだとして未成年者を含む3名を不正指令電磁的記録供用未遂の疑いで児童相談所への通告や書類送検を行う方針と報じられました。ここでは関連する情報をまとめます。不正プログラムはfor文無限ループか NHK報道から、張り付けられたURLで動作する﹁不正プログラム﹂はfor文無限ループとみられる。*1 JavaScriptを見る限り、特殊な実装や脆弱性を用いたものではなく、for文の条件式などを記述せずに無限ループさせたもの。顔文字やメッセージはalertダイアログを使って表示させている。当該URLを開いたタブを閉じるなどの操作が必要な場合もあるが、最新のブラウザ︵Chrome、Firefoxなど︶では開いただけで落ちることはない。 URL投稿で摘発された3人次の3人が問題となったURLを書き込んだとして児童相

tarchan 2019/03/05

リンク

治安の悪い Slack Emoji を作るツールを作った - Qiita

(治安の悪くない Emoji も作れます) 作ったものここで遊べますおもしろいところ GIF アニメのエンコードまですべてjsで完結しているので、ありがちな﹁謎のサーバーに画像アップロードするといい感じに変換してくれる﹂的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。なにができるの？画像を 128px x 128px に変形画像を、 Slack にアップロードできる︵現状︶最大サイズの 128px x 128px に変形します。ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。変形は正方形に引き伸ばし︵アス比無視︶正方形いっぱいに拡大して、余ったところはトリミング︵アス比維持︶正方形に収まるように縮める︵アス比維持︶から選べます。テキストから画像

tarchan 2019/02/08

リンク

はてなブックマーク

タグ

関連タグで絞り込む (583)

javascriptに関するtarchanのブックマーク (1,347)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス