import * as React from 'react'; import { render } from 'react-dom'; import { combineReducers } from 'redux'; import { Provider } from 'react-redux'; import { Route, Switch } from 'react-router'; import { ConnectedRouter, routerMiddleware, connectRouter, } from 'connected-react-router'; import { applyMiddleware, compose, createStore } from 'redux'; import { createBrowserHistory } from 'history'; co
IPv4アドレスの枯渇問題によって残り少ないIPv4アドレスの価値が上昇し続けていることを受けて、ドイツの大手ホスティング会社・HetznerがIPv4アドレスの値上げを発表しました。 IPv4 pricing - Hetzner Docs https://docs.hetzner.com/general/others/ipv4-pricing/ Hetznerは2021年7月28日に「ヨーロッパのIPアドレス管理機関であるRIPEは、IPv4アドレスがほとんど枯渇したため、IPv4アドレスの割り当てを停止しています。この状況によって、IPv4アドレスの価格が急騰しました」「私たちは、これまでの価格を維持するために経済的損失を受け入れてきました。しかし近年、価格が急激に上昇したため、残念ながらIPv4アドレスを値上げしなければなりません」と述べ、IPv4アドレスの値上げを発表しました。 H
S3にあるHTMLや画像などの静的ファイルを、API Gateway+Lambdaを使ってHTTPSで公開するコードを書きました。 LambdaでS3オブジェクトを読み込んで、そのまま返すだけですが、バイナリファイルの扱いが面倒でしたので、記事にしておきます。 ポイントは、API Gatewayのバイナリメディアタイプを */* にすることです。 S3のファイルをHTTP(S)で公開するには、S3のバケットにStatic website hostingの設定をするか、CloudFrontを使うことが多いと思いますが、なんらかの事情でこれらの機能を使えない場合の対処です。（あんまりないかもしれませんが） バイナリファイルの扱い LambdaとAPI Gatewayとのあいだでは画像などのバイナリを直接受け渡すことができません。API Gatewayでバイナリメディアタイプという設定をし、BA
関連キーワード DRAM | Intel（インテル） | レンタルサーバ オンラインゲーム向けのレンタルサーバを提供するGPORTALは、Intelの永続メモリモジュール「Optane」を採用した。同社のCEO、ロベルト・オメツォーリ氏はOptaneの採用を「迷わず決断した」と振り返る。 併せて読みたいお薦め記事 メモリの種類を紹介 「ストレージクラスメモリ」とは？ 重要技術の「ReRAM」から理解する いまさら聞けない「フラッシュメモリ」と「DRAM／SRAM」の違いは？ Intelの「Optane」新世代メモリはNANDフラッシュメモリよりどれだけ優秀か？ GPORTALは「Minecraft」「Ark：Survival Evolved」「Conan Exiles」をはじめとしたオンラインゲーム用のサーバを貸し出しており、約6800台のサーバを所有する。サーバは米国、カナダ、ブラジル、
firebaseかnetlifyかどちらの方が、転送が早いのか検証してみた。 結論 firebaseのほうが転送は高速。 検証結果 Google Chromeにて、数十KBのJSONファイルをaxios(XHR)の読み込みで検証。 firebase 初回: 300-400ms 二度目以降: 20ms netlify 初回: 500-600ms 二度目以降: 80ms 余談 個人的な愚痴だが、「netlifyは簡単だ」と言われるが、結構しんどかった。 netlifyはGitHubとBitbucketとGitLabしか対応してない Azure DevOpsは対応してない yarnコマンドが失敗する npm installを毎回しないとビルドができない cd ◯◯◯ && npm i && npm run generateってコマンドをビルドコマンドにしている つまり時間がかかる Nuxtのge
dbt特化型BIツール『Lightdash』を Cloud Run x Cloud SQL でホスティングしてみた - Qiita
リポジトリの準備 今回は公式が公開しているCloud Runで動かす用のリポジトリを利用していきます。 また、Private リポジトリで作成したかったため、下記手順を踏みました。 git clone --bare git@github.com:lightdash/lightdash-production-example.git cd lightdash-production-example.git # private リポジトリで空の lightdash-cloud-run-sql リポジトリを作成 git push --mirror git@github.com:{{ 自身のGithubアカウント }}/lightdash-cloud-run-sql.git cd ../ rm -rf lightdash-production-example.git lighdash-entrypoi
現地時間2021年8月5日、Twitterが音声会話機能「Spaces(スペース)」に「共同ホスティング機能」を追加したと発表しました。共同ホスティング機能では、ホストだけでなく2名の「共同ホスト」を追加して、リクエストの管理や参加者の削除などの管理を任せられます。 Twitter Spaces introduces co-host feature and more - 9to5Mac https://9to5mac.com/2021/08/05/twitter-spaces-introduces-co-host-feature-and-more/ Twitter Spaces adds co-host option to help moderate and manage rooms - The Verge https://www.theverge.com/2021/8/5/2261160
AWS CLIを使って、Amazon S3で静的ウェブサイトをホスティングしたい | DevelopersIO
AWS CLIのs3コマンドとs3apiコマンド、s3apiコマンドとs3controlの区別がなかなかつかず、詰まりました。 後ろに付けるパラメータで予測をつけるということを学びました。 実際にGUIでやってから触ったのですが、GUIだと見なかったところを触れたのでこんなこともできるのかと発見もあったので、寄り道できる間は寄り道も大事かなと思いました。 AWS CLIもっと慣れたいです。 みなさん、どうもたいがーです? 入社してもうすぐ丸二か月が経つそうです。時間が経つのは早いですね。 AWS CLIを使うのが楽しくなってきた、今日この頃。 今やっていることも、CLIを使ってできないのかな・・・なんて考えています。 そんな今回は、AWS CLIを使ってAmazon S3を操作し、静的ウェブサイトのホスティングをやっていきたいと思います。 実行環境 AWS CLI v2.0.14 やってみ
概要 AWSの基本的なサービスでWordPressをホスティングしていきます。 今回作成するインフラ構成図 今回はまずこちらのシングル構成でインフラを構築し、webサーバーにsshでログインし、WordPressをインストールしていきます。 前提知識 インフラの基礎的な知識 早速やってみる はじめに重要なのはまずインフラ構成図をしっかりと作りどういった構成と手順でいくかを確認することです。 VPCを作成 まずは土台になるVPCを作成していきます。 VPC... AWSの仮装ネットワーク環境 まずはVPCを検索しVPCを作成していきます。 名前は任意で大丈夫です。 これでVPCを作成です！ 緑色でVPCが正常に作成されましたと出るはずです！！！ サブネットの作成 次にサブネットを作成していきます！ サブネット...サブネットとはネットワーク内のネットワークだと思ってください。ネットワークを細
aws-sdk-php-laravelを使って、静的ホスティングしている環境のリダイレクトを自由に設定してみる
前置き S3＋CloudFrontで静的サイトを配信している。 この環境とは別に管理画面＋APIサーバーとしてのLaravelが動いている環境がある。 管理画面側から静的ホスティングしている環境にリダイレクト設定をしたい！ ざっくり要件はこんな感じでした。 今まではEC2を使っていたので、リダイレクトやBasic認証はhtaccessでやっていた。 さあ静的ホスティングの場合はどうしよう。となって個人的に色々検討した結果、これがベストかなと思った方法がCloudFront Functionsを使う方法でした。 他に検討した方法 方法 デメリット
クローラ: ホスティング サーバーの過負荷【問題】【エラー】【はてなブログ】【Google Adsense】 - motiのアクアリウム記録(moti_aquarium)hatenablog_ver
グーグルアドセンス【Google Adsense】でエラー表示が…。 エラー表示 内容は、 広告クローラのエラーが生じており、収益の損失が発生する可能性があります。 のクローラーエラー表示がでました 困ります…。 ページに関する問題で ①ページ 【はてなブログ】の１ページが問題でした。 ②要修正 いいえ …いいえ 修正する必要はないけどエラー＆問題みたい… ③問題 クローラ: ホスティング サーバーの過負荷 ④広告配信ステータス 需要の制限 が表示されていて クローラ: ホスティング サーバーの過負荷の 解決方法では 状況 表示されている問題により、クローラはこのページにアクセスできません。これらはポリシー違反ではありません。 対応策 AdSense クローラの動作について、十分に理解していただく必要があります。たとえば、AdSense クローラは URL 単位でインデックス登録を行ってお
VercelでホスティングしているサイトにRoute53で取得したドメインをサブドメインとして設定する | DevelopersIO
どうも！大阪オフィスの西村祐二です。 Vercelは無料の個人アカウント（Hobbyプラン）でもかなりいろいろできます。複数のアプリケーションもホスティングすることができます。詳細は公式サイトをご確認ください。 Next.jsやGatsby.jsなどで作成したサイトをホスティングさせるとき、サブドメインを設定したいなと思うことがあります。 （個人的にドメインを設定するとなんだかモチベーションがあがります。） やりたいことのイメージとしては下記になります。 Route53で取得しているドメインがあるのでそれを利用してVercelでホスティングしているアプリケーションにサブドメインを設定する手順を備忘録を兼ねてまとめたいと思います。 やってみる 前提 Route53でドメインを取得済である 今回、ynishimura0922.comというドメインを利用しています。 ドメイン取得の流れは下記ブロ
どうも！大阪オフィスの西村祐二です。 Vercelは一つのレポジトリで複数のサイトを管理するようなmonorepo構成のレポジトリにも対応していたので試してみました。 画像はhttps://vercel.com/blog/monoreposより引用 プランごとに一つのレポジトリに紐付けられるプロジェクト数が決まっているのでご注意ください。 Hobbyプラン（無料プラン）では一つのレポジトリに紐付けられるプロジェクト数が3つまでとなっています。(2020/12/28現在) 詳細はこちらをご確認ください。 やってみる 環境 Node.js: v12.18.0 Mac: 10.15.7 monorepo構成のレポジトリを作成する 適当にmonorepo構成を作ります。 Next.jsのサンプルを3つ作成します。 $ npx create-next-app nextjs-blog1 --examp
ロングセラー人気No1、エックスサーバー。運用サイト数も240万件を超えておりレンタルサーバーの中では高いシェアを誇っております、その人気をこ8年間はずっと保っています。 エックスサーバーの他社との性能データの比較表（最新） 出典： レンタルサーバーの比較表 より引用 エックスサーバーが人気の理由はサーバー機能の良さだけでなく、ユーザーインターフェイスなど、常にサービスが改善され続けていてサービス内容も素晴らしい点にあります。 まず、他社より優れた快適動作のため、Webサーバーソフトは「Nginx」を導入。さらに「Xアクセラレータ」「FastCGI」という技術により高速で安定動作を実現させています。 エックスサーバーの特徴 処理速度が速い！ 実績が豊富！ 安心のサポート体制 お値段がやや高い ワードプレスの「かんたんインストール機能」も、わずかな設定するだけで作れます。誰でも簡単にワードプ
DNS移転失敗体験談を論文から引用してもらった話と、ホスティングのコンパネシステムだめじゃんな話 #DNS温泉 #Advent Calendar 2019 - ここはちょっと見せられない
この記事は、DNS温泉 Advent Calendar 2019 17日目の記事です。（2回目です） https://adventar.org/calendars/4346 16日目は otsuka0752さんでした :) otsuka752.goat.me なんということでしょう。 浸透いうな先生が発表された論文に、私が書いたDNS移転失敗体験談のスライドを引用していただきました。みてみて、うれぴー。 http://www.e-ontap.com/blog/?date=20191206 書いてよかった失敗談。これでもう成仏できますって言ったらしなくて良いと言われました（何ｗ で、論文には、共用メールサーバの脆弱性のお話がありました。 これで思い出した昔話があり、せっかくなので物語型にまとめておくことにしました。 昔々、随分前から付き合いのある社長（Hさん）さんからの依頼で、Hさんが管理し
LocalStackを使用して、ローカル環境でS3を利用した静的ウェブページのホスティング手順 - Qiita
目次 1. はじめに 2. 検証概要 3. 実装 4. さいごに 1. はじめに 前回の記事では、LocalStackの開発環境の構築手順をご紹介しました。 前回記事：LocalStackの環境構築から動作確認 本記事では、前回構築したLocalStackにAWS CLIからの操作でAWSのサービスを構築することができるかどうかを、実際に試してみた結果をお届けします。 2. 検証概要 この記事では、LocalStack上のS3を利用してReactアプリをホスティングし、Webブラウザからアプリケーションを確認するための手順をご紹介します。 なお、AWS CLIを利用した操作については、以下の記事を参考にしました。 参考にした記事：AWS CLIを使って、Amazon S3で静的ウェブサイトをホスティングしたい 3. 実装 開発環境は下記を利用しております。 Windows11 WSL2(U
AWS Amplify Console で素の React アプリをホスティングしてみよう - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
読者の皆さまの中に「あー、Reactでアプリ書いたけど、なんか手軽にホスティングする方法ってないのかなー。仮想サーバー立てるのはちょっと面倒なんだよなー」と思っている方はいませんか？ この記事ではそんなあなたのために、ただただシンプルに、素の React アプリを AWS Amplify Console でホスティングする方法をご紹介します。 ※ AWS Amplify のライブラリをバリバリ使ってアプリ自体を便利に開発していく話は今後書いていきます。 AWS Amplify はモバイルネイティブアプリ、Web（JavaScript）アプリを開発するためのフレームワークおよびサービスです。 Amplify Framework クライアントライブラリ（JavaScript） UI コンポーネント Amplify CLI Developer Tool Amplify Console JavaS
Cloud Storage + LB + Cloud CDN で静的 Web サイトをホスティングする際のキャッシュ設定をおさらい
本記事は Google Cloud Japan Advent Calendar 2022 の 通常版 の 19 日目の記事です。 Google Cloud Storage (GCS) では、静的コンテンツからなる Web サイトを、バケットに保存するだけで簡単に公開することができて便利です。 さらに、Google Cloud の HTTP(S) Load Balancing と組み合わせることで、HTTPS でのホスティングに対応させたり、Cloud CDN と組み合わせることで CDN にキャッシュすることもできるので、アクセス数の多い商用サービスなどでも充分に対応できます。 一方で、このやり方を採用して Web サイトをホスティングする際に、ややこしいのがキャッシュの設定です。特に上記のように LB や CDN と組み合わせた際には、以下のようにキャッシュに関連する設定が複数あるため、
こんにちはかみむらです。Webサイトを公開するホスティングサービスでお悩みではないですか？ 最近ではNetlifyやFirebase Hostingなど、様々な種類のホスティングサービスが登場していて、選択肢が増えてきました。 そんな中、私が注目してるのがAWS Amplify Consoleです。特徴として、GitHubと連携したシンプルなデプロイ機能や、Basic認証、プレビュー機能など、Web制作の痒いところに手が届くサービスになっています。 前提事前にAWSのアカウントを作成してください。 https://aws.amazon.com/jp/ Nuxt.jsのプロジェクトをホスティングしていきます。あらかじめ、GitHubにプロジェクトをプッシュしておいてください。Nuxt.jsの記事はこちらでも書いています。よかったら一読してください。 Nuxt.jsとmicroCMSで採用ペー
はじめに フロントエンドエンジニアの守備範囲が広がる昨今、みなさん(主にフロントエンドエンジニアの皆々様方)は普段からReactやNext.js等でアプリケーションの開発を行う際に、脳死でVercelデプロイを選択していませんか？ 自分は完全に脳死でVercelデプロイを選択し、${アプリケーション名}.vercel.appのドメインでアプリケーションのホスティングを行っていました。 今回は、普段Vercelがやってくれているホスティングを理解したいフロントエンドエンジニア向けに、「Vercelに頼らず、CloudFront + S3 + Route53を使って独自ドメインでアプリケーションのHTTPSでホスティング・公開する手順」を紹介できたらと思います。 記事を読み進める前に 今回は説明は省略しますが、独自ドメインをお名前.comを使用して取得しております。 本記事では、独自ドメインを
AWS Amplifyで独自ドメインホスティング環境を構築してみました 以前の記事内容をAWS Amplifyで実現する方法をためしてみました！ 今回は3パターンの独自ドメインホスティング環境を構築します。 構築の流れ AWSコンソールから構築する独自ドメインホスティング環境 Amplify ConsoleでGitHubを利用した公開 Amplify Consoleで独自ドメイン設定 Amplify CLIから構築する独自ドメインホスティング環境 Amplify ConsoleでGitHubを利用した公開(Amplify CLI) Amplify Consoleで独自ドメイン設定 Amplify CLIから構築する独自ドメインカスタムホスティング環境 カスタム公開(Amplify CLI) AWSコンソールから構築する独自ドメインホスティング環境 はじめに、AWSコンソールからAmplif
ここ最近、SPA（シングルページアプリケーション）や SSG（静的サイトジェネレーター）を利用してウェブサイトやアプリケーションを構築するケースが増えており、静的サイトを配信する仕組みについても興味を持つようになりました。便利なサービスとしては Netlify や Firebase Hosting, GitHub Pages など色々ありますが、ウェブサービスやシステム開発を行う上で、AWS を使っているならば AWS で完結したいということもあるかと思います。 この場合、Web サーバーを立てて実現することもできますが、AWS が提供するサービスをうまく活用することで、より簡単に実現でき、費用を抑え、運用の手間を減らすことができます。定番のやり方としては、例えば以下の AWS サービスが挙げられます。 AWS Amplify コンソールS3 の静的ウェブサイトホスティング（Static
S3に静的ページを独自ドメインを利用してホスティングする - RAKUS Developers Blog | ラクス エンジニアブログ
始めに 弊社では、数行と画像１枚の静的ページを表示させるためだけ に、1台サーバーを構築し保守運用してました。 それだけのために、1台のサーバーを保守運用するの馬鹿らしくね？？？？？？ ＼＼＼うん！馬鹿らしい／／／ ということで、AWS上に移行すること となりました にしました。 今回は、S3とCloudFrontを利用して静的ページを表示させる設定をご紹介させていただきます。 初歩的な内容となりますので、これから静的ページを作りたいんだけど！といった方向けの内容となります。 始めに 要件 構成について AWSの利用サービス 構成図 実際の設定手順 S3設定 1. バケット作成 2. indexファイルのアップロード CloudFront設定 1. ディストリビューションを作成 2.ポリシー設定 3.接続確認 Route53 設定 1. カスタム SSL 証明書発行 2. CNAME登録
さくらの専用サーバPHYとその裏側 〜物理ホスティング環境構築自動化の取り組み〜 (後編) | さくらのナレッジ
この記事は2020年10月23日に行われたオープンソースカンファレンス2020 Online/Fallにおける発表を文章化したものです。 さくらインターネットの井上です。本記事では、最近リリースした新サービス「さくらの専用サーバPHY」の紹介と、その裏側、中でも主に物理サーバーやネットワーク環境の構築自動化の取り組みについてご紹介します。前編ではサービスのご紹介、およびサービス提供までの流れと、機器の設置・配線に関してご説明いたしました。それに続く後編(本記事)では、機器のセットアップ、監視、バックアップといった環境構築の自動化についてご説明します。 設置した機器のセットアップ 前編では機器をラックに設置し配線するまでをご説明しました。機器をラックに搭載した後は、セットアップを行います。セットアップはDHCPを起点としておりまして、その理由はほとんどの装置において管理用インターフェースの初
FirebaseはGoogleが提供するサービスの一つでモバイルアプリやWebアプリケーション開発で用いられる人気プラットフォームです。BaaS（Backend as a Service）と呼ばれるクラウドサービスの一種に分類されます。Firebaseに関して詳しく知りたい方は以下記事を参照してみてください。 今日、インターネットを使用したWebシステムは必要不可欠なものとなっていますが、その始まりはCERN（欧州原子核研究機構）のティム・バーナーズ＝リー博士が、「研究者間で膨大なデータの交換や閲覧をスムーズにするシステムを作る」という目的で開発… この記事ではFirebaseが持つ機能の一つFirebase Hostingを用いてHTML、CSS、JavaScript、画像ファイルなどを短時間で静的ホスティングする方法を紹介します。 Firebase でプロジェクトを作成するFireba
静的サイト生成に特化したReactのフレームワークGatsby.jsですが、せっかくなら作ったサイトのホスティングまでさくっとやりたいなと。 ターミナルから簡単にビルド&S3へのデプロイができたので、その方法を紹介します。 前提 Macのターミナル Node.jsがローカルにインスロール済み AWSのアカウントを持っている 1. Gatsbyアプリの立ち上げ 何はともあれGatsby.jsのスターターをローカルで立ち上げましょう。 Gatsby.jsが入っていない人はインストール。 $ npm install -g gatsby-cli Gatsbyプロジェクトを新規で作成します。 $ gatsby new hello-world これでカレントディレクトリ直下にhello-worldというフォルダが作られますので移動します。 $ cd hello-world webサーバーを起動してみま
vercel.com VercelにBasic認証をかけることに成功したので手順をメモしておきます。 ❶ ホスティングしたいファイルをpublicディレクトリに入れる ❷ プロジェクトルートにapp.jsをつくる app.js const protect = require('static-auth'); const safeCompare = require('safe-compare'); const USER_NAME = 'user'; const PASSWORD = 'password'; const app = protect( '/', (username, password) => { return safeCompare(username, USER_NAME) && safeCompare(password, PASSWORD) }, { directory: `${
Litestream on App RunnerでS3にSQLiteをレプリケートしつつアプリをホスティングする
はじめに 今回は、SQLiteを使ったWebアプリケーションをAWS App Runner上にホスティングします。同時に少し前話題になったSQLiteをAmazon S3にレプリケーションできるLitestreamを用いてS3にデータをレプケーションしてみます。 プロトタイピングや個人開発で、マネージドRDBMSを利用せず、料金抑えたい場合に使えるかなーと考え、App Runnerの素振りも兼ねて試してみました。 本構成における注意点 App Runnerのコンテナインスタンス内のファイルシステムの特性は、AWS App Runner Developer Guideから、引用します Storage – App Runner implements the file system in your container instance as ephemeral storage. Files ar
WordPressの記事を静的HTML化しS3+Cloudfrontで静的Webホスティング(+認証) - Photosynthesic blog
こんにちは、やすです。 ブログを書くのは何年ぶりかな。。 WordPressはPHPで動的に動作する為、大量なアクセスを捌く為には色々な工夫が必要になります。 そのため、Wordpressの記事をS3+Cloudfrontで静的ホスティングは有効な手段の一つかと思います。 但し、この場合、静的HTMLとなるため、セッション認証のような認証機構を使う事が出来ません。 それを解決する為にCloudfrontの署名付きCookieを利用したサイトを構築しました。 全体の流れは下記のような感じですので、詳細はそれぞれ説明していきます。 WordPressの記事を静的HTMLとして出力出力した静的HTMLをS3へのアップロードS3に配置した静的HTMLをCloudfront経由で配信認証機構をもたせる為にCloudfrontの署名付きCookieを利用 WordPressの静的HTML化(プラグイン
Gridsomeで作ったサイトをせっかくなのでちゃんとホスティングしてみる、Amplify Consoleで。 - Sweet Escape
はじめに Shifter Gridsome Amplify Console ここらへんが気になる はじめに 先日、Gridsomeを試したわけですがせっかくなのでホスティングしてみようと思いついたため、サクッと試してみようと思ったらサクッとできたのでメモ。 www.keisuke69.net ホスティングにはNetlifyあたりが鉄板かと思いつつ、ここはやはりAmplifyでしょーということでAmplify Consoleを使ってます。 なお、前回使ったAWS Lightsailをつかって立てたWordpressは削除してしまっていたので、そこは話題のShifter Headless使ってます。 www.getshifter.io Shifter サーバーレスなWordPressのサービスです。 StaticとHeadlessの2種類あって今回は後者のHeadlessを使います。 Free
Reactを勉強中、それとなくおもしろおかしいWebページをスクラッチで作成することができたので、メンバーに自慢公開した。 今までメンバーに自慢公開する際には、Heroku、GitHub ioなどを使用していたが、S3で爆速にできることが判明したので備忘録として残す。 はじめに ドメインとの紐付けやSSL対応などは実施しておりません。 なので公開する際には十分に気をつけてください。 ReactPjの準備 公式ドキュメント参照。 S3で公開するデプロイようのバケットを作成 S3のコンソールから「バケットを作成する」を押下。 バケット名は任意の値を入力。 ※ Route53の独自ドメインを割り当てたい場合は、ドメイン名と同じ値を入力すること。 ドメイン名はアカウント関係なく、プライマリーなので。。。 リージョンは思いがなければ「アジアパシフィック（東京）」を選択。 入力したら「次へ」を押下。
![[AWS]S3でReact.jsを超爆速簡易型Webホスティングする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ae1433cf1ff60bd008942a3516a789252ce509f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQVdTJTVEUzMlRTMlODElQTdSZWFjdC5qcyVFMyU4MiU5MiVFOCVCNiU4NSVFNyU4OCU4NiVFOSU4MCU5RiVFNyVCMCVBMSVFNiU5OCU5MyVFNSU5RSU4QldlYiVFMyU4MyU5QiVFMyU4MiVCOSVFMyU4MyU4NiVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MTA3MDEyNzMxY2RlYmZjY2U2ODNmZjhmMzg0NWVjNmY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5YW1hY2hpdGEwMTA5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hMDAyN2RmMDg3ZmU1M2ZhNzk3NjNjM2ZjOTc4YTFlZA%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-TElGVUxM%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D74d5690c7fc6c8b20db29927952f9a6f)
Outline Wiki をホスティングする
Outline is 何? Outline というのはオープンソースで開発されているナレッジベースです。 Slack や Google Workspace などを用いてチームメンバー内での共有はもちろん、一部の記事だけを一般公開することもできる優れたツールです。 私は個人用のメモとして活用しています。 Markdownも使用でき、編集画面がそのままプレビューになっているのでとても使いやすいです。 概要 今回は以下の環境で Outline をホスティングする方法をまとめます。 Ubuntu 20.04 (さくら VPS) CPU: 仮想2Core メモリ: 1GB また、今回のやり方では Docker は使用しませんが、Dockerを使用する場合は適宜読み替えて設定すればできるとおもいます。 インストール Outline #Installation Outline をホスティングするには以下
タイトルの通り、これまでこのブログは Vultr の VPC 上で起動した h2o 経由で配信をしていたのだけど、 Cloud Run に移行したのでその辺もろもろ記録として書いておく。 Cloud Run GCP の新サービスで Docker コンテナをサーバレスで実行できるというもの。まだベータ。 自分で Docker image を用意さえできればそれ以外の縛りは無いっぽい(雑な解釈) それ〇〇でよくね？ このブログは static site generator の pelican で Markdown or ReST をビルドしたものを利用した静的サイトなので、正直他にもっと楽にいい感じにブログ環境は整えられるとは思っている。 Netlity とかはよく聞くし、S3 + Cloudfront でもいいし、Github Pages でもよい。なんだけど、せっかく自分で好き勝手できるサ
このツイートの通り、快適な開発環境を手に入れることが出来たので今回はその方法について書きます。 背景 OpenAPIを導入しているプロジェクトがあったのですが、中身の確認のためにはyamlファイルを読むか、SwaggerEditorを利用するしか方法がありませんでした。 そのため直感的に確認が出来ず、APIの仕様のレビューだけでも時間がかかってしまっていました。 そこで、OpenAPIの変更をコードベースではなく、UIでわかりやすく確認することにしました。 そのためにamplifyを使ってPRを上げたタイミングで、OpenAPIに関するディレクトリをホスティングして、確認用URLを発行することにしました。 ディレクトリ構成 今回はRailsのプロジェクトにdocsというフォルダを作り、その中にOpenAPIを入れているような構成でした。 ├── docs │ ├── openapi │ │
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
ALB、S3、PrivateLinkによる内部HTTPS静的ウェブサイトのホスティング | Amazon Web Services
Amazon Web Services ブログ ALB、S3、PrivateLinkによる内部HTTPS静的ウェブサイトのホスティング Amazon Simple Storage Service (Amazon S3)は、様々な作業を可能にする強力なプラットフォームです。特筆すべき機能として、FQDN でバケットを作成し、バケットのWebサイトのエンドポイントにエイリアスレコードを指定することで、HTTP の静的ウェブサイトをすぐに立ち上げることができます。静的ウェブサイトの HTTPS トラフィックを提供したい場合は、Amazon CloudFront を使用して、キャッシュと HTTPS 証明書の両方を公開ユーザーに提供することができます。 ユーザがイントラネットやプライベートネットワーク内にいる場合は、AWS PrivateLink for S3 のインターフェイスエンドポイントを使
Shifterは株式会社デジタルキューブが運営する「Serverless Static WordPress ホスティング」と銘打っているサービスです。 通常用途でWordPressをする際は常にWordPressが動くサーバーが立ち上がっていますが、Shifterはコンテナ技術を使うことで必要なときにWordPressを立ち上げ、静的ファイルを生成する処理を行うことで、外部から見ると単なる静的ファイルをホスティングしているだけになります。 WordPressが起動しているわけではないので、脆弱性との戦いからの開放・ページ表示の高速化、メンテナンス性の向上といったメリットを得ることが出来ます。 補足で、WordPressの拡張機能であるStaticPressは起動しているWordPressから静的ファイルを生成するものなので、Shifterとは大きく異なります。Shifterはホスティングサ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でSSR・ホスティング・API鯖を立てれるVercel。無料でホスティングするサンプル。Parcel・ReactでSPA。 - Qiita
希少価値が上昇し続けるIPv4アドレスの値上げを大手ホスティング会社が発表
API GatewayとLambdaを使ってS3の静的ホスティングをしてみる - Qiita
ゲームホスティング会社が「DRAM」ではなく「Optane」を迷わず採用した理由
静的ファイルのホスティングの性能評価 - Qiita
Twitterが音声会話機能「スペース」に「共同ホスティング機能」を追加、共同ホストに管理を手伝ってもらえるように
AWSでワードプレスをホスティングする - Qiita
Vercelでmonorepo構成で管理しているサイトをホスティングしてみる | DevelopersIO
メカロングが手懸けるホスティング比較
Amplify Consoleで楽々ホスティング - Basic認証からドメイン設定まで解説します
CloudFront + S3 + Route53でReactのSPAを独自ドメインでホスティングする
AWS Amplifyで独自ドメインホスティング環境を構築してみた - Qiita
AWS で静的ウェブサイトをホスティングするための構成（S3 + CloudFront）
ホスティングとはなにか？クラウド、VPS、ハウジングなどわかっているようで実はよくわかってないことを整理しておこう
Firebase Hosting を使った静的サイトのホスティング方法
Gatsby.jsで作ったサイトをさくっとS3でホスティングする | DevelopersIO
VercelにホスティングしたウェブサイトにBasic認証を設定する 🔐 - みかづきブログ・カスタム
Shin-ya Ohnishi on X: "さくらインターネットがガバメントクラウドに選らばれて、IIJなんかが落ちた件。 この違いは、さくらはホスティングやクラウドの分野でずっと垂直統合してきたから。データセンタもサーバハードウェアも対外接続も、自分たちで作ってしまうスタイル。他所から買ってきてOKとしないのが、他社との違い https://t.co/JRBOHZ7DyG"
[AWS]S3でReact.jsを超爆速簡易型Webホスティングする - Qiita
ポッドキャストをAIで文字起こしして共有するサービス「LISTEN」、音声のホスティング機能を追加 ポッドキャストの直接配信が可能に
続・ラフなラボ – ブログのホスティング先を Vultr から Cloud Run に移行した
PRをトリガーにOpenAPIのURLをamplifyで自動ホスティングして、最高の開発環境を手に入れた話
Wordpress、Webホスティング・サービスの「100年プラン」を発表
WordPressをShifterでホスティングする際の検討メモ - mottox2 blog