2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO
初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2024年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのチュートリアル活用してますか？(挨拶 今回はAWSの初心者向けハンズオンコンテンツである基本的なウェブアプリケーションを構築するを2024年の現在版の手順としてまとめてみました。 このコンテンツはAWSのサーバレスなサービスを利用して、簡単にウェブアプリケーションを作成する体験ができるチュートリアルとなっており、登場するAWSの各サービスを理解するのにちょうどよい内容でした。しかし、リリースされてしばらく経っているのもあり、特に今回のAmplify Gen2リリースもあってだいぶ画面や操作方法などが変わってしまいました。 実現できる事自体は変わらないので、現時点でこのチュートリアルを初心者でも完
![2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/89d69da1ff63f03a6134b1ba08325495afbaf56e/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2024%2F06%2F000_basic_web_app.png)
突貫でおぼえるSPF、DKIM、DMARC | DevelopersIO
しばたです。 昨年10月にGoogle(Gmail)および米国Yahoo!においてスパム対策の強化がアナウンスされました。 この件に関してつい先日まで他人事でいたのですが、実は全然他人事では済まないことが発覚し突貫で知識を仕入れています。 アナウンスに対する具体的な対応策についてはこちらのZennの記事を見れば全部わかる感じです。 最高ですね。 また、メール送信にAmazon SESを使っている場合はAWSのブログを確認すると良いでしょう。 「これらの記事を読み解けば万事解決！」という感じではあるのですが、私自身が学んだなかで予め知っておくと良さそうに思えた点がいくつかありました。 本記事ではその辺を共有するのと、実際にAmazon SESの環境を作って動作確認をしたのでその結果も合わせて共有します。 はじめに覚えておくと良い基礎知識 Zennの記事でも詳細な解説がありますが、個人的に「最
Lambda: CloudWatch アラームで DB インスタンスを再起動する | DevelopersIO
こんにちは、ももんが大好きの小山です。きょうは、なんらかの理由によって接続数の増えすぎてしまった DB インスタンスを自動的に再起動する方法についてご紹介しようと思います。 目標 DB インスタンスの CloudWatch メトリクス「DB Connections」に対してアラームを設定し、アラームの SNS メッセージを Lambda で受け取ることによって DB インスタンスの再起動を実行します。 ビフォー アフター ステップ1: CloudWatch アラームの作成 Amazon RDS コンソールで設定したい DB インスタンスを見つけて、Show Monitoring をクリックします。 表示されたグラフの中から、DB Connections を選択しましょう。 右下の Create Alarm をクリックして... 赤枠の create topic をクリックして新しい SNS
AWS WAF で Bot からのアクセスを管理する Bot Control が利用可能になりました！ | DevelopersIO
AWS WAF で Bot からのアクセスを管理する Bot Control が利用可能になりました！ AWS WAF で Bot によるアクセスを可視化、ルールでの許可・拒否の制御を行う AWS WAF Bot Control が利用可能になりました！ 一般的で普及しているボットの可視性と制御のための AWS WAF ボットコントロールを発表 AWS WAF Bot Control 個人的に Bot には苦い思い出があるため、、これはよいのでは？！と早速やってみました！概要としては既に Amazon Web Services ブログ でも紹介されています。 新機能 – AWS WAF Bot Control でウェブサイトの不要なトラフィックを削減 この記事では、環境を整えるところから下記ドキュメントで、例として紹介されている 『 特定 Bot のみを許可する 』 シナリオをやってみます
AWS システム構築 非機能要件ヒアリングシートを公開してみた | DevelopersIO
こんにちは。 ご機嫌いかがでしょうか。 "No human labor is no human error" が大好きなネクストモード株式会社の吉井 亮です。 日本国内においても多くのシステムがクラウド上で稼働していることと思います。 俊敏性、拡張性、従量課金、IaS、セキュリティなどクラウドのメリットを享受しやすい所謂 SoE で多くの実績があるように感じます。 ここ1~2年は、社内基幹システム・情報システム、SoR 系のシステムのクラウド移行が本格化してきたというのが肌感覚であります。 クラウドでのシステムインフラ構築は従来のようにゼロから非機能要件定義を行っていくものではなく、ベストプラクティスをまず実装して少しずつ微調整を行っていくものと考えています。とはいえ、システムごとの要件は予め明らかにしておくことがインフラ構築においても重要になります。 クラウド上では出来ること出来ないこと
AWS再入門 AWS Elastic Beanstalk編 ｜ Developers.IO
はじめに よく訓練されたアップル信者、都元です。当エントリはDevelopers.IOで弊社AWSチームによる2015年アドベントカレンダー 『AWS サービス別 再入門アドベントカレンダー 2015』の13日目のエントリです。昨日12日目のエントリは梶の『Amazon Inspector』でした。 このアドベントカレンダーの企画は、普段AWSサービスについて最新のネタ・深い/細かいテーマを主に書き連ねてきたメンバーの手によって、今一度初心に返って、基本的な部分を見つめ直してみよう、解説してみようというコンセプトが含まれています。 本日13日目のテーマは『AWS Elastic Beanstalk』です。 目次 サービスの基本的な説明 サンプルアプリを起動してみよう カスタムアプリをデプロイしてみよう サービス利用のユースケース あわせて読みたい 公式情報 Developers.IO関連エ
AWSでお手軽デプロイ〜Elastic BeanstalkでLaravelアプリをデプロイしてみた | DevelopersIO
大阪オフィスのYui(@MayForBlue)です。 Elastic Beanstalk、よく聞くけど触ったことないしなんもわからん・・・だったので、公式チュートリアルを参考に、趣味で使っているLaravelを使ってアプリのデプロイをやってみました。 目次 Elastic Beanstalk とは Laravelアプリをデプロイしてみた 最後に Elastic Beanstalk とは インフラを意識せずにアプリケーションのデプロイ・管理ができるAWSのサービスです。 以下の図のように、一から環境を作る場合とElastic Beanstalkを使用した場合で管理が必要な部分が大きく変わります。 一から環境を作る場合 Elastic Beanstalkを使用した場合 （https://d1.awsstatic.com/webinars/jp/pdf/services/20170111_AWS
[2018年版] よく分かる！iOSアプリのリリース手順のまとめ | DevelopersIO
はじめに こんにちは。モバイルアプリサービス部の平屋です。 本記事では、iOSアプリをApp Storeへリリースする手順を解説していきます。 標準的なリリースフローに沿って「各工程で必要な作業」をまとめてありますので、リリース作業時の参考にしていただければと思います。 検証環境 macOS High Sierra 10.13.2 Xcode Version 9.2 (9C40b) 目次 リリース作業の概要 リリースフローについて アプリのステータスについて 1. アカウントや証明書を準備する 1.1 Apple IDを準備する 1.2 プロビジョニングプロファイルを準備する 2. アプリの基本情報を登録する 3. アプリの詳細情報を編集する 3.1 App情報 3.2 価格および配信状況 3.3 {バージョン番号} 提出準備中 4. アプリをアップロードする 5. アップロードされたアプ
![[2018年版] よく分かる！iOSアプリのリリース手順のまとめ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/345af85fa58540cacdc154ee9f64f0703ce9faf6/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F02%2Fapp_store_ios11.png)
これから iPhone アプリ開発に携わるのであれば覚えておきたい最低限のこと | DevelopersIO
iPhone アプリを作ってきて 私が iPhone アプリ開発を始めてからおよそ4年が経過しました。 その間に得た知見の一部を紹介致します。 この記事の対象読者は以下の方を想定しています。 これから iOS プログラミングを始めたい方 今まで本格的に iPhone アプリを作ってはいないけれども、興味がある方 開発の事はよくわからないけれども、アプリのプロモーションなどを担当している方 これから iPhone アプリ開発に携わるのであれば覚えておきたいこと 言語について モダンな書き方をする → Objective-C でもジェネリクスなどを積極的に使う 冗長な書き方をしない → [[Class alloc] init] は [Class new] と同等 Swift は GitHub の Release や Issue などを追う → オープンソースの活用 豊富なOSSを活用する →
AWS WAF を CloudFront の機能と組み合わせて使うときのポイント #reinvent | DevelopersIO
AWS WAF と CloudFront の組み合わせ AWS WAF は Amazon CloudFront と簡単に組み合わせて使うことができます。ACL を作成したときに1つ以上 Distribution を設定していれば、AWF は認可とブロック、または Web リクエストのカウントなどを開始できます。 …という以下のページを参考にしながら、CloudFront と組み合わせて使うとどうなるのか眺めていきたいと思います。 How AWS WAF Works with Amazon CloudFront Features - AWS WAF カスタムエラーページ Web リクエストをベースとする WAF によるブロックを指定した場合、CloudFront からは 403 エラーになります。CloudFront では、デフォルトでは次のようなエラーメッセージが設定されているので、WAF
[Swift] VVDocumenter-Xcode で Swift プロジェクトの API ドキュメントを記述する | DevelopersIO
VVDocumenter-Xcode VVDocumenter-Xcode は iOS アプリの API ドキュメントを効率的に書くための、一番有名な Xcode プラグインです。「///」と入力するだけで構文を自動入力してくれます。 Swift でも使えないかなぁ？と思って改めて Readme を読んでみたら次のような記述がありました。 Swift Support Yes, this plugin supports documentation for Swift now. Check this post from @mattt to see how to write the documentation for swift. By using VVDocumenter-Xcode, you can just type /// to make the magic happen. お！できるよ
![[Swift] VVDocumenter-Xcode で Swift プロジェクトの API ドキュメントを記述する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8795c64527cfaed8ded2bedc348e198965dbeb2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fswift.png)
[iOS] iPhoneアプリの初回起動時に表示したい「おもてなし」ライブラリ4選 | アドカレ2013 : SP #10 | DevelopersIO
EAIntroViewはウォークスルー画面を簡単に追加できるライブラリです。 ウォークスルー画面のページの数だけEAIntroPageインスタンスを作成します。作成したEAIntroPageインスタンスを使ってEAIntroViewインスタンスを作成し、表示したいViewに追加することでウォークスルー画面を表示できます。 表示が終了した時やページをめくった時はdelegate経由で知らせてもらえます。 ウォークスルーの1ページを構成するEAIntroPageインスタンスは以下のようにいくつか作成方法があるみたいです。 タイトル・文章・背景・タイトル画像を指定して作成 UIViewからの作成 Nibからの作成 GitHubからダウンロードできるサンプルプロジェクトは７種類のウォークスルーを確認できるようになっており、参考になるかと思います。 作成例 - (void)showIntroWith
![[iOS] iPhoneアプリの初回起動時に表示したい「おもてなし」ライブラリ4選 | アドカレ2013 : SP #10 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f4e8887182f27d6b3a88d5f1f2b269ee874208d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F12%2Fadvent_calendar_open_sp_10.png)
今さら聞けないXcodeのバージョン管理 Gitの基本的な使い方からGitHubへソースコードを公開するまで | DevelopersIO
今さらですがXcodeでGitを使ったバージョン管理の仕方をいろいろ調べたので調査結果をまとめたいと思います。調査した環境は以下になります。 Mac OS X 10.8 Mountain Lion Xcode 5.0 XcodeでのGitの使い方の記事なので、Gitって何？もしくは バージョン管理って何？という方は以下の記事を見た後でご覧ください。 ガチで5分で分かる分散型バージョン管理システムGit 目次 ローカルリポジトリ 準備：ローカルリポジトリの作成 ローカルリポジトリにコミットする ソースコードの変更を破棄する ローカルリポジトリの変更履歴を確認する 以前のバージョンとの差分を確認する リモートリポジトリ 準備：リモートリポジトリの作成 リモートリポジトリを複製する(Clone) リモートリポジトリを更新する(Push) リモートリポジトリから変更を取り込む(Pull) リモート
【Swift】iOS アプリ開発で使えるオススメのオープンソースライブラリまとめ
Swift で使えるオープンソースライブラリ 2014年は新言語 Swift が登場し、iOS アプリ開発者にとってはかなり印象深い年になったのではないでしょうか。Swift の登場以後、さまざまな取り組みが iOS アプリ開発者の中で行われ、その結果の1つとしてオープンソースライブラリもかなり増えました。 Swift で一から書かれたものもあれば、既存のものを Swift でも使えるようにアップデートしてくれているものもあります。ある意味、混沌としている現状では「じゃあいまから Swift で iOS アプリ開発するときに何を使えば良いの！？」といったことになりかねません。ということで、現在までに公開されている Swift で使えるオープンソースライブラリを目的別にまとめてみました。 Swift アドベントカレンダーのために書いた記事なので、タイトルには「Swift 時代の」としています
WordPressプラグインをクラス定義する方法 | DevelopersIO
WordPress プラグインをクラスで定義する方法を紹介します。 WordPressにない機能が欲しい場合や既存の機能を変更したい場合に、WordPressのコアプログラムに手を入れずにそれらを実現する方法の一つとして、ご存知の通りWordPress プラグインがあります。 WordPress プラグインを使いこなせば、簡単な表示内容の加工だけでなく、不動産管理、予約管理、ショッピングカートなど様々な機能をWordPressに付加することができます。 WordPress プラグインの作成から利用するまでの流れは非常に簡単で、wp-content/plugins/ディレクトリに標準プラグイン情報（単にPHPのコメント）を記載したPHPファイルを作成するだけで管理画面から使用できるようになります。 関数ベースのSampleプラグイン <?php /* Plugin Name: Sample
WP管理者必見！AWSで構築する新スケーラブルなWordPress構成〜CloudFront as Reverse Proxy | DevelopersIO
ちなみに、本来CloudFrontとELBは取捨選択するものではなく、両方を使うことでお互いの機能を補完することができます。今回のCloudFront as Reverse Proxy構成でも、Webサーバーの手前にELBを組み合わせることが可能です。 それでは、それぞれの機能について少し詳しく見ていきます。 CloudFrontのキャッシュ機能 CloudFrontの最低限の用語をここで押さえておきます。CloudFrontでは、元のコンテンツを持つWebサーバーをオリジン、オリジンへの振り分けルールをビヘイビアと呼びます。CloudFrontによるキャッシュ動作の流れを以下に示します。 初回アクセス クライアントがCloudFrontのキャッシュサーバー(エッジロケーション)にアクセス キャッシュサーバーは、ビヘイビアを確認しオリジン(WordPressのWebサーバー)にアクセス オ
Amazon EC2 Eメール送信ベストプラクティス | DevelopersIO
ども、大瀧です。 EC2からEメールを送るという案件、たくさんありますよね。そして結構な確率でトラブるんですよね(涙目)。そんな苦い経験をベストプラクティスとしてまとめてみました。一応技術的なところは網羅したつもりですが、メールセキュリティの専門ではないので、不備や間違いがあればご指摘ください。 では、メール送信トラブルの元凶である、スパムメールとその対策からご紹介していきます。 スパムメールとの闘いダイジェスト Eメールの歴史は、スパムメールとの闘いの歴史と言えます。 不特定多数に送信されるスパムメール(未承諾の広告メール)は、メール受信者に不快な思いをさせるとともに、メールサーバーのメール流量を爆発的に増加させ、長らくメールサーバー管理者を泣かせてきました。 このスパムメールをなんとか撃退しようと、現在では主に以下のような対策が行われています。 1. 送信メールサーバー側のネットワーク
[AWS] ブラウザからダイレクトで S3 に画像をアップロードする | DevelopersIO
S3 にブラウザから直接ファイルをアップロードする方法について試してみました。 S3 には直接 POST でアップロード可能なので、HTML の Form を使ってアップロードを行います。 この際に、Policy と Signature というものが必要で、これらをアップロードしたファイルと同時に S3 に渡すことで、認証を行う仕組みになっています。 事前準備 S3 バケットの作成 自身の AWS のアクセスキーとシークレットキーを手元に用意 Policy と Signature の作成 最初に Policy Document を作成し、S3 へダイレクトアップロードする際の制約を定めます。 Policy Document は以下のような形式です。 {"expiration": "2013-08-17T00:00:00Z", "conditions": [ {"bucket": "buck
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AWS特集 の記事一覧 | DevelopersIO
