同じ5行のコードが全く違って見える12の瞬間、なぜ私たちは学ぶのか？
最近、ふとした気づきがありました。 それは、「同じものを見ていても、過去と現在の自分では見えている世界がまったく違っている」ということです。 みなさんには、このコードからどんな世界が見えますか？ async function getUserName(userId) { const response = await fetch(`https://api.example.com/users/${userId}`); const user = await response.json(); return user.name; } はじめに こんにちは、株式会社ココナラ在籍のKです。 本記事では、冒頭の5行のコードを通して、私たちが学ぶ理由について考えてみたいと思います。 TL;DR 同じコードを見ても、人によって見えるものが違っている 学習を重ねることで、それまで見えなかった世界が見えてくる 学習
PDF.jsを使用してWebブラウザでPDFファイルを表示する | MESCIUS.devlog - メシウス株式会社
本記事では、WebブラウザでPDFファイルを表示するためによく使われるオープンソースライブラリの1つ「PDF.js」を使用して、WebページでPDFファイルを表示する方法を紹介します。 PDF.jsを使用してPDFファイルを表示する方法は2つあります。１つ目は<canvas>要素にPDFファイルをレンダリングする方法と、PDF.jsに付属のPDFビューワーを埋め込む方法です。 HTMLのcanvas要素にPDFファイルをレンダリングする方法 ビルド済みのPDF.jsを以下からダウンロードします。2023年3月時点で最新はv3.4.120です。 https://github.com/mozilla/pdf.js/releases pdfjs-hello-worldフォルダを作成して、そこにダウンロードしたpdfjs-3.4.120-dist.zipからbuildフォルダとフォルダ内のファイル
markedで安全にMarkdownからHTMLを生成するsafe-marked
MarkdownをHTMLにコンパイルするmarkedは0.7.0でsanitizeオプションを非推奨にしています。 これはサニタイズの処理をmarkedから外す目的です。 Sanitize and sanitizer · Issue #1232 · markedjs/marked このsanitizeオプションの代わりにDOMPurifyを利用することを推奨していますが、 DOMPurifyはブラウザとNode.js両方で使うには癖があるためちょっとややこしいです。 なぜならDOMPurifyはDOM APIに依存しているため、 Node.jsで動かす場合はjsdom使うためです。 単純にjsdomを使ってしまうとブラウザでもjsdomが含まれてしまい、ファイルサイズが巨大になってしまいます。 そのため、ブラウザ向けの場合では直接DOMPurifyを使い、 Node.jsの場合はDOMP
Google Chrome拡張機能: HTMLの国際化
やりたいこと chrome.i18nではJavaScriptから呼び出す他に、 manifest.json, CSSのローカライズに対応していますが、 HTMLのローカライズは対応していません。 その対応方法です。 前提条件 概要 ローカライズしたい要素に以下のいずれかを付ける。 要素の中のテキストをローカライズしたい場合(spanなど): data-i18n-text属性 要素のvalueをローカライズしたい場合(inputなど): data-i18n-value属性 HTMLのこの属性を検索し、メッセージを置き換える。 手順 以下のような関数を作ります。 function localizeHtmlPage() { document.querySelectorAll("[data-i18n-text]").forEach(element => { const key = element.
[JS]なぜawaitはasync関数の中にしか書けないのか - Qiita
先に結論 awaitが使われている関数はジェネレータとして内部的に変換され、非同期処理になる。 その為、async関数である必要がある。 コンパイラから見ても、asyncが付いていることで効率的にコンパイルできる。 （追記 2021/07/21）最上位でのawaitは、もうすぐ可能になるかもしれない（一部ブラウザは実装済）。（鶏(async)が先か卵(await)が先かでコメントで教えて頂きました。感謝！） というわけで本編 awaitはPromiseを返す関数を呼び出す方法として非常に便利ですが、それを使う箇所にはいちいちasyncを付けて回らなければならないのが面倒だと思ったことはないでしょうか。 そもそもawaitを内部で使っている関数が常にasyncである必要性がいまいちピンと来ない方もいるのではないでしょうか（最初にasync/awaitの構文を見た時、私自身がそうでした）。 例
![[JS]なぜawaitはasync関数の中にしか書けないのか - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a856dbf0ef089ef466cf91e8deb96e71164aa810/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjA3MDM4JTJGcHJvZmlsZS1pbWFnZXMlMkYxNjI2Njk0MjA3P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz0yZjhiNDYzOTVmMjk2NWJiOGFiYTZiMGJjMTc3YWY2NQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D684d8991afe949140876f0471eeb2630%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSlMlNUQlRTMlODElQUElRTMlODElOUNhd2FpdCVFMyU4MSVBRmFzeW5jJUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgxJUFFJUU0JUI4JUFEJUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgxJThCJUU2JTlCJUI4JUUzJTgxJTkxJUUzJTgxJUFBJUUzJTgxJTg0JUUzJTgxJUFFJUUzJTgxJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OWNiNTNjNzJiZmZkM2Q3OGQ4MDJhNDRlNmZhN2QxYzQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBqdW4xcyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTczMjVlNTIwZmUzNGVmOWRhYTkxZDkyODBkNDIzZTlk%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D86d7599dff1e1fa3d1c59518e1d531f8)
Node.js 用モジュールの作り方（require でロード可能な Node モジュールを作成する） | まくまくNode.jsノート
Node モジュール作成の基本 Node.js では、.js ファイルをモジュールとして扱うことができます（配布用に package.json が用意されたものは、特に「パッケージ」と呼ばれます）。 作成したモジュール（.js ファイル）は、下記のように require() を使用して読み込むことができます。 Node モジュールで公開するプロパティや関数は、以下のいずれかの方法で設定します。 exports の各プロパティに設定する方法 module.exports 自体に任意のオブジェクトを代入する方法 (1) exports のプロパティとして公開プロパティを設定する方法 exportsオブジェクト（実際は module.exports のエイリアス）のプロパティとして設定したものが require したクライアント側からアクセスできるようになります。 逆に、exports のプロパ
オプショナルチェーン演算子 (?.) - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020年7月. Learn more See full compatibility Report feedback オプショナルチェーン演算子 (?.) (optional chaining) は、オブジェクトのプロパティにアクセスしたり、関数を呼び出したりします。この演算子を使用してアクセスするオブジェクトまたは呼び出される関数が undefined または null の場合、エラーが発生することなく、式が途中で終了し、undefined と評価されます。
PhobosLab
Decode It Like It's 1999 A few years ago I started to work on an MPEG1 Video decoder, completely written in JavaScript. Now, I finally found the time to clean up the library, improve its performance, make it more error resilient and modular and add an MP2 Audio decoder and MPEG-TS demuxer. This makes this library not just an MPEG decoder, but a full video player. In this blog post I want to talk a
一定時間で画像を切り換える
赤字：JavaScriptの命令や重要なタグ／青字：用途に応じて変更する部分／緑字：変更可能な変数名やユーザー関数名 戻る 実例 例文 <img src="ita.gif" name="sushi"> <script type="text/javascript"> img = new Array("ita.gif","ikura.gif","ebi.gif","maguro.gif","toro.gif","uni.gif"); //*1 count = -1; //*2 imgTimer(); function imgTimer() { //画像番号 count++; //*3 //画像の枚数確認 if (count == img.length) count = 0; //*4 //画像出力 document.sushi.src = img[count]; //*5 //次のタイマー呼び
DeNA開発、高速なJavascriptコードを生成できる新言語「jsx」への反応まとめ - Togetter
Kazuho Oku @kazuho 公開ed！ ウェブブラウザ上で JavaScript より速く動作するプログラミング言語です。よろしくお願いします m(__)m / “JSX - a faster, safer, easier alternative to Java…” http://t.co/UdsmdvI3 2012-05-31 07:52:09 Takuto Wada @t_wada DeNA が開発したオブジェクト指向、静的型付け、(ほとんど)型安全なプログラミング言語。コンパイルすると JavaScript が生成される。ライセンスは MIT. / “JSX - a faster, safer, easier …” http://t.co/eONyUpS8 2012-05-31 08:15:41
Rhinoの高速化
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
microsoft-authentication-library-for-js/samples/msal-browser-samples/ChromiumExtensionSample at dev · AzureAD/microsoft-authentication-library-for-js
How to scrape YouTube transcripts with node.js in 2025 | ScrapeCreators Blog
JavaScript: 通常の関数とアロー関数の違いは「書き方だけ」ではない。異なる性質が10個ほどある。 - Qiita
async関数においてtry/catchではなくawait/catchパターンを活用する - Qiita
Edge target arrows not working in Cytoscape.js >=2.7.0
Can't kill some streams if there are multiple users. · Issue #73 · k-yle/rtsp-relay
Regexper
https://groups.google.com/forum/#!topic/mozilla.dev.tech.js-engine.rhino/ucpZ9EpNa0A
InvokeDynamic と Javascript - 新コンパイラ Dyn.js と Oracle Nashorn，Rhino
