タグ
- すべて
- jQuery (12)
- あとで読む (5)
- まとめ (6)
- *あとで読む (7)
- ActiveRecord (54)
- Amazon (16)
- Android (55)
- AngularJS (8)
- Baas (5)
- Backbone.js (10)
- CI (18)
- CSS3 (10)
- CircleCI (9)
- C言語 (9)
- DDD (44)
- DI (6)
- Draper (5)
- Elasticache (5)
- Go言語 (5)
- Heartbleed (10)
- IT (10)
- IntelliJ IDEA (6)
- JavaScrippt (7)
- UI (26)
- active model serializer (6)
- active record (13)
- active_record (5)
- activemodel (8)
- activesupport (6)
- advent calendar (9)
- agile (26)
- airbnb (5)
- ajax (11)
- alias (5)
- angular (8)
- ansible (28)
- apache (25)
- api (108)
- app (13)
- apple (6)
- architecture (12)
- arel (13)
- array (6)
- atomic design (6)
- aurora (6)
- auth (5)
- autoload (7)
- aws (191)
- azu (5)
- backbone (18)
- bash (7)
- bind (7)
- blog (7)
- book (7)
- bootstrap (13)
- bot (10)
- bower (10)
- brew (8)
- build (5)
- bundle (7)
- bundler (10)
- business (5)
- cache (20)
- callback (5)
- capistrano (24)
- capistrano_3.0 (5)
- capybara (13)
- centos (7)
- chef (14)
- chrome (32)
- client (5)
- cloudfront (7)
- code (5)
- coding style (9)
- collation (11)
- color (10)
- command (34)
- comment (6)
- commit (12)
- component (8)
- console (8)
- consul (7)
- controller (8)
- cookie (9)
- cookpad (40)
- cpan (7)
- cron (5)
- css (136)
- csv (8)
- cto (5)
- curl (10)
- daemontools (5)
- data (19)
- database (39)
- db (87)
- debug (6)
- decorator (5)
- deep learning (15)
- deploy (23)
- design (157)
- design pattern (14)
- develop env (6)
- developer tools (6)
- development (57)
- devise (30)
- devops (6)
- diff (12)
- dj (7)
- dns (14)
- docker (118)
- docker-compose (7)
- document (13)
- domain (11)
- dynamodb (13)
- ebs (6)
- ec2 (21)
- ecs (12)
- editor (15)
- elasticsearch (10)
- elb (8)
- emoji (6)
- engine (7)
- engineer (27)
- english (29)
- error (15)
- es2015 (6)
- es6 (15)
- eslint (7)
- event (16)
- excel (6)
- extension (9)
- factorygirl (6)
- faraday (7)
- file (11)
- fileupload (8)
- flexbox (14)
- flow (5)
- fluentd (17)
- flux (10)
- font (24)
- form (31)
- framework (12)
- free (11)
- frontend (75)
- function (8)
- gallery (9)
- game (9)
- gem (43)
- geo (10)
- gis (6)
- git (114)
- github (83)
- go (8)
- golang (56)
- google (45)
- graphql (16)
- grep (10)
- groovy (6)
- grunt (7)
- gulp (10)
- hash (8)
- hatena (14)
- homebrew (13)
- html (79)
- html5 (72)
- http (26)
- http client (8)
- httpd (9)
- https (15)
- hubot (9)
- i18n (15)
- iOS (49)
- iam (9)
- icon (17)
- idea (11)
- image (19)
- import (6)
- index (13)
- infra (21)
- interface (6)
- iphone (26)
- isucon (29)
- java (39)
- javascript (483)
- jenkins (19)
- jquery (41)
- js (56)
- json (27)
- jsonschema (17)
- jwt (10)
- k8s (8)
- kaizen (6)
- kayac (22)
- keyboard (7)
- kubernetes (18)
- lambda (12)
- library (26)
- line (7)
- linux (68)
- lock (10)
- log (26)
- logger (11)
- lxc (7)
- mac (53)
- mail (17)
- management (38)
- marionettejs (6)
- markdown (19)
- material (10)
- memory (9)
- meta (12)
- mock (8)
- model (15)
- modeling (60)
- module (10)
- mruby (14)
- music (15)
- mysql (149)
- naoya (15)
- nest (6)
- network (25)
- next (15)
- nginx (53)
- node (35)
- node.js (41)
- nodejs (18)
- npm (28)
- ntp (6)
- oauth (18)
- object (8)
- okinawa (6)
- oop (7)
- openssl (19)
- operation (7)
- order (7)
- oss (13)
- package (8)
- parameter (6)
- patch (7)
- performance (55)
- perl (50)
- php (29)
- plugin (15)
- postgresql (14)
- presentation (6)
- private (7)
- programming (143)
- promise (6)
- proxy (8)
- pull-request (11)
- push通知 (7)
- python (44)
- qiita (21)
- r7kamura (7)
- rack (9)
- rails (800)
- rails4 (23)
- rails5 (6)
- ransack (6)
- rbenv (10)
- rdb (11)
- rds (14)
- react (221)
- react native (6)
- reading (10)
- rebase (6)
- redirect (8)
- redis (14)
- redux (58)
- refactoring (8)
- reference (24)
- regexp (9)
- remote (7)
- repository (6)
- request (8)
- require.js (10)
- resque (7)
- rest (10)
- review (6)
- route53 (7)
- routes (7)
- rspec (89)
- ruby (584)
- s3 (13)
- saas (11)
- sample (9)
- sass (13)
- scala (11)
- scrum (8)
- search (6)
- security (58)
- seo (33)
- server (25)
- service (26)
- ses (7)
- session (7)
- shell (25)
- slack (18)
- slide (21)
- sort (6)
- spa (7)
- spf (11)
- spring (10)
- sql (28)
- sql injection (6)
- ssh (7)
- ssl (46)
- startup (14)
- storybook (6)
- stub (6)
- study (37)
- style (6)
- styleguide (10)
- subversion (6)
- svn (9)
- swap (6)
- t_wada (8)
- task (6)
- tdd (28)
- template (13)
- terminal (8)
- terraform (9)
- test (93)
- timezone (11)
- tips (11)
- tmux (10)
- tool (17)
- tree (8)
- twitter (11)
- typescript (31)
- unicode (14)
- unicorn (18)
- unity (10)
- utf-8 (12)
- utf8 (14)
- ux (13)
- vagrant (27)
- validation (7)
- version (7)
- vim (62)
- vpc (8)
- vscode (8)
- vue (12)
- wantedly (10)
- web (159)
- webpack (14)
- websocket (13)
- webサービス (40)
- webデザイン (43)
- webフォント (6)
- web制作 (22)
- windows (15)
- wordpress (10)
- xcode (13)
- xss (7)
- yahoo (7)
- yarn (6)
- zsh (13)
- あとで読む (67)
- こども (8)
- はてな (6)
- ふりかえり (7)
- まとめ (65)
- アイデア (9)
- アジャイル (20)
- アプリ (30)
- アプリケーション (9)
- アルゴリズム (11)
- アーキテクチャ (15)
- インデックス (8)
- インフラ (22)
- エンジニア (64)
- オブジェクト (8)
- オブジェクト指向 (16)
- オープンソース (9)
- キャッシュ (13)
- キャリア (9)
- クローラー (6)
- ゲーム (8)
- コマンド (19)
- コンテナ (10)
- コンポーネント (6)
- コードレビュー (10)
- サーバ (16)
- サービス (17)
- シェル (6)
- スクラム (17)
- スクレイピング (10)
- スタートアップ (13)
- スマートフォン (7)
- スライド (6)
- セキュリティ (43)
- タスク管理 (9)
- チューニング (8)
- チーム (21)
- ツール (15)
- テスト (57)
- デザイン (67)
- デザインパターン (14)
- デプロイ (8)
- データベース (34)
- ドキュメント (15)
- ドメイン駆動設計 (12)
- ネットワーク (9)
- ネーミング (6)
- パフォーマンス (35)
- ビジネス (13)
- フォント (8)
- フォーム (14)
- フリー素材 (10)
- フレームワーク (14)
- フロントエンド (21)
- ブラウザ (6)
- プラグイン (12)
- プレゼン (18)
- プログラマ (11)
- プログラミング (102)
- プログラム (6)
- ベンチマーク (7)
- マネジメント (38)
- メタプログラミング (12)
- モジュール (10)
- モデリング (6)
- ライブラリ (17)
- リファクタリング (11)
- リファレンス (8)
- リモートワーク (8)
- レイアウト (6)
- レスポンシブ (9)
- レビュー (6)
- ログ (16)
- ロック (10)
- 仕事 (65)
- 会社 (10)
- 例外 (6)
- 入門 (6)
- 全文検索 (8)
- 勉強 (29)
- 勉強会 (7)
- 動画 (7)
- 参考 (20)
- 型 (11)
- 学習 (22)
- 技術 (7)
- 技術的負債 (9)
- 採用 (8)
- 文字コード (20)
- 日本語 (8)
- 格安sim (7)
- 検索 (7)
- 機械学習 (28)
- 正規表現 (18)
- 環境構築 (9)
- 画像 (16)
- 監視 (6)
- 目標 (10)
- 研修 (9)
- 素材 (7)
- 組織 (10)
- 考え方 (12)
- 脆弱性 (17)
- 自動化 (8)
- 英語 (34)
- 設計 (110)
- 評価制度 (8)
- 認可 (16)
- 認証 (26)
- 論理削除 (7)
- 負荷テスト (10)
- 資料 (10)
- 起業 (11)
- 転職 (9)
- 運用 (20)
- 配列 (7)
- 開発 (66)
- 開発環境 (11)
- 関数型 (6)
- 障害 (6)
- 高速化 (10)
- rails (800)
- ruby (584)
- javascript (483)
- react (221)
- aws (191)
- web (159)
- design (157)
- mysql (149)
- programming (143)
- css (136)
spaに関するtakaesuのブックマーク (7)
-
takaesu 2023/01/11
ルーティングなどを調整- cloudfront
- spa
- 存在しないパス
リンク -
CloudFront Functions を使用して Amazon S3 の Amazon CloudFront オリジンでデフォルトディレクトリインデックスを実装 | Amazon Web Services
Amazon Web Services ブログ CloudFront Functions を使用して Amazon S3 の Amazon CloudFront オリジンでデフォルトディレクトリインデックスを実装 Amazon CloudFront Functions により、以前は AWS Lambda@Edge でしかできなかったことを、より高性能な方法で行うことができるようになりました。たとえば、Amazon CloudFront のオリジンアクセスアイデンティティ (OAI) を使用してオリジンを保護する場合に必要不可欠である URI パスを操作できます。 2017年に私が書いた投稿 (Implementing Default Directory Indexes in Amazon S3-backed Amazon CloudFront Origins Using Lambda@E
-
SPA+CloudFrontマルチオリジン構成で「/」以外へのアクセスをルーティングする - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? やりたいこと AWS CloudFront ではリクエストパスのパターンに応じて、１つのドメインから複数のオリジンにアクセスを振り分けることができます。 以下のように、S3 でフロントエンドの SPA を配信し、バックエンドを API Gateway で提供するようなマルチオリジン構成を考えます。 SPA を CloudFront + S3 で配信する時の問題点 SPA を CloudFront + S3 で配信する時に問題になるのが、ルートパス ("/") 以外の URL に直接アクセスしたときに 403 エラーが発生するという現象で
-
JWTを使った今どきのSPAの認証について | HiCustomer Lab - HiCustomer Developer's Blog
TL;DR JWTはCookieを使った認証の代わりに使うのはきつい。 コードを静的にホスティングしているSPAの話。 JWTの有効期間を長くすれば危険で、短くすればUXが犠牲になるというトレードオフがある。 AWS AmplifyはlocalStorageにJWTを保存 悪意のあるThird partyライブラリが混ざっていたらJWTを抜かれる。 yarn.lockが依存している全ライブラリを監査することはつらい。 Auth0ではiFrameを活用してメモリ上にJWTを格納できる Auth0いいね😍 まくら Youtubeが大好きなHiCustomerの小田です。ちょっと遅いですが年明け最初のエントリーです。今年もテックブログをよろしくお願いします😎ちなみに、気分がいいので年明けに観ていたYoutubeのエントリーの中で一番おもしろかった動画を紹介します。世界中で有名な「Auld L
-
-
AjaxやSPAのHTMLスナップショットをSEO向けに作る必要はなし
JavaScriptを利用したウェブアプリケーションで生成するコンテンツをGoogleにクロール、インデックスさせるには、従来は“HTMLスナップショット”が必要でした。 僕たちが使うブラウザとは異なり、検索エンジンのクローラはウェブアプリケーションを実行できません。 そこで、実行された後の状態のページをスナップショットとしてあらかじめ準備しておき、それを検索エンジンに見せるのです しかし現在は、多くの状況でスナップショットの作成は必要ないようです。 Googleはスナップショットなしでもウェブアプリケーションを実行し、それによって作られたコンテンツをクロール、インデックスできます。 ブラウザがやれることはGooglebotにもやれる Stack Overflowでの、JavaScriptフレームワークやSPA（Single Page Application: シングル ページ アプリケー
-
Googleが技術ガイドラインを更新、JavaScriptやCSSをブロックしないように指示
[対象: 全員] Googleは、ウェブマスター向けガイドラインの技術に関するガイドラインを更新しました。 サイトのコンテンツをGoogleが完全に理解するために、CSSやJavaScript、画像などすべてのリソースにアクセスするように指示したことが今回の変更点です。 [公式アナウンス] Updating our technical Webmaster Guidelines 技術ガイドラインの変更点 ガイドラインの該当箇所は具体的には次のように変わりました。 以前の技術ガイドライン Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで
-
1
【AWS】CloudFront + S3 + Route53 + NuxtJS で公開する手順 | 🧑🏼💻技術ブログ公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
