[Node.js][JavaScript]CryptoAPIの違いでハマったのでまとめ - Qiita
#Overview Node.jsはJavaScriptで書けるから、Webの中では"Write once, run anywhere"的な美味しいこともある。 しかし、各環境にbuiltinされているAPIを使ったときはそうはいかない時がある。 今回は暗号化のCryptoで不覚にも1日ハマったのでその記録を残しておく。 #Target reader Node.jsで暗号化したデータをブラウザで復号化したいと思っている方。 #Prerequisite AESの概要は理解していること。 今回はAES256-CBCを使用する。 記憶が正しければAES192はブラウザのAPIでサポートされていない旨のエラーが出たため。 #Body ##どうして片方のAPIで統一しないの？ これはいい質問だ。実際のところ、Node.jsのcryptoをブラウザで実行したことがある。 どうして採用されなかったのか？
![[Node.js][JavaScript]CryptoAPIの違いでハマったのでまとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/50e4d4864a6ecc0266066106c9775f3dc178eee5/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMzLmdpdGh1YnVzZXJjb250ZW50LmNvbSUyRnUlMkY0NDU2MjE2MSUzRnYlM0Q0P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTMxN2M1NDNlMTViYzMzNzYxMGMxZDg3NmY2ODY3ZmU0%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc92e47e263ae41e7faced8c44bb88503%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTm9kZS5qcyU1RCU1QkphdmFTY3JpcHQlNURDcnlwdG9BUEklRTMlODElQUUlRTklODElOTUlRTMlODElODQlRTMlODElQTclRTMlODMlOEYlRTMlODMlOUUlRTMlODElQTMlRTMlODElOUYlRTMlODElQUUlRTMlODElQTclRTMlODElQkUlRTMlODElQTglRTMlODIlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz02OGI2Y2Q3ZmMxOWEyMzQxNmEzMDQyZDBmM2VjOWU1Mw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBxcnVzYWRvcnomdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02NGNkNDUwMDJhYmIyYWNjMWViOTA2OGNkNDZiM2EyNQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D5602c526f38d32c8e73b7b890fb45d88)
Expressでファイルのアップロード(ミドルウェアにMulterモジュールを利用) | アールエフェクト
Express.js は、サーバーサイドのJavaScript上で構築することができるNode.jsのWebアプリケーションフレームワークです。バックエンドのサーバとしていろいろな用途で利用されますがファイルアップロード方法を知りたいという人も多いと思います。本文書はExpress.jsを使ってファイルをアップロードしたいけどどのように設定を行えばいいのかわからないという人向けの文書です。ファイルのアップロードはExpress.jsのmulterモジュールを使うことで簡単に行うことができ、バックエンドサーバ上にアップロードしたファイルを保存することができます。 Express.jsではmulter以外にもファイルアップロードを行うことができるモジュールが存在するのでその一つのexpress-fileuploadについても後半に動作確認を行っています。こちらのモジュールも簡単にファイルのアッ
Smooth image switching #2 - motion cues (drag left/ right, mouse or touch)
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Simple Swipe with Vanilla JavaScript | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I used to think implementing swipe gestures had to be very difficult, but I have recently found myself in a situation where I had to do it and discovered the reality is nowhere near as gloomy as I had imagined. This article is going to take you, step by step, through the implementation with the lea
Gio.js
Create a 3D global data visualization model with your own data in just four lines of javascript code
webpackのbundle後のJavaScriptのサイズを減らしている話 | リクルートテクノロジーズ メンバーズブログ
はじめに リクルートテクノロジーズに4月に新卒入社した 辻 健人です．GitHubではmaxmellonで活動しています． 7月より，やりとりも作成もラクになるシフト管理サービス「Airシフト」 のエンハンス開発を担当しています． 以前は，React製SPAのパフォーマンスチューニング実例という内容で記事を書きました． 今回は同じSPAにおいて，いかにwebpackが生成するJavaScriptのバンドルサイズを減らすかについて紹介していきます． webpackが，そもそも何のためのツールか，バンドルする理由などについては割愛させていただきます． そういった話は，こちらの記事 (Webpack の考え方について – mizchi’s blog) がわかりやすいと思います． Airシフトのアーキテクチャ Airシフトは，React-Reduxで開発されており，かつSSRを行っておりコードの大
Why I've stopped exporting defaults from my JavaScript modules - Human Who Codes
Last week, I tweeted something that got quite a few surprising responses: In 2019, one of the things I’m going to do is stop exporting things as default from my CommonJS/ES6 modules. Importing a default export has grown to feel like a guessing game where I have a 50/50 chance of being wrong each time. Is it a class? Is it a function? — Nicholas C. Zakas (@slicknet) January 12, 2019 {: .twitter-twe
[Javascript] input要素(file)で、ディレクトリを丸ごと選択する - YoheiM .NET
こんにちは、@yoheiMuneです。 今日はinputのfileタグで、ディレクトリを選択したり、その情報をJSで読み取ったりする方法をブログに書きたいと思います。 目次 inputのfileタグでディレクトリを指定可能にする 2017年2月現在ChromeとFirefox（バージョン50以上）で、<input type="file"/>でディレクトリ選択をすることができます。具体的には以下のようにwebkitdirectory属性を追加します。 <input id="file" type="file" name="upfile[]" webkitdirectory> これだけでディレクトリ選択ができるようになります、すごいですね。 Javascriptで内容を読み取る ディレクトリでファイル選択されたものは、以下のようにJSから読み取ることができます。 document.getElem
![[Javascript] input要素(file)で、ディレクトリを丸ごと選択する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bc3d4f6c03f1a1860052d0ff64147395a287d55/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F487.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wheelzoom
How can I use javascript split method using escape character?
Major and minor ticks · Issue #903 · plotly/plotly.js
GitHub - wakirin/Lightpick: (deprecated) Check out the new date picker easepick
Lightpick - Javascript date range picker - lightweight, no jQuery
Advanced Color Management in Vuetify.js with Nuxt.js
コントリビュートする — Vuetify
JST Clock
Editor.js
Vue.jsでhandsontableを使う - Qiita
https://bashooka.com/coding/10-best-javascript-spreadsheet-libraries/
Vuetify 1.5 => 2.0へのバージョン上げ対応でやったこと - nwtgck / Ryo Ota