タグ

msh514のブックマーク (7,459)

  • pinia-plugin-persistedstate/docs/guide/config.md at main · prazdevs/pinia-plugin-persistedstate

  • Amazon SES で独自ドメインのメール受信設定 - Qiita

    Amazon SES で独自ドメインのメールを受信する 試験環境で色々作っていくにあたり、独自ドメインを入手して、独自ドメインのメールアドレス当てのメールを受信したいというケースがあると思います(私は結構ありますが皆さんどうなんですかね?(´・ω・`)) そんなときに使い捨てのメール環境があれば便利だと思います。ということで今回はAmazon SESで独自ドメインのメールを受信できる環境を構築していきたいと思います。 やりたいこと Freenomなどで取得した無料独自ドメインのメールアドレス向けのメールを受信できるようにしたい。 例えば、"admin@xxxxx.com" というメールアドレスへメールを、Amazon SESを使って受信したいというケースを想定しています 前提条件 独自ドメインは取得済み DNSはRoute53を利用する メールソフトは利用せず、メールデータファイルの拡張子

    Amazon SES で独自ドメインのメール受信設定 - Qiita
  • [新機能]Amazon SES でメール受信が出来るようになりました! | DevelopersIO

    ウィスキー、シガー、パイプをこよなく愛する大栗です。 先ほどAmazon SESのアップデートで、メール受信が可能になったので検証してみました。SESはメール送信専用のサービスでしたが、受信も出来るようになったので様々なユースケースに対応できるのではないかと思います。 2015/09/29 11:50 JST追記:Lambda Action、SNS Actionでメール文が取得できないことを記述 SESでメール受信 先日SendGridを使ってAPI GatewayLambdaでメール受信を行う方法について紹介しましたが、AWSサービスで可能になりました(息の短いブログだった、、、でも、シンプルなWebhookだったらSendGridの方が良いかもしれません)。 以下の図のように、受信専用のSESのSMTPエンドポイントでメールを受信して、後続処理を行えます。 試してみる 実際にSES

    [新機能]Amazon SES でメール受信が出来るようになりました! | DevelopersIO
  • [サンプルあり]AWS SESでメール受信を行い転送を行うプログラムの紹介 - グリーク通信

    どうも^^、大学生アルバイトのカニミソです。 メールアドレスで「@」の前部分に色々な文字が入る状態でメールを受信し、一律特定のアドレスに転送する機会がありました。 AWSのサービス群の中でSES、S3、Lambdaを組み合わせることで簡単に実現ができるとの情報があったので、実際にAWSのサービスを利用してこれを実現するまでの手順とlambda上で使用したソースコードについてまとめました! なお、システムの構成や設定手順は以下のサイトを参考にしています。AWSコンソール上での詳細な設定手順についてはここでは割愛しますので気になる方はこちらをご覧ください。 Forward Incoming Email to an External Destination やりたいこと いろいろなメールアドレスを大量に作成して(実際作成するわけではありませんが)、そこに来たメールをあるメールに一律転送することが

    [サンプルあり]AWS SESでメール受信を行い転送を行うプログラムの紹介 - グリーク通信
  • キャンプお役立ちPDF資料集 | ゴリラキャンプ部

    ゴリラキャンプ部で作成したキャンプお役立ち資料をPDFファイルで配布しております(^^) 下のバナーからダウンロードして是非ご活用ください♪ おすすめキャンプ用品リスト – キャンプの必需品とおすすめの道具をリストにまとめました >>はじめてのキャンプ おすすめ冬のキャンプ用品リスト – 持ち物リスト冬バージョン >>冬のキャンプの持ち物リスト おすすめ秋のキャンプ用品リスト – 持ち物リスト秋バージョン >>秋のキャンプの持ち物リスト おすすめ夏のキャンプ用品リスト – 持ち物リスト夏バージョン >>夏のキャンプの持ち物リスト おすすめ春のキャンプ用品リスト – 持ち物リスト春バージョン >>春のキャンプの持ち物リスト 冬の車中泊の持ち物リスト >>冬の車中泊の必需品 バイクでツーリングキャンプ持ち物リスト >>バイクでキャンプツーリング~荷物の積載方法と持ち物リスト 絶対忘れない!もや

    キャンプお役立ちPDF資料集 | ゴリラキャンプ部
  • https://www.inc.com/jason-aten/tim-cook-still-keeps-this-habit-he-learned-from-steve-jobs-why-every-leader-should-try-it.html

  • 冬のキャンプの持ち物リスト | ゴリラキャンプ部

    でも最近は、キャンプ場に電源サイトがあれば、寒さ対策でホットカーペットや電気ストーブを持って行くみたいよ

    冬のキャンプの持ち物リスト | ゴリラキャンプ部
  • 冬キャンプの持ち物リスト。買い揃えるべきベストバイアイテムをご紹介

    気温が低く、雨や雪など厳しい環境下で楽しむ「冬キャンプ」。冬のアウトドアを敬遠する方もいますが、寒い時期ならではの澄んだ空気や、みんなで暖を取りながら話す時間も醍醐味のひとつです。 しかし、安全に楽しむためには、ほかの季節よりも一層持ち物に気を配る必要があります。今回の記事では、冬キャンプに必要なアイテムを一挙にご紹介。冬キャンプにトライしたい方は、持ち物に不備がないか確認しておきましょう。 ※商品PRを含む記事です。当メディアはAmazonアソシエイト、楽天アフィリエイトを始めとした各種アフィリエイトプログラムに参加しています。当サービスの記事で紹介している商品を購入すると、売上の一部が弊社に還元されます。 By: coleman.co.jp 冬のキャンプ場は、街中よりもさらに気温が下がることが予想されるので、防寒対策は念入りにしておきましょう。せっかくのキャンプも、防寒対策を怠ると楽し

    冬キャンプの持ち物リスト。買い揃えるべきベストバイアイテムをご紹介
  • 冬キャンプは魅力いっぱい!寒さ対策や必需品、おすすめの服装や道具も徹底解説! - Arizine(アリジン)

    【キャンプ場スタッフ監修】冬キャンプにチャレンジしたい!初心者でもできる? 今回は、北海道キャンパーが、冬キャンプの必需品や寒さ対策やどんな服装をすればいいのか、おすすめのギアもあわせて徹底的に冬キャンプの魅力、冬キャンプで気をつけたいポイントも教えてくれます! 冬キャンプの寒さ対策を知って、安全快適に過ごしましょう!

  • Amazon EKS - Qiita

    1.Kubernetes(k8s)って 1-1 Kubernetes(k8s)とは Dockerなど番環境で実際に動かそうとすると、問題となる箇所があります。 複数のサーバホスト上で、リソースを確保して動かすにはどうしたらいいか。 ダウンタイムなくデプロイするにはどうしたらいいか。 負荷に応じてスケールアウト、インするにはどうしたらいいか。 そんな問題を解決するために提供されたのが、Kubernetesであり、 自動デプロイ、スケーリング、アプリ・コンテナの運用自動化のために設計されたオープンソースのプラットフォームです。 Kubernetesはこんなことができるオーケストレーションです。 機能 説明

    Amazon EKS - Qiita
  • Vue.js Piniaを使って状態管理(データの共有)を行ってみよう | アールエフェクト

    Piniaとは PiniaはVue用のState Managementライブラリで複数のコンポーネントでデータを共有するために利用することができます。アプリケーションの中にStoreという場所を準備しその中にコンポーネント間で共有の必要があるデータを保存していきます。またデータを保存するだけではなくデータを更新する機能も備えています。 Piniaによるデータ管理のイメージ Vueプロジェクトの作成 Piniaを利用するためにVueプロジェクトの作成を行います。文書ではViteでプロジェクトを作成後にnpmコマンドでpiniaのインストールを行います。 viteではなくnpm init vue@latestコマンドを利用するとプロジェクトの作成と同時にpiniaをインストールすることもできます。 Viteによるインストール npm init viteコマンドを実行してVueプロジェクト

    Vue.js Piniaを使って状態管理(データの共有)を行ってみよう | アールエフェクト
  • LocalStorage, sessionStorage

    Webストレージオブジェクト localStorage と sessionStorage では、キーバリューのペアをブラウザに保持することができます。 それらの興味深い点は、そのデータはページをリフレッシュしたり(sessionStorage の場合)、完全にブラウザを再起動しても(localStorage)生きていることです。後ほどすぐに見ていきます。 私たちは、すでに Cookie を持っています。なぜ追加のオブジェクトが必要なのでしょう? Cookie とは違い、Web ストレージオブジェクトはリクエスト毎にサーバへは送信されません。そのため、より多くのものを格納することができます。ほとんどのブラウザは少なくとも2MB以上のデータを許容し、その設定を行う方法を持っています。 サーバは HTTP ヘッダ経由でストレージオブジェクトを操作することはできません。JavaScript 内です

    LocalStorage, sessionStorage
  • X-Frame-Options について簡単に調べてみた - Qiita

    はじめに 最近担当している対応で、外部サイトから読み込んだhtmlページを iframe 内で表示しようとしたときに、X-Frame-Options というレスポンスヘッダーが無いと読み込みができないという事象に出くわしました。 X-Frame-Options は今まで扱ったことがなかったため、後学のために理解も兼ねて調べてみました。 X-Frame-Options とは X-Frame-Options - HTTP | MDN から引用します。 X-Frame-Options は HTTP のレスポンスヘッダーで、ブラウザーがページを <frame>, <iframe>, <embed>, <object> の中に表示することを許可するかどうかを示すために使用されます。 サイトはコンテンツが他のサイトに埋め込まれないよう保証することで、クリックジャッキング攻撃を防ぐために使用することがで

    X-Frame-Options について簡単に調べてみた - Qiita
  • localStorageの使い方・実例全9件!

    さてさて、この間公開したユーザビリティ!ページ移動してもVueの状態を保持する方法で少し触れましたがJavaScriptにはCookieのようにブラウザ内にデータを保管しておく機能があります。 そのため、例えば検索キーワードなどを保存しておけば、そのページに戻ってきたときに検索済みのページを見せたり、夜間モードの設定などをしておいて見た目を変更したりすることができるというわけです。 つまり、localStorageやsessionStorageと呼ばれる機能ですね。 そこで今回はこの機能の使い方を実例としてご紹介したいと思います。 ぜひ皆さんのお役に立てると嬉しいです😊✨ 開発環境: Google Chrome 78 ※ なお、基的な使い方は同じなのでlocalStorageを使って説明をします。localStorageとsessionStorageの違いはlocalStorageとs

    localStorageの使い方・実例全9件!
  • HTML5のLocal Storageを使ってはいけない(翻訳)|TechRacho by BPS株式会社

    概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す

    HTML5のLocal Storageを使ってはいけない(翻訳)|TechRacho by BPS株式会社
  • Web Storageとは-LocalStorage/SessionStorageの使い方- - Qiita

    ストレージの種類 ストレージには大きく分けて2種類ある。 Local Storage(ローカルストレージ) ブラウザを閉じてもデータを維持。 破棄にはJSでデータのクリアまたは、ブラウザキャシュ/ローカルのクリアが必要 Session Storage(セッションストレージ) ブラウザ(または、タブ)を閉じるとデータは破棄される。 ※一見するとLocal Storageのほうが良さそうに見るが注意点がある。 Local Storageは明示的にデータを消さない限りは、ストレージにデータが残るので、 思わぬバグを引き起こす可能性がある。 使用中のブラウザでweb storageが使えるかの確認 web storageは、すべてのブラウザで使用できるわけではございません。 こちらのページを参考にお使いのブラウザで使用できるか確認しましょう。 ストレージにデータを保存する/取得する ストレージを使

    Web Storageとは-LocalStorage/SessionStorageの使い方- - Qiita
  • Vue.jsエンジニアなら知っておきたいセキュリティー

    こんにちは kotamat です。 書いていたらほとんどVue.jsの話じゃなくなっちゃいましたが、SPAの構成において気をつけるセキュリティーに関して紹介したいと思います。 免責もちろんすべての脆弱性を網羅しているわけではないため、ここに紹介しているものをすべてやれば完全にセキュアというわけではありません。 簡易にTIPSを紹介するという目的となります。 DOM Based XSSVue.jsなどDOMを生成するフロントエンドのフレームワークを使うにあたって切っても切り離せない脆弱性の一つがこれでしょう。参考URL JavaScriptによって生成されるHTML DOMによって攻撃者が任意の実行されるJavaScriptコードを注入できるようになる脆弱性であり、攻撃を受けた被害者のブラウザで実行されてしまう事により、機微な情報の漏えい等が発生してしまう可能性のある問題をはらんでいます。

  • 異なるドメイン間でlocalstorageを共有する方法 - Qiita

    はじめに localStorageは基的に同じドメイン内(厳密にはポート番号なども一致している必要がある)でしか有効ではありませんが、postMessage API(Web Messaging API)を使用することでクロスドメインでも共有することができます。 調べてみても古い記事が多かったり、サンプルのコードが無かったりだったので自分用の備忘録も兼ねてやり方をご紹介します。 構成 【ドメインA】 ・localstorageのデータを持つ側。 ・ドメインBからの要求に応じてlocalstorageの操作を行う。 【ドメインB】 ・ドメインAに保存されているlocalstorageの値の参照や更新を要求する側。 (実際の動作確認はA側をGithub Pages、B側をローカルサーバーに置いた状態で行いました。) ドメインA側 ドメインB側からのメッセージをトリガーにlocalstorage

    異なるドメイン間でlocalstorageを共有する方法 - Qiita
  • サブドメインの異なるサービス間で cookie を共有する - Qiita

    https://www.nicovideo.jp // ニコニコ動画 https://live.nicovideo.jp // ニコニコ生放送 https://ch.nicovideo.jp // ニコニコチャンネル 例えば上記のように、異なるサブドメインにおいてもログインセッションなどのデータを共有したい場合があります。 セキュリティの都合上オリジン(<scheme>://<hostname>:<port>)の異なる場所と JavaScript 内でデータの送受信を行う場合はオリジン間リソース共有(CORS)の仕組みを利用する必要があります。 しかし、 CORS のような仕組みを信頼されうるサブドメインの違いだけで利用するのは面倒です。 今回は Cookie の仕様を用いて、データを共有出来るようにします。 要約 ;domain=example.com オプションを付けること。 doma

    サブドメインの異なるサービス間で cookie を共有する - Qiita
  • 【理解の6側面】「理解する」とは何か、説明できますか?

    「理解する」ってどういうこと? 「理解する」という現象を説明しろと言われたらどうしますか? 相手は小学生か中学生。好奇心旺盛で、濁した表現を嫌う子です。 ほとんどの人はできないと思います。 難しいです。 「理解する」という言葉を私たちは日常的に使いますが、理解に対する理解をあまりしていません。 今回は理解に関する考察の一つ、「理解の6側面」を紹介していきます。 すぐに役立つ内容ではないですが、知っておくと視点が増えるはずです。 理解の6側面とは? 「理解の6側面」はG. WigginsとJ. McTigheがその著書の中で示したものです。

    【理解の6側面】「理解する」とは何か、説明できますか?