はじめに おばんです、肩こりと手首の腱鞘炎の悪化から Ergodox EZ という分割キーボードを買った田中です。購入のキメ手になったのはこれを買った同僚が居て、「Ergodoxは良いぞ」という噂を聞いていたところに、Black Fridayが重なったことでした。見た目もカッコよく、カスタマイズできるそうなので冬休みに楽しみます。 さて、今回はBase64でエンコードされたファイルをいかにしてS3にputObjectするとよいかというTipsを紹介します。今回はimageを取り扱いますが、データの扱いは他のファイル形式でも同じだと思うので、参考にしてみてください。 putObjectするのに必要なもの S3のパラメータに含める必要のあるデータには以下の三つがあります。このデータをいかにして用意するかを順を追って説明していきます。 Buffer ファイル拡張子(Keyに使う) Content

For the creation of RFC4122 UUIDs Complete - Support for RFC4122 version 1, 3, 4, and 5 UUIDs Cross-platform - Support for ... CommonJS, ECMAScript Modules and CDN builds NodeJS 12+ (LTS releases) Chrome, Safari, Firefox, Edge browsers Webpack and rollup.js module bundlers React Native / Expo Secure - Cryptographically-strong random values Small - Zero-dependency, small footprint, plays nice with

公開日: 2015/08/21 | 更新日: 2017/07/26 画像をbase64エンコードするツールです。ローカル環境で処理するため、画像を当サーバーにアップロードする必要がありません。 ヒント使い方左側(スマホの場合は上)の画像フォームに、base64エンコードしたい画像をセットして下さい。フォームをクリックすると、画像を選択できます。デスクトップPCをお使いの人は、ドラッグ&ドロップでも大丈夫です。画像を選択すると、右側(スマホの場合は下)のフォームに、その画像をbase64エンコードした結果が表示されます。このコードをそのまま、例えば、imgタグのsrc要素に指定すると、画像を表示させることができます。処理は全てローカルで行なわれます。従って、サーバーに画像がアップロードされることはないので、ご安心下さい。注意事項1MB以上の巨大なサイズの場合、出力結果のコードをコピーするまで

WebAPI を開発していると、ファイルを扱いたい場面に出くわすこともあると思います。 ただ、いざ WebAPI にファイルアップロードの仕組みを入れようとすると、いまいちしっくり来る方法がわからず、悩んだりするのではないでしょうか。 今回は実サービスの例を踏まえつつ、どのような方法が使われていて、何がベストプラクティスなのかを検討しようと思います。 ファイルの送信方法 モダンな RESTful WebAPI では、だいたい JSON でデータがやりとりされていると思いますが、この中にファイルの概念を入れようとすると、特に Input（ファイル送信）のやり方に悩むのではないかと思います。 世の中の WebAPI をざっと見てみると、ファイル送信については主に「multipart/form-data」と「Base64 エンコード」のどちらかが使われていることがわかります。 では、それぞれの特

やろうとしていること。 API Gateway を使って POST リクエストを受け付けるエンドポイントを作成する。 POST リクエストのボディには PNG 画像が base64 エンコードされた文字列が含まれる。 投げられたリクエストは lambda で処理される。 PNG 画像の base64 文字列は binary に変換 {自動作成したUUID}.pngという名前で s3 に保存 作業 s3 バケットを作成する。 aws のコンソール上からサービス-> s3 を選択 適当な名前でバケットを作成する。 今回は権限変更の必要なし。（バケットの内容を外部公開したいなら必要） 作成したバケットの名前は覚えておく。 lambda でリクエストボディに入力された関数を作成する。 aws のコンソールの上からサービス-> Lambda を選択 -関数の作成ボタンから関数を作成する。 下記内容を

ほとんどの最新の Web アプリケーションでは、クライアントがアプリケーションと対話する際に使用できる API を公開しています。 適切に設計された Web API には、次をサポートする目的があります。 プラットフォームの独立。 API の内部的な実装方法に関係なく、すべてのクライアントが API を呼び出すことができる必要があります。 そのためには、標準プロトコルを使用し、クライアントと Web サービスが交換するデータの形式に同意できるメカニズムを備えている必要があります。 サービスの進化。 Web API はクライアント アプリケーションから独立して進化し、機能を追加できる必要があります。 API の進化に伴い、既存のクライアント アプリケーションが変更なしに引き続き機能する必要があります。 クライアント アプリケーションが機能を十分に使用できるように、すべての機能が検出可能である

こんにちは、せーのです。今日はAPI Gatewayに追加された３つの新機能をご紹介します。 今回の新機能はいずれも「APIを簡単に、手早く作りたい」という方たち向けの機能となっております。3つもあるので実際にやってみながらご紹介することにします。 やってみた まずはAPIをひとつ作ります。 次にリソースを一つ作ります。 ここからが一つ目の新機能となります。 Catch-allパス変数 まず一つ目は「Catch-allパス変数」です。これは本来個別に規定されているAPIのパスをまとめて設定してしまう、というざっくり時短な機能です。 このように{proxy+}というパスを設定するとそのリソースより深いパスは全てここでキャッチしてくれます。上の例でいうと/test/{proxy+}となるので/test/1でも/test/seinoでも/test/seino/updateでも全てここで処理してく

はじめに AWS Toolkit for Visual Studio Codeがリリースされたので試してみます。 SAM localと連携していて、VSCodeからローカルテストやAWS環境へのデプロイで実施することが可能になります。 https://www.publickey1.jp/blog/19/aws_toolkit_for_visual_studio_codeaws_lmabda.html https://docs.aws.amazon.com/ja_jp/toolkit-for-vscode/latest/userguide/welcome.html 前提 MACでの作業を想定 awscliがインストールされていること aws-sam-cliがインストールされていること※pythonは3.6.4以上が必要 手順 AWS Toolkit for Visual Studio Cod