SESとPythonでメールの送信者が文字化けしないようにする - Qiita
import boto3 from botocore.exceptions import ClientError # Replace sender@example.com with your "From" address. # This address must be verified with Amazon SES. SENDER = "テスト <hoge+sender@example.com>" # Replace recipient@example.com with a "To" address. If your account # is still in the sandbox, this address must be verified. RECIPIENT = "fuga@example.com" # If necessary, replace us-west-2 with t
React Hooks での form の扱い方 - Qiita
Hooks 出る前 (v16.7 まで) [key]: value という書き方 (ES2015以降) で、setState することで、input ごとに onChange のメソッドを作らなくてすんでた。 class InputForm extends React.Component { constructor(props) { super(props); this.state = { name: '', pass: '', }; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({ [event.target.name]: event.target.value
APIGatewayとS3＋CloudFront間のCORS問題の解決方法 - Qiita
APIGatewayとS3＋CloudFront間のCORS問題の解決方法 WEBアプリを開発していると、CORS(Cross-Origin Resource Sharing)の問題で詰む人も多いのでは？ 私もかなりハマったので、私の環境で解決した方法をメモとして残しておきます。 CORSってなに？ ブラウザが https://aaaa.com/ というサイトを表示中に https://bbbb.com/というサイトへのアクセスを制限するというもの。 よく使われる例としては、ブラウザがあるWEBページを表示する際に、APIで情報をとってくるパターン。このWEBページのドメインとAPIのドメインが異なる場合、CORSのでエラーとなってしまいます。 とまぁCORSの説明をしていると日が暮れるので、CORSに関してざっくりでも内容を知っている方向けに対応策を書いていきます。 参考：https:/
Serverless FrameworkでAPIGateway・Lambda・DynamoDBを構築する
Serverless FrameworkはAWS LambdaやAmazon APIGatewayなどを利用したサーバーレスなアプリケーションを構築や管理・デプロイするためのツールです。 今回はServerless Frameworkを用いてAPIGateway・Lambda・DynamoDBを構築し管理・デプロイします。 上記の3つのサービスを構築できれば、簡単なRESTAPIを作成することができます。 Serverless Frameworkを用いたLambdaの構築・デプロイは以下の記事で紹介しています。 今回はServerless Frameworkを用いたLambdaの構築とデプロイが完了している前提で進めていきます。 Serverless FrameworkでAWS Lambdaをデプロイ APIGatewayの構築 Serverless FrameworkではLambda関数
【AWS】CloudFrontのBehaviorsを使った分岐でハマったところ - Qiita
とりあえずメモレベルで残す 装飾とかまとめはまた別途書きます。 やりたかったこと Route53に登録したホストゾーンのドメインに対して、URLから判定してS3かAPIGatewayに飛ばす Default (*)の場合はS3（Staticページ）に飛ばす /api/*の場合はAPIGatewayに飛ばす ハマったところ APIGatewayのStageがdevを設定 CloudFrontのOriginsに設定したAPIGatewayの設定のOrigin Pathに/devを設定 CloudFrontのBehaviorsのPath Patternには/api/*されていた <cloud front path>/api/*でAPI叩いたら"message": "Missing Authentication Token"が返ってきた 原因 上記の設定だと、APIGatewayの/api/dev
【Auth0】ログイン画面を日本語化する - Qiita
はじめに Auth0のUniversal LoginにはClassicとNewの二つがありますがどちらもデフォルトだと英語が表示されます。 Classicの場合 Newの場合 今回はこれら二つのログイン画面の表記を日本語にしてみました。 Classicの場合 Universal LoginのCustomize Login PageをONにします。 すると、画面下部にhtmlを編集する画面が表示されるので、変数のlanguageに'ja'を設定します。 <!DOCTYPE html> <html> <head> ... </head> <body> ... <script> // Decode utf8 characters properly var config = JSON.parse(decodeURIComponent(escape(window.atob('@@config@@')
Serverless+SPAで超低費用な個人サービス構築のススメ - Qiita
Serverless+SPA構成 最近低費用でサービス運用できないかと、色々試してたのをまとめてみます。 Serverless構成だとEC2と比べて費用が安くなり、SPAであればルーティングがサーバ側制御ではないためS3のバケットに静的html、css、js、画像の配置にてサービス構築が可能となります。 SPAにはReactJSを採用してますが、Vue.jsやUnityとかのサービスでもいけると思います。 良い点ばかりではなく、デメリットも結構あるのでそれを考慮した上で導入しましょう。 個人でお金をかけたくなくてサービス運用したい場合などには良いかもしれません。 （Lambdaの無料枠＋アクセス量のみで計算される。ドメイン費込みでも月約$3程度） メリット ・ とにかく費用が安い ・ AWSの設定周りの変更だけでスケールする デメリット ・ 利用しているサービスが多いため、デプロイ時などの
React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita
この記事を読むと VSCodeを最適化することで、React開発効率が加速します。 関数コンポーネントの雛形が一瞬で出来る。しかもファイル名がそのままコンポーネント名になる ES6の作法に則った作法で自動でコード整形してくれる。どういう時に関数内の()が省略できるか等を覚えなくて良い useEffectの最適な第二引数を自動で補完してくれる コンポーネントのimport文を自動で挿入してくれる なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、React開発においてはもはやデファクトスタンダードです(長年愛用しているエディタがある方も、是非一度VSCodeを試してみてください)。 さて、VSCodeはそのままでも素晴らしいエディタです。しかし、使用するフレームワークや用途に応じて拡張機能を入れるとさらにその卓越した機能性を発揮します。VSCodeがなぜ世界中の
AWSだけで独自ドメインを取得して自分のWebページを公開するまで[画像で解説] 2018冬 - Qiita
直近で取得する機会がありましたので共有しておきます。 いつの間にかお名前どっとこむなどを利用せずに、AWSだけでドメインが取得できそのままRoute53に登録、全世界に公開できるようになっていました。AWSで完結させるやり方は、ドメイン料が業界最安値ではなくむしろ少し値張りしますが、非常に手軽ですばやく取得できるのでコスパは十分あると思います。 なにを今更記事ではありますが、しばらくAWSを触らなくなるかもしれないので備忘録も兼ねて2018年冬版として寄稿します この投稿はMake IT アドベントカレンダー2018年の12月1日分として投稿しています！ 明日12月2日は@fumihumi が寄稿を担当します！ この記事で行うこと Route53で独自ドメインを取得 DNSに登録 ブラウザから独自ドメインにアクセスし確認 前提 AWSに登録済みでアカウントを持っている 対象読者は初学者を意
![AWSだけで独自ドメインを取得して自分のWebページを公開するまで[画像で解説] 2018冬 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e8324b76f9aa0c9a99e81755e2124855aa10a56/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9QVdTJUUzJTgxJUEwJUUzJTgxJTkxJUUzJTgxJUE3JUU3JThCJUFDJUU4JTg3JUFBJUUzJTgzJTg5JUUzJTgzJUExJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgyJTkyJUU1JThGJTk2JUU1JUJFJTk3JUUzJTgxJTk3JUUzJTgxJUE2JUU4JTg3JUFBJUU1JTg4JTg2JUUzJTgxJUFFV2ViJUUzJTgzJTlBJUUzJTgzJUJDJUUzJTgyJUI4JUUzJTgyJTkyJUU1JTg1JUFDJUU5JTk2JThCJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgxJUJFJUUzJTgxJUE3JTVCJUU3JTk0JUJCJUU1JTgzJThGJUUzJTgxJUE3JUU4JUE3JUEzJUU4JUFBJUFDJTVEJTIwMjAxOCVFNSU4NiVBQyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NmFkNTQ1MjNiZjYxNDgzMjJiZGIyMjA2NjU4ZGZjMmI%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB5bXpranB4JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mMmU0NDZjNDc5MTQwYzc2NGJkMzUzZmRmYWRmZGI5Yg%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Dff1942520ec04d9eb3eb5691c441a1c4)
Mac Chromeでプライバシーブロックされ「詳細設定」からもページが表示できない - Qiita
個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！ β版リリース記念キャンペーン中です！ 10名様限定、抽選でお好きな技術本1冊プレゼント！ 🎉当選者にはメッセージ差し上げます(送付の際に住所はお聞きしません) 詳しくはこちらから↓ https://x.com/dokupro01/status/1796837336145436846 目的 MacのChromeにてWebページを表示中に「この接続ではプライバシーが保護されません」の画面にて「詳細設定」を開くも、「Google Chrome で処理できない暗号化された認証情報が返されたため、現在このウェブサイトにはアクセスできません。」と表示されページが表示できない時の解決方法をまとめる 本記事は同様の内容をはてなブログにもアップロードしたが
Reticulumをローカルで動かしてデプロイする - Qiita
Mozilla Hubsのサーバー「Reticulum」 Mozillaが提供するオープンソースのソーシャルVR「Hubs」のクライアント側は以前から触っているが、 認証周りを抜本的に改造したいなと思ったとき、 サーバー側のコードを見たい、触りたいと思った。 でもReticulumをローカルで動かしたりデプロイする方法は、 未だあまり実践されていない。 一応GitHubのReadMe記載の方法で以前試したが、上手く行かずissueを上げたところ、 本家っぽい人が解決してくれていた。 それに加えて、先日「Mozilla HubsのバックエンドサーバーReticulumを改造する方法」という記事も現れ、 ローカルで動かすだけでなく、それをAWSにデプロイする方法までセットで解決されてしまった！ありがたい。 今回はそれを実践したメモ。 そもそものHubsの設計を確認 英語だがこちらのGitHub
Elixir初心者がmix使う時に最低限必要そうなコマンド自分まとめ - Qiita
mixがんばる ElixirでプログラミングをすすめるにあたってElixirのプロジェクト管理ツールのmixは避けて通れないと思ってきたので「これはいるやろ」ってコマンドをまとめてみました。 環境 OS: macOS High Sierra 10.13.6 Elixir: % brew install elixirでインストール % iex --version Erlang/OTP 21 [erts-10.1.1] [source] [64-bit] [smp:4:4] [ds:4:4:10] [async-threads:1] [hipe] [dtrace] IEx 1.7.3 (compiled with Erlang/OTP 21) 概要 今のところ（2018.10.22時点）、mixのコマンドはコレだけでなんとかなりそうな予感。 mix new <プロジェクト名> mix deps
PyTorchでEarlyStoppingを実装する - Qiita
0.はじめに 今までKerasを使っていた人がいざpytorchを使うってなった際に、Kerasでは当たり前にあった機能がpytorchでは無い！というようなことに困惑することがあります。 KerasではcallbackとしてEarlyStoppingの機能が備わっていますが、Pytorchではデフォルトでこの機能は存在せず、自分で実装する必要があります。 今回はそれを実装したので共有しておきます。 参考：KerasのEarlyStopping 1.EarlyStoppingって何なのか？ 本記事を見るような方はすでにご存じかもしれませんが、一応説明します。 ・そもそも何Epoch学習を回せばいいのかなんて初見ではわからない ・Epoch数を重ねるたびにlossは下がるが、訓練データに過学習する可能性がある ・せっかくlossが下がっても、そのまま放置しすぎるとlossが上がっていってしま
UnityのRigidbodyとColliderで衝突判定 - Qiita
地面が落ちてしまう場合 Rigidbodyは物理演算で動作させるオブジェクトに設定する。壁や床はRigidbodyを付ける必要はない。 地面をすり抜けてしまう場合 アセットや変換したモデルがすり抜けてしまう場合はオブジェクトにColliderが設定されていないのが原因。重力で落下した物体が地面に着地するにはそれぞれに下記のコンポーネントが必要になる。 CubeやSphereなどのプリミティブには最初からColliderが付いている。 落下する物体 物体の形に応じたCollider 重力が設定されたRigidbody 受け止める地面 地面の形に応じたCollider すり抜けて落下していく物体にはPhysics > BoxColliderなどのコンポーネントを設定する。入れ子になっているオブジェクトの場合はそれぞれの子オブジェクトに指定するか、親オブジェクトに指定する。子オブジェクトにCol
AutoMLがすごいと聞いたので色々使って比べてみた - Qiita
○：良好 ▲：実施しているが、表示不能 △：一部可能 ×：実装されていない or 良好ではない ###4.2. Google/AutoML Tables 統計・機械学習に詳しくない方をターゲットにしていると感じました。 統計情報の表示画面・モデルの評価画面ともに説明が丁寧で、知識が少なくともある程度の結果を出せるように作られていると感じました。 一方、データの読み込みや処理などに癖が強いためこのサービスを含めたgoogle cloud platformへの知識は必要になりそうです 良い点 統計情報の表示画面が非常に優秀 ヘルプが充実しているため、モデルの評価が容易 悪い点 データ形式の制約が多い(行数1000行以上、分類ならクラスごとに20以上必要など) モデルの内部構造(採用した手法)が分からない 分析ページのサンプル画像 データの種類を自動判別してくれる他、欠損や固有値、各種統計情報を
SageMaker入門者向け - 資料リンク集 - - Qiita
AWSの機械学習マネジメントサービスであるSageMakerは、なかなかピンポイントで欲しい資料が出てこないので、まとめておく。 Amazon SageMaker の特徴 本番環境でMLシステムを運用していく際に、マネージド機能が真価を発揮する。 MLopsやMDLCを実現していくためのコンポーネント。 PoCのモデル開発だけでは、真の恩恵は得られない。 SageMaker 初級者から中級者への近道（個人の経験） 以下の要件での学習、前処理、推論を構築できれば、応用が効くレベルになっていると思う。 学習：カスタムコンテナで、学習スクリプトが複数ファイルになっている(独自util.pyを作成など）ケースを理解する。 ・dockerの理解 ・SageMakerの仕様の理解(/opt/ml/へのデータ展開、実行スクリプトの場所など） （オプション）前処理：前処理をSageMaker Proces
今話題の3Dファイル形式「glTF」でWebGLの表現力を高めよう！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は WebGL Advent Calendar 2016 の６日目の記事です。 ※glTFフォーマットの現在の最新バージョンは「glTF2.0」です。**本記事はglTF1.0について書かれた記事ですのでご注意を。1.0と2.0は互換性がなく、少なからず相違点があります。**glTF1.0のアセットは現在ほとんど流通していないため、本記事は参考程度にしてください。 glTF2.0に対応した記事はこちらになります。まだ未完成ですが随時加筆していきます。 はじめに 〜 glTFとは 〜 glTF (The GL Transmissi
VRヘッドセット（HMD）持っていなくてもNeosVRプログラミング：3D豆腐をブン回す - Qiita
この記事は「NeosVR reso Advent Calendar 2020」、および「NeosVR Advent Calendar 2020」の4日目です 昨日は、@kazu0617 さんの「Logixを用いた外部データの取得と活用（パンツパッチから）[HTTP GET String]」、および @FLICK さんの 「波紋【基礎練習】」でした NeosVRから現実世界に干渉し、生活や仕事をより良いものへと改変していくコミュニティ「NeosVR reso」のオーガナイザー、piacereです ご覧いただいて、ありがとうございます NeosVRは、VRヘッドセット（HMD）を持っていないと、使ったり、プログラミングすることができないVRプラットフォームだと思われていますが、実は、HMD無しで、ばっちりプログラミングができます それを体験していただけるような「3D豆腐をブン回す」までのプログ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Hooksの強制再レンダリング方法 - Qiita
ReactでFirebase Authenticationを使う - Qiita
