SPA モードの Remix を GitHub Pages にデプロイする方法が Remix のアカウントでポストされていたので、ふとそのリポジトリを見てみると、GitHub Actions を使った GitHub Pages へのデプロイが簡単に行えるようになっていて驚いた。 このポストを見ると GitHub Actions から提供されている Action など知らなかったものがいくつかあったので、Remix SPA モードのデプロイ方法など含め、内容を紹介したい。 動作確認した環境 関連がありそうな依存を記す。 "dependencies": { "@remix-run/node": "^2.8.1", "@remix-run/react": "^2.8.1", "@remix-run/serve": "^2.8.1", "react": "^18.2.0", "react-dom"
GitHub PagesのSourceにGitHub Actions(beta)を指定し、AsciiDocとSwaggerUIを公開する構成 | DevelopersIO
※ リポジトリのページから「Settings」->「Source」設定確認可能 Source指定にDeploy From a branchと比較し、GitHub Actions(beta)を利用するメリットには以下があります。 ホスティングのために用意しているブランチやビルド成果物が不要になり、認知負荷を下げられる ビルド資材をコミットする作業がなくなる ビルド資材の容量が大きい場合、pullやcheckoutにかかる時間を削減できる(モノレポの場合コードに対するCIにも影響する) 設定方法 前提 今回は以下をホスティングする想定にします。 Swagger UI AsciiDoc with PlantUML 何らかのHTTP REST APIの仕様書を作る想定です。 リポジトリテンプレート リポジトリテンプレートは公開しています。用途に応じてカスタマイズして頂けたらと思います。 ファイル/
はじめに GitHub には GitHub Pages というリポジトリから簡単に静的サイトを公開できる便利な機能がありますが、公開するリポジトリは public リポジトリである必要があります。一方、React を使っていると再利用可能な独自コンポーネントやライブラリなどを使いたくなり、それらは隠蔽しておきたいというニーズがあるかと思います。なので React を使った開発コードは private リポジトリで管理し、ビルドによって生成されたファイルのみを public リポジトリに格納して GitHub Pages で公開するのが理想的です。 （index.html等のビルドファイルはブラウザからも閲覧でき、そもそも公開情報なので public リポジトリ上にあっても問題ないという判断です。） 本記事は TypeScript + React + Vite でプロジェクトを構築し、開発用
Netlify、Vercel、GitHub Pages の商用利用や使用量の上限を超えた時の情報をまとめてみた - Qiita
Netlify、Vercel、GitHub Pages の商用利用や使用量の上限を超えた時の情報をまとめてみた初心者GithubPagesNetlifyVercel はじめに 無料で、それなりの規模感・機能（自動SSLや独自のフォーム機能などあれば尚良し） で、かんたんで、広告とかは勝手に載せてほしくなくてといったざっくりした希望かつワガママを聞いてくれるホスティングサービスどこかにいませんかぁ〜。という心境のもと情報を集めてみました。 ホスティングサービス 当然ですが無料を軸に調べると少ないですよね。 国内では『さくら』や『ロリポップ』、『エックスサーバー』など多種多様なホスティングサービスがありますが、お試し期間を抜きにした純粋な無料プランを用意しているところは多くないと思います。 最近、ちょっとした個人開発や小規模なプロジェクトでは『Netlify』や『Vercel』など海外のホステ
GitHub Pagesでフロントエンド開発のステージング環境を手軽に構築する（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Super GitHub Pages: budget frontend staging, with Storybook and more—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2023/08/04 原著者: Ekaterina Shibakova（フロントエンドエンジニア）、Travis Turner（技術編集者） サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。 はじめに ステージング（staging）環境のセット
Unityプロジェクトのバージョン管理にGitHubを使用している場合、GitHub ActionsワークフローでWebGLビルドを行ない、そのままGitHub Pagesに公開する方法を紹介します。 GitHub Pagesは、GitHubリポジトリに紐づく静的コンテンツをホスティングできる機能です。 公開できるサイズが10GB以下ということと、たとえprivateリポジトリであってもGitHub Pagesにはアクセス制限はかけらない*1という制限がありますので注意してください。 Unity - Builder アクション ビルドには、GameCIの提供するUnity - Builder アクションを使用しています。 利用方法は公式サイトか、検索すれば日本語情報もありますので割愛します。 github.com なお、CIをキックするユーザーはUnityのライセンスを持っている必要があり
はじめに Hello World...!! 平（@tairanobuhiko）と申します。 プログラミングスクールを卒業し、もうすぐ早2ヶ月が経とうとしてます。 エンジニア転職に向けて、少しでも自己アピールすることができれば、という思いでポートフォリオサイト制作をしました。 この記事では GitHub Pages でホスティングを行い、カスタムドメインを設定するまでの流れを備忘録的に記していきます。 GitHub Pagesとは... 静的なサイト（データベースを伴わないHTML / CSS / JavaScriptのみで構成され、リクエストに対して常に同じコンテンツを返すサイト）を無料で公開できるサービスです。 GitHub の github.io ドメインまたは独自の カスタムドメイン でサイトを公開できます。 対象のリポジトリの設定画面から数クリックで公開できる超便利なホスティングサ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPA モードのRemixを GitHub Pages にデプロイする
React コードを隠したまま GitHub Pages でサイトを公開する
Unity製ゲームをWebGLビルドしてGitHub Pagesに公開するワークフロー - やらなイカ？
ポートフォリオサイトの公開と公開手順【GitHub Pages】