コーポレートサイトを誰にも気づかれず静的化したときの技術選択について - Hatena Developer Blog
こんにちは〜。チーフエンジニアのid:cockscombです。 最近、同僚のid:yashigani_wとともに、はてなのコーポレートサイトを静的サイトとして再構築しました。ちょっとした仕事ではありますが、経験によって得られた暗黙知を形式知へ昇華するため、ここに紹介します。 はてなのコーポレートサイトとは サイトを静的化するメリット どのようにサイトの静的化を進めたか 1. 静的ファイルをNext.jsで生成 2. 運用を自動化したい 3. ホスティングサービスを選択する 4. 動的なコンテンツを表示する リリースと振り返り ホスティングサービスに関する補足 はてなのコーポレートサイトとは 弊社のコーポレートサイトは一般的なそれと同様に、株式会社としての「はてな」に関心を持っていただいた方々とコミュニケーションするための窓口です。会社情報を提供したり、あるいはプレスリリースなどの情報を公開
AWS Amplifyを使ってCognito User PoolsログインするSwiftUIのサンプル - Qiita
はじめに 最近Amplifyを利用し始めたのですが、Amplify CLIでちょっとコマンドを実行するだけで、アプリからAWSのリソースを利用できるようになり、すごく便利に感じています。 ここでは、Amplifyを使って、Cognito User Poolsログインする処理をSwiftUIで行う方法を説明します。 ドキュメントには、ログインやログアウトなど一つ一つの例はあるのですが、具体的にアプリにどのように組み込むかまでは記載されていません。そこで、このサンプルが具体的にアプリにどう組み込むか悩んでいる方に役に立つのではないかと思い、書きました。 前提 バージョンは次の通りです。 Xcode 11.2.1 Amplify iOS SDK 2.0 また、この記事では、サインインの処理を具体的にどう組み込むかのみを説明します。 CocoaPodsに依存関係を設定して、$ amplify ad
AWS Amplifyで高負荷に耐えられるWebサイトを早急に立てて、Webフロントコーダーが運用を回した話。 - Qiita
AWS Amplifyで高負荷に耐えられるWebサイトを早急に立てて、Webフロントコーダーが運用を回した話。AWSWebamplify はじめに こんにちは、AWS Amplify Advent Calendar 2019の12日目担当、Oceans株式会社 竹本と申します。 クリスマスまであと2週間、アドベンドカレンダーと共にクリスマスを一緒に過ごせる素敵な方と出逢わなければならない私のカウントダウンも進行しており大変焦っております。 さて、今回は「高負荷に耐えられるWebサイトを早急に立てて、Webフロントコーダーが運用回せるようにしたい！」と言う焦っている方向けに、弊社の事例をお伝えします。 それぞれの詳細な手順は他の方がたくさん上げて下さっていますので割愛しつつ、組み合わせて商用環境で使ってますよと言う事例を参考にして頂ければと思います。 （静的Webサイトのホスティングのお話で
俺、このAWS Amplify Consoleでコンテナの自動デプロイ環境が出来たら結婚するんだ - Qiita
この記事はAWS Amplify Advent Calendar 2019の11日目です。 今回はAWS Amplify Consoleを使ったAWS Fargateのデプロイをご紹介します。 tl;dr amplify addから利用出来るカテゴリだけでなく好きなカテゴリを自由に作成できます。 AWS Amplify ConsoleではCloudFormationテンプレートをデプロイすることが出来るため高度なカスタマイズが可能です。 フロントエンドなしでバックエンドのみのデプロイがAWS Amplify Consoleから可能です。 利用するライブラリのバージョン ライブラリ version
AWS Amplify Consoleを連携させてテスト結果ページを自動生成・管理する - Qiita
本記事は、Qiita Advent Calendar 2019 - AWS Amplifyの10日目の記事です。 タイトルでは表現しづらい内容ですが、やりたいことは下図の通りです。 Amplify Consoleを利用してテスト／ビルドできるようにしていたら、テスト結果も自動的に蓄積されて参照可能な形にできないか、、、と思い始めて手を動かした結果です。 やりたいことの流れ 以前開発したCognito管理Web画面のビルドをAmplify Consoleで行う。 https://github.com/kojiisd/cognito-user-manager/tree/master そのAmplify Consoleのビルドの中でKarateやunittestによるE2Eテスト、単体テストが実施される。 E2Eテスト、単体テストの結果を別の試験結果保存用WebサイトのGithubリポジトリにP
AWS Amplify の ServiceWorker で Web Push 対応を実装してみる - クライアント編 - Qiita
Web Push、送りたいことありますよね。 この記事は Web Push 通知を使うアプリを AWS Amplify で作ってみる話です。 特にクライアント側を AWS Amplify でどう実装するかを見てみます。 当初サーバー側もあわせて書こうとしたのですが、分量が多くなりそうだったので今回は一旦クライアント編として、サーバー編はまた Amplify の API カテゴリを絡めたものを後日書きます（たぶん）。 Web Push やりたいときにやらなきゃいけないこと Web Push を運用しようとすると、けっこう色々やることがあります。 Push を受け取るクライアント側 Service Worker の実装 購読状態管理、Service Worker 登録等を行うフロントアプリケーションの実装 購読処理時に払い出されるエンドポイントをサーバーサイドに送信 Push を送るサーバー側
Amplify CLI GraphQL TransformとディレクティブでAppSync+DynamoDBをいじってみよう！(@model @auth, @key) - Qiita
Amplify CLI GraphQL TransformとディレクティブでAppSync+DynamoDBをいじってみよう！(@model @auth, @key)AWSGraphQLAppSyncAWSAmplify 概要 AWS Amplify Advent Calendar 2019、7日目はAWS Amplify CLIでAWS AppSync + Amazon DynamoDBをセットアップするschema.graphqlで使用可能な3つのディレクティブ(@model、@auth、 @key)を触っていきます。 想定読者 amplify add api、なんとなく使ったことあるけど、@model、@authとか@keyよくわからん！という方に向けた記事になります。検証用アプリケーションはReactでの実装ですが、Reactの知識がなくても大丈夫です。 動作確認環境 @aws-a
Amplify vs Firebase 比較してみた - Qiita
サーバレスアーキテクチャの選択肢として、AWSのAmplify、GoogleのFirebaseが有力な候補となっているのではないでしょうか。 実際にAmplify・Firebaseの両者に触れ、比較・検討して得られた知見をまとめました。 ※直近プロダクトの開発にAmplifyを採用して進めてきたので、Amplifyを軸に記事を書いています。 API連携 AmplifyとFirebaseとで異なる特徴のひとつにAWS AppSync（GraphQLをすぐに利用できるフルマネージドサービス）を利用できる点があります。 自前でGraphQLを構築するのは手間がかかりますが、AmplifyのAPIモジュールは「AWS AppSync」をサポートしているので簡単に構築できます。DynamoDBやLambdaとのアクセスもシームレスに行えるので非常に便利です。 以下はその他のAppSyncのメリット
AWS AmplifyとIonicを組み合わせてモバイルアプリまで爆速で開発する - Qiita
はじめまして。Advent Calendar初参加になります！AWS Amplifyは一年前くらいから触り始めてその便利さから愛用しているので、今回はその知見をアウトプットできたらと思います。 目黒にあるAWS Loft TokyoでAWS Amplifyに出会った 1年ほど前、東京都の目黒駅徒歩1分の場所に「AWS Loft Tokyo」なる施設がオープンしました。 スタートアップとデベロッパーのための「挑戦をカタチにする場所」というコンセプトです。 今回のAWS Amplify Advent Calendarを作ったのもスタートアップソリューションアーキテクトの塚田さん（ @akitsukada ）ですね。 Loftにはオープンから足を運んでおり、コワーキング利用終了後に毎週のように開催される技術系イベントに参加していました。 参加したイベントの一つが「AWS Amplify Blac
AWS Amplifyで30分でGraphQL環境を用意してAndroidとつなぐぞっ！つかまれッ！ - 怠惰を求めて勤勉に行き着く
こんにちは！本エントリは「AWS Amplify Advent Calendar 2019」の記念すべき第1日目です！ このエントリではAWS Amplifyを使ってユーザ認証機能付きのリアルタイムチャットアプリを30分で作ってみたいと思います。 AWS Amplifyとは AWS Amplify（以下Amplify）を初めて耳にする方、ご安心ください！ Amplifyはスケールするモバイルアプリおよびウェブアプリを最速で構築するためのサービス／ツール群です。 aws.amazon.com Amplifyは API機能の簡単な追加 認証機能の簡単な追加 画像／文字認識などのAI機能の簡単な追加 オフラインのデータ同期 これらを利用するためのライブラリやUIコンポーネント などを含んでおり、モバイルアプリやウェブアプリを開発して実際にサービスを提供するのに必要なフロントエンド／バックエンドを
AWS Amplify - Qiita Advent Calendar 2019 - Qiita
The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.
Amplify DynamoDB Simulatorを使ってみた - SANDFISH FACTORY
はじめに 環境 インストールしてみる 動かしてみた 使ってみた create tableしてみた put Itemしてみた scanしてみた 最後に はじめに 仕事ではサーバーサイドがメインなので、サーバレースアーキテクチャはあまり触れてないです。 ただ、少し前にserveless frameworkを触って、「dynamodbのローカルでコントロールできるじゃん。ヒャッハー」って感じで喜んでたんですが、最近はAWS Amplifyに鞍替えしてました。 AWS Amplifyが個人的に熱い感じになっていて、serverless frameworkっぽく操作できるカスタムプラグイン欲しいなと妄想していました。 そういえばserverless frameworkのようにAWS Amplifyにもそういうのないのかなって探してたら、 ありました。 github.com DynamoDB自体のja
アプリ開発者を「やりたいこと」に向かわせるAWS Amplify
こうした課題を解決するのは「AWS Amplify」になる。AWS Amplifyは2年前に発表された開発者向けのサービスで、コマンドからサーバーレスなバックエンドを構築するAWS Amplify CLI、UIコンポーネントやライブラリを使ってフロントエンドアプリを開発できるAmplify Framework、Webアプリを自動デプロイできるAmplify Consoleから構成されている。 このうちAmplify CLIは、「やりたいこと」にシンプルなコマンドで呼び出すと、最適なサーバーレスバックエンドを構築してくれる。Amplify CLIのコマンドからマネージドGraphQLゲートウェイであるAppSyncを叩くと、データソースとのやりとりが容易になる。また、analysticコマンドを叩けば、ユーザー動向やイベント、属性情報を得られるAmazon Pinpointが利用できる。ほか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AWS Amplify + AWS AppSyncでUnitテスト書く時のハウツー - Qiita
AWSを用いたフロントエンド開発