https://b.hatena.ne.jp/oppara/JavaScript/ JavaScriptに関するopparaのはてなブックマーク (565) https://ift.tt/jy1DELA oppara 2023-05-18T03:02:37Z javascript sec 1 <blockquote cite="https://ift.tt/jy1DELA" title="JavaScriptの1msは4ms - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2Fjy1DELA" alt="" /> <a href="https://ift.tt/jy1DELA">JavaScriptの1msは4ms - Qiita</a></cite><p><a href="https://ift.tt/jy1DELA"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/034ab07f273e6849e90c630019f1e00f1384aa93/backend=imagemagick;height=90;version=1;width=120/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTEyNzI1JTJGcHJvZmlsZS1pbWFnZXMlMkYxNDc3MDEyODAxP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1hZjc3M2U5ODk0MGYxODE0MDdlY2EzODdlZGU5YTg4YQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc2b4f4526d91fa710b694ddfb520f146%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBRTFtcyVFMyU4MSVBRjRtcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPThjYzU4NGE1NDViZWFlYmI4NTQ3ZTFiMDI3OTExY2Fm%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzdWV0YWtlJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MWIyN2E1NTcyNDk4Yzg0NmIyZDQ4OWJiMDQ1MDNiYTU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D677b2408871d47028e6615221b704a62" alt="JavaScriptの1msは4ms - Qiita" title="JavaScriptの1msは4ms - Qiita" class="entry-image" /></a></p><p>見ての通り、上記のコードは第一引数に渡した関数が1ms後に実行されることを期待して書かれていますが、実際にこれを実行すると4ms以上の遅延が発生する可能性があります。 これは、JavaScriptエンジンの実装によって、4ms以下の設定値は4msに矯正するという処理が行われているためです。 ※追記）厳密には上記処理のみを...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/jy1DELA"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/jy1DELA" alt="はてなブックマーク - JavaScriptの1msは4ms - Qiita" title="はてなブックマーク - JavaScriptの1msは4ms - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/jy1DELA"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/Z78jRBS oppara 2023-05-01T09:02:36Z javascript mjs esm 1 <blockquote cite="https://ift.tt/Z78jRBS" title=".mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FZ78jRBS" alt="" /> <a href="https://ift.tt/Z78jRBS">.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io</a></cite><p><a href="https://ift.tt/Z78jRBS"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6ac3f814cb7ad70763fac8f8c74532394a715f80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.jxck.io%2Fassets%2Fimg%2Fjxck.600x600.png" alt=".mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io" title=".mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io" class="entry-image" /></a></p><p>Intro 長いこと議論になっていた ES Modules の Node における扱いに一応の決着が付き、.mjs という拡張子が採択された。 この拡張子の意味と、今後ブラウザと合わせて Universal JS を実装していく上での作法が見えてきたことになる。 合わせてエコシステムが対応していくことで、長年の夢だった JS のモジュール化を進...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/Z78jRBS"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/Z78jRBS" alt="はてなブックマーク - .mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io" title="はてなブックマーク - .mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/Z78jRBS"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/qOSkUPx oppara 2023-03-11T12:02:37Z javascript clipboard 1 <blockquote cite="https://ift.tt/qOSkUPx" title="Detect the Content Type in the Clipboard"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FqOSkUPx" alt="" /> <a href="https://ift.tt/qOSkUPx">Detect the Content Type in the Clipboard</a></cite><p><a href="https://ift.tt/qOSkUPx"><img src="" alt="Detect the Content Type in the Clipboard" title="Detect the Content Type in the Clipboard" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/qOSkUPx"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/qOSkUPx" alt="はてなブックマーク - Detect the Content Type in the Clipboard" title="はてなブックマーク - Detect the Content Type in the Clipboard" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/qOSkUPx"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/8ICojOl oppara 2023-02-03T03:02:37Z s3 presigned aws javascript 1 <blockquote cite="https://ift.tt/8ICojOl" title="PresignedURLを使用してデバイスにファイルを配信する | DevelopersIO"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2F8ICojOl" alt="" /> <a href="https://ift.tt/8ICojOl">PresignedURLを使用してデバイスにファイルを配信する | DevelopersIO</a></cite><p><a href="https://ift.tt/8ICojOl"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6f5562cab5df8d76d2dcb4204a38ea32db446546/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Famazon-s3.png" alt="PresignedURLを使用してデバイスにファイルを配信する | DevelopersIO" title="PresignedURLを使用してデバイスにファイルを配信する | DevelopersIO" class="entry-image" /></a></p><p>AWS SDK for JavaScript v3を使用して、PUT用およびGET用のPresigned URLを発行する方法について書きました。 こんにちは。CX事業本部Delivery部サーバーサイドチームの木村です。 概要 システムの管理者等がデバイスへ向けて、設定ファイルやファームウェアなどを送りたい場合があると思います。 MQTTベースのファイル...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/8ICojOl"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/8ICojOl" alt="はてなブックマーク - PresignedURLを使用してデバイスにファイルを配信する | DevelopersIO" title="はてなブックマーク - PresignedURLを使用してデバイスにファイルを配信する | DevelopersIO" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/8ICojOl"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://bun.com/ oppara 2023-01-24T18:02:37Z bun javascript 143 <blockquote cite="https://bun.com/" title="Bun — A fast all-in-one JavaScript runtime"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbun.com%2F" alt="" /> <a href="https://bun.com/">Bun — A fast all-in-one JavaScript runtime</a></cite><p><a href="https://bun.com/"><img src="" alt="Bun — A fast all-in-one JavaScript runtime" title="Bun — A fast all-in-one JavaScript runtime" class="entry-image" /></a></p><p>Render Markdown in the terminal with bun ./file.md, Bun.WebView headless browser automation, in-process Bun.cron() scheduler, async stack traces... 4 MB smaller on Linux. x64 Bun.cron for OS-level cron jobs and expression parsing, Bun.sliceAnsi for ANSI/grapheme-aware string slicing, richer ...</p><p><a href="https://b.hatena.ne.jp/entry/s/bun.com/"><img src="https://b.hatena.ne.jp/entry/image/https://bun.com/" alt="はてなブックマーク - Bun — A fast all-in-one JavaScript runtime" title="はてなブックマーク - Bun — A fast all-in-one JavaScript runtime" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bun.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/7H5a8rX oppara 2023-01-23T15:02:36Z javascript map 1 <blockquote cite="https://ift.tt/7H5a8rX" title="OpenStreetMapとNominatim APIで行政区の境界線を取得する - Sweet Escape"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2F7H5a8rX" alt="" /> <a href="https://ift.tt/7H5a8rX">OpenStreetMapとNominatim APIで行政区の境界線を取得する - Sweet Escape</a></cite><p><a href="https://ift.tt/7H5a8rX"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e804ab808c95b793a20c9f32a44c0062ef06ca68/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff7675cad2e068781cd1363e68335f34bffe7e73f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn.blog.st-hatena.com%252Fimages%252Ftheme%252Fog-image-1500.png" alt="OpenStreetMapとNominatim APIで行政区の境界線を取得する - Sweet Escape" title="OpenStreetMapとNominatim APIで行政区の境界線を取得する - Sweet Escape" class="entry-image" /></a></p><p>市や区の境界線の座標情報をJavaScriptで取得したいと思ったのでそのメモ。 今回はOpenStreetMap(OSM)を使ってやる。 OSMにはNominatimというものがあり、これが住所によるOSMのデータ検索やその逆を提供してくれます。詳細はこちら。 JA:Nominatim - OpenStreetMap Wiki このサイトで実際に試すこともできます。 Nomina...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/7H5a8rX"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/7H5a8rX" alt="はてなブックマーク - OpenStreetMapとNominatim APIで行政区の境界線を取得する - Sweet Escape" title="はてなブックマーク - OpenStreetMapとNominatim APIで行政区の境界線を取得する - Sweet Escape" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/7H5a8rX"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/GZzgQc8 oppara 2023-01-20T18:02:36Z fetch javascript timeout 1 <blockquote cite="https://ift.tt/GZzgQc8" title="fetch with Timeout"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FGZzgQc8" alt="" /> <a href="https://ift.tt/GZzgQc8">fetch with Timeout</a></cite><p><a href="https://ift.tt/GZzgQc8"><img src="" alt="fetch with Timeout" title="fetch with Timeout" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/GZzgQc8"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/GZzgQc8" alt="はてなブックマーク - fetch with Timeout" title="はてなブックマーク - fetch with Timeout" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/GZzgQc8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/4uqJlva oppara 2023-01-11T15:02:36Z javascript date 1 <blockquote cite="https://ift.tt/4uqJlva" title="moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2F4uqJlva" alt="" /> <a href="https://ift.tt/4uqJlva">moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita</a></cite><p><a href="https://ift.tt/4uqJlva"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/62c68a182ff0290c860807d82bca089e47da9712/backend=imagemagick;height=90;version=1;width=120/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTI0MTklMkZwcm9maWxlLWltYWdlcyUyRjE1MzMxODM0MTI_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWFlOTlkZjRlZTZjZWRiZDhmOTY1ZjQwOTMwYmJhNjI0%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dd717edd1523b42c354069eb89057664c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9bW9tZW50LmpzJUUzJTgzJUJCZGF5LmpzJTIwJUUzJTgyJTg4JUUzJTgyJThBJUUzJTgyJTgyJUU5JTgwJTlGJUUzJTgxJThGJUUzJTgxJUE2JUU4JUJCJUJEJUUzJTgxJTg0JTIwY2RhdGUlMjAlRTMlODMlQTklRTMlODIlQTQlRTMlODMlOTYlRTMlODMlQTklRTMlODMlQUEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yYzhlMGIwYzU3ZmE1ODExMjg3NGNmNDI3MDdlMzEyMA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrYXdhbmV0JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MmRmNTk2ZDFjZjE4ZDdhOWMyM2ZlYzM3ODZkNDIzMWU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db5b1c2d9bbb381cb804b11ade25a46e1" alt="moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita" title="moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita" class="entry-image" /></a></p><p>moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format(&quot;YYYY-MM-DD HH:mm:ss&quot;) 出力フォーマットに対応 strftime と同じ ...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/4uqJlva"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/4uqJlva" alt="はてなブックマーク - moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita" title="はてなブックマーク - moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/4uqJlva"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/iAzg4TC oppara 2023-01-10T15:02:36Z javascript validation 1 <blockquote cite="https://ift.tt/iAzg4TC" title="Customizing HTML Form Validation"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FiAzg4TC" alt="" /> <a href="https://ift.tt/iAzg4TC">Customizing HTML Form Validation</a></cite><p><a href="https://ift.tt/iAzg4TC"><img src="" alt="Customizing HTML Form Validation" title="Customizing HTML Form Validation" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/iAzg4TC"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/iAzg4TC" alt="はてなブックマーク - Customizing HTML Form Validation" title="はてなブックマーク - Customizing HTML Form Validation" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/iAzg4TC"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/jxGJlBc oppara 2023-01-01T15:02:36Z print javascript event 1 <blockquote cite="https://ift.tt/jxGJlBc" title="JavaScript print Events"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FjxGJlBc" alt="" /> <a href="https://ift.tt/jxGJlBc">JavaScript print Events</a></cite><p><a href="https://ift.tt/jxGJlBc"><img src="" alt="JavaScript print Events" title="JavaScript print Events" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/jxGJlBc"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/jxGJlBc" alt="はてなブックマーク - JavaScript print Events" title="はてなブックマーク - JavaScript print Events" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/jxGJlBc"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/XkCbDGq oppara 2022-12-26T09:02:36Z javascript url security 1 <blockquote cite="https://ift.tt/XkCbDGq" title="第4回　URLとオリジン | gihyo.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FXkCbDGq" alt="" /> <a href="https://ift.tt/XkCbDGq">第4回　URLとオリジン | gihyo.jp</a></cite><p><a href="https://ift.tt/XkCbDGq"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/32b73547dfd9930bf4b0142648d3dd8f511c89b9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2016%2F1490_javascript-security.png" alt="第4回　URLとオリジン | gihyo.jp" title="第4回　URLとオリジン | gihyo.jp" class="entry-image" /></a></p><p>URLは、Webブラウジングを開始するという意味でも、Webに関連する技術の入り口という意味でも、Webにおける起点そのものです。 攻撃者の視点から見ると、多くの場合、URLは攻撃者自身によってコントロール可能です。その複雑な構造から、プログラム内でURLをデータとして取り扱う際にまちがいが発生しやすく、セキュリテ...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/XkCbDGq"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/XkCbDGq" alt="はてなブックマーク - 第4回　URLとオリジン | gihyo.jp" title="はてなブックマーク - 第4回　URLとオリジン | gihyo.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/XkCbDGq"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/i8euZED oppara 2022-12-26T06:02:37Z vr javascript 1 <blockquote cite="https://ift.tt/i8euZED" title="360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2Fi8euZED" alt="" /> <a href="https://ift.tt/i8euZED">360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス</a></cite><p><a href="https://ift.tt/i8euZED"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5f9fff70c9348fffdb662f19e7b243d84ea81d25/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.mitsue.co.jp%2Fassets%2Fimg%2Fog%2Fimg-default.png" alt="360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス" title="360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス" class="entry-image" /></a></p><p>VR元年と呼ばれた2016年から早くも1年が経過し現在では多くのVRコンテンツが提供されています。その中でも比較的簡単に導入できるコンテンツとして360度動画があります。今ではRICHOのTHETAやハコスコのinsta360を使えば簡単に360度動画を撮影しSNSでシェアすることが可能です。今回は360度動画をWebページに埋め込みブ...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/i8euZED"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/i8euZED" alt="はてなブックマーク - 360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス" title="はてなブックマーク - 360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/i8euZED"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/Q3the5y oppara 2022-11-21T18:02:37Z javascript tips 1 <blockquote cite="https://ift.tt/Q3the5y" title="JavaScript イディオム集"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FQ3the5y" alt="" /> <a href="https://ift.tt/Q3the5y">JavaScript イディオム集</a></cite><p><a href="https://ift.tt/Q3the5y"><img src="" alt="JavaScript イディオム集" title="JavaScript イディオム集" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/Q3the5y"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/Q3the5y" alt="はてなブックマーク - JavaScript イディオム集" title="はてなブックマーク - JavaScript イディオム集" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/Q3the5y"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/cqK2i8n oppara 2022-11-21T15:02:36Z javascript setimeout 1 <blockquote cite="https://ift.tt/cqK2i8n" title="setTimeout を完璧に理解する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FcqK2i8n" alt="" /> <a href="https://ift.tt/cqK2i8n">setTimeout を完璧に理解する</a></cite><p><a href="https://ift.tt/cqK2i8n"><img src="" alt="setTimeout を完璧に理解する" title="setTimeout を完璧に理解する" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/cqK2i8n"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/cqK2i8n" alt="はてなブックマーク - setTimeout を完璧に理解する" title="はてなブックマーク - setTimeout を完璧に理解する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/cqK2i8n"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/j8VlwdW oppara 2022-10-29T09:02:35Z event javascript 1 <blockquote cite="https://ift.tt/j8VlwdW" title="イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2Fj8VlwdW" alt="" /> <a href="https://ift.tt/j8VlwdW">イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理</a></cite><p><a href="https://ift.tt/j8VlwdW"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9a765663338c218c43a202a20ee327631587dddb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--gGWFApRI--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci83Nzk2NzM2NzEwLnBuZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理" title="イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理" class="entry-image" /></a></p><p>JavaScript の非同期処理は非常に難しく、その難しさの原因は「制御の流れ」が掴みづらいことにあります。 この本では非同期処理を理解するために必要な概念であり、仕組みでもあるイベントループでプロミスチェーンの処理がどのように行われるかをクイズ形式で学ぶことによって、非同期処理の「制御の流れ」を掴めるよ...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/j8VlwdW"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/j8VlwdW" alt="はてなブックマーク - イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理" title="はてなブックマーク - イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/j8VlwdW"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/RvSCo2T oppara 2022-10-28T09:02:36Z javascript unicode 1 <blockquote cite="https://ift.tt/RvSCo2T" title="GitHub - sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FRvSCo2T" alt="" /> <a href="https://ift.tt/RvSCo2T">GitHub - sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library</a></cite><p><a href="https://ift.tt/RvSCo2T"><img src="" alt="GitHub - sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library" title="GitHub - sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/RvSCo2T"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/RvSCo2T" alt="はてなブックマーク - GitHub - sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library" title="はてなブックマーク - GitHub - sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/RvSCo2T"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/6YTwEDs oppara 2022-10-14T00:02:37Z javascript rust 1 <blockquote cite="https://ift.tt/6YTwEDs" title="Rust Is Eating JavaScript | Lee Robinson"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2F6YTwEDs" alt="" /> <a href="https://ift.tt/6YTwEDs">Rust Is Eating JavaScript | Lee Robinson</a></cite><p><a href="https://ift.tt/6YTwEDs"><img src="" alt="Rust Is Eating JavaScript | Lee Robinson" title="Rust Is Eating JavaScript | Lee Robinson" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/6YTwEDs"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/6YTwEDs" alt="はてなブックマーク - Rust Is Eating JavaScript | Lee Robinson" title="はてなブックマーク - Rust Is Eating JavaScript | Lee Robinson" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/6YTwEDs"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/ojbNLJ8 oppara 2022-10-01T21:02:36Z hatena javascript test tool 1 <blockquote cite="https://ift.tt/ojbNLJ8" title="はてなブログで使われているフロントエンドのテストツールを統一した話 - Hatena Developer Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FojbNLJ8" alt="" /> <a href="https://ift.tt/ojbNLJ8">はてなブログで使われているフロントエンドのテストツールを統一した話 - Hatena Developer Blog</a></cite><p><a href="https://ift.tt/ojbNLJ8"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9143beba7a20efacab5a3739459692ea8109379f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F905d3f368ba37b934382cadc2a9f8de1f1a177e0%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fw%252Fwafuwafu13%252F20220824%252F20220824093030.png" alt="はてなブログで使われているフロントエンドのテストツールを統一した話 - Hatena Developer Blog" title="はてなブログで使われているフロントエンドのテストツールを統一した話 - Hatena Developer Blog" class="entry-image" /></a></p><p>はてなでエンジニアアルバイトをしているid:wafuwafu13です。はてなブログのフロントエンドで使われているテストツールの統一を2021年11月頃から進めてきましたが、この8月に完了したので振り返りたいと思います。 はてなブログのフロントエンドに残された秩序の乱れ テストツールを統一する理由とツールの選定 移行をど...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/ojbNLJ8"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/ojbNLJ8" alt="はてなブックマーク - はてなブログで使われているフロントエンドのテストツールを統一した話 - Hatena Developer Blog" title="はてなブックマーク - はてなブログで使われているフロントエンドのテストツールを統一した話 - Hatena Developer Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/ojbNLJ8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/IW3wh7y oppara 2022-09-16T03:02:36Z javascript memory leak 1 <blockquote cite="https://ift.tt/IW3wh7y" title="memlab"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FIW3wh7y" alt="" /> <a href="https://ift.tt/IW3wh7y">memlab</a></cite><p><a href="https://ift.tt/IW3wh7y"><img src="" alt="memlab" title="memlab" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/IW3wh7y"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/IW3wh7y" alt="はてなブックマーク - memlab" title="はてなブックマーク - memlab" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/IW3wh7y"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ift.tt/RSu3cae oppara 2022-08-26T18:02:33Z javascript encoding 1 <blockquote cite="https://ift.tt/RSu3cae" title="encoding.js を利用して Shift_JIS の CSV ファイルを SheetJS で取り込んでみた | DevelopersIO"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fift.tt%2FRSu3cae" alt="" /> <a href="https://ift.tt/RSu3cae">encoding.js を利用して Shift_JIS の CSV ファイルを SheetJS で取り込んでみた | DevelopersIO</a></cite><p><a href="https://ift.tt/RSu3cae"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6cb7424622dfd9a4dc2c0492b3c60ea82b36855c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F10%2Fmicrosoft-excel-1200x630.jpg" alt="encoding.js を利用して Shift_JIS の CSV ファイルを SheetJS で取り込んでみた | DevelopersIO" title="encoding.js を利用して Shift_JIS の CSV ファイルを SheetJS で取り込んでみた | DevelopersIO" class="entry-image" /></a></p><p>こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 SheetJSはExcelデータを扱えるJavaScriptライブラリなのですが、実はCSVファイルも読み込むことが出来ます。 一方で、単純に扱えるCSVファイルは「文字コードをUTF8として保存したCSVファイル」となり、それ以外の文字コードでは文...</p><p><a href="https://b.hatena.ne.jp/entry/s/ift.tt/RSu3cae"><img src="https://b.hatena.ne.jp/entry/image/https://ift.tt/RSu3cae" alt="はてなブックマーク - encoding.js を利用して Shift_JIS の CSV ファイルを SheetJS で取り込んでみた | DevelopersIO" title="はてなブックマーク - encoding.js を利用して Shift_JIS の CSV ファイルを SheetJS で取り込んでみた | DevelopersIO" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ift.tt/RSu3cae"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>