Hosting SQLite databases on Github Pages - (or IPFS or any static file hoster) - phiresky's blog
Hosting SQLite databases on Github Pages(or IPFS or any static file hoster) Apr 17, 2021 • Last Update Jun 04, 2023I was writing a tiny website to display statistics of how much sponsored content a Youtube creator has over time when I noticed that I often write a small tool as a website that queries some data from a database and then displays it in a graph, a table, or similar. But if you want to
実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun)
実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun)2021-10-04 ホスティングサービスに何を使えばいいのか分からないという話はよく目にしますし、僕もたまに思います。 そこでこれまで自分が使ったサービスの特徴や for me, not for me な点を紹介します。 静的ページ、および NextJS を前提としたサービス選定で、Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun を紹介します。 また、それらはフリープラン前提の話であり、not for me な点は課
集合知プラットフォーム事業部の榎本です。筋トレのお供のプロテインが切れそうなので、次に購入するプロテインのメーカーとフレーバーに悩んでます。 GitHub Pages でアクセス制限 今まで GitHub Pages というと静的サイトをインターネットへ全世界公開するしかできなかったのですが、2021年に Private GitHub Pages の機能がリリースされ、限定されたユーザーのみに制限してページを公開することが可能になりました。 GitHub Pages を使って社内のドキュメントやナレッジを特定のユーザーだけに公開したり、企業内だけで共有したりすることができます。…（中略）… 今回の変更で、PrivateとInternalリポジトリでは、Private Pagesを使うことで、そのリポジトリを見れる人だけがそこから生成されるPagesのサイトを見られるという設定を行えるように
GitHub Pagesをメタデータサーバとする簡易インストーラー「binq」をGo言語で作った - progrhyme's tech blog
どんなツールか 使い方 なぜ作ったか？ メタデータとメタデータサーバ 概念 メタデータの更新について 利用例 今後の予定 パッケージ管理機能 URLフォーマットの自動生成 その他 まとめ 参考 免責事項 ※2020-07-13追記: 各リポジトリをGitHub Org https://github.com/binqry に移しました。*1 どんなツールか ツールのリポジトリ: https://github.com/progrhyme/binq GitHub Pages as メタデータサーバ: https://github.com/progrhyme/binq-index 「簡易インストーラー」と書きましたが、単純にインターネットからソフトウェアをダウンロードして、実行ファイルを指定されたディレクトリに配置します。 圧縮ファイル形式で配布されているものは解凍して、実行ファイルを見つけて配置
Github Pagesで職務経歴書を作ってみた
はじめに 職務経歴書を使用する機会はそれほど多くありませんが、いざ必要になって作成しようとすると、さまざまな手間がかかります。自分の経歴を振り返り、情報を整理し、記載し、修正して完成させる必要があるためです。また、これは社会人生活が終わるまで継続的に続けていかなければならない作業でもあります。 まさに長期的なプロジェクトといえるでしょう。そこで、これまで培ってきたITエンジニアとしての経験を活かし、職務経歴書の管理方法について検討した結果、「Githubで職務経歴書を管理し、Webで公開する」という方法にたどり着きました。 職務経歴書を公開しておくことで、「職務経歴書をください」と依頼された際にリンクを送るだけで対応できるので非常に便利です（PDFが求められた場合はPDF化して渡せば問題ないと思います）。 当初はGithubの公開リポジトリのREADMEに職務経歴書を記載していましたが、情
GitHub ActionsでビルドしたドキュメントをGitHub Pagesで表示する - 山ｐの楽しいお勉強生活
まとめ GitHub Pagesは「GitHub Enterprise Cloud 」プランの場合privateで使用する事ができる 企業でお金払っていてオンプレのGitHubでなければこのプランのはず 追記: 有料プランでもTeamプランというのがありました。こちらではアクセス制御はできません Pricing · Plans for every developer · GitHub GitHub ActionsでbuildしたドキュメントをGitHub Pagesに簡単に反映可能 peaceiris/actions-gh-pagesというGitHub Actionsが便利すぎる ほぼ無料 はじめに GitHub Pagesの存在は知っていてもprivateリポジトリで使用できないと思っている方は多いと思いますが、2021/01/21より「GitHub Enterprise Cloud 」
WordPressをMarkdownで執筆、あるいはMarkdown→HTML変換とGitHub Pagesの自動更新 | IIJ Engineers Blog
はじめましての方ははじめまして、2020年のアドベントカレンダーをご覧になってくださった方はお久しぶりです、クラウド本部の坂口です。 私は普段、クラウドサービスのフロントエンド開発からOSイメージのメンテナンス、サービスの運用などをメインに行っています。 2020年12月にアドベントカレンダーで投稿した 我らの時代のコンテナデプロイ – Nomad, Consul, Vault はお楽しみいただけたでしょうか。 実はこの記事を執筆する際、様々な趣向を凝らしていました。今回はそれをご紹介いたします。 MarkdownとWordPress エンジニアたるもの文章はMarkdownで書き、Gitでバージョン管理したいですよね。 しかしWordPressでMarkdownを利用するには、WordPress5.0のGutenbergエディタを使うかプラグインを導入する必要があります。 Gutenbe
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
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"
「tblsで出したER図をGitHub Pagesに出したいな〜〜！の砂場」というレポジトリを作って遊んでました。 「(学習・実装面で)低コスト」「(実用性の面で)ほどほどに十分」という方法を探っていたのですが、概ね満たしたと思います。満足。 github.com 場面設定 ER図をいい感じに！！っていうのはk1LoWさんが解決してくれているので、その先の話。 qiita.com (↓の資料、改めて読んだけどやっぱり良いので凄い。もっと使い込みたいな・・) The future of tbls and "Documentation as Code" / phpconfuk 2023 - Speaker Deck 「MarkdownだからGitHub上ですごく簡単に見られる」というのが嬉しく、継続的にドキュメントを管理(更新＆利用)していくのを強力に支援してくれるな〜と思いつつ、 「自動生成
July 27, 2022 You can now deploy to a GitHub Pages site directly from a repository using GitHub Actions, without needing to set up a publishing source. Using Actions to orchestrate Pages publishing provides many more options for choosing your authoring framework (Next.js, Hugo, Gatsby, Jekyll, NuxtJS or other technologies, and the associated versions thereof) as well as giving you finer control ov
■ railsgirls.com を GitHub Pages に移行した 先日の GitHub の ssh hostkey の変更に伴って、GitHub から pull deploy をしていた railsgirls.com のデプロイが壊れてしまい2-3週間に渡って更新ができない、という状態になっていたのだが何だかんだありつつ、最終的にはGitHub Pages でのデプロイに変更して HTTPS で配信できるようになった。今は以下の2つのリポジトリでコンテンツを管理している。 https://github.com/railsgirls/railsgirls.com/ https://github.com/railsgirls/guides.railsgirls.com 何だかんだの裏側としては、railsgirls.com の管理者から1-2週間反応がなくて Tokyo や他の Ra
Hugo + GitHub Pages + GitHub Actions で独自ドメインのウェブサイトを構築する
はじめに Zenn や Qiita, note など様々なウェブサービスで記事を書くにつれて、ふと雑多な内容で自分の好き勝手に記事を書いて公開できる自分のブログが欲しくなりました。そこで、自分のブログを作ろうと思い調査したところ、SSG で作るのが手っ取り早そうだったのと、その中でも一番ラクにウェブサイトが構築できそうな Hugo を採用しました。 また、デプロイは簡単に行いたかったので、デプロイ先として GitHub Pages を採用しました。 独自ドメインの割り当てから HTTPS 対応まで無料でできるかつ、使い慣れている GitHub をデプロイ先に使えることが決め手でした。 Hugo で自分のブログを構築して GitHub Pages で公開できるようになったのですが、ブログ内容を更新したり記事を書くたびにビルドしてデプロイをするのが、意外と面倒なことに気づきました。そこで、Gi
GitHub Pagesのアクセス管理
GitHub Pages では、アクセスを制限して、そのページを公開したリポジトリへのアクセス権を持つユーザーだけがサイトを閲覧できるようにするオプションが追加されました。アクセス制御により、GitHub Pages を使って社内のドキュメントやナレッジを特定のユーザーだけに公開したり、企業内だけで共有したりすることができます。 リポジトリの種類は、Private、Internal、Publicの３種類あり、GitHub Pagesはこれまでどのリポジトリの設定においても、誰もが見られるPublic Pagesだけのサイトが生成されていました。今回の変更で、PrivateとInternalリポジトリでは、Private Pagesを使うことで、そのリポジトリを見れる人だけがそこから生成されるPagesのサイトを見られるという設定を行えるようになりました。 このリリースの一環として、以下の機
GitHub - statsig-io/statuspage: A simple, zero-dependency, pure js/html status page based on GitHub Pages and Actions.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
GitHub - vicrazumov/js-bundle-size: Cross-browser extension adding JS bundle size data to npm and github pages
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - nelsontky/gh-pages-url-shortener: Minimal URL shortener that can be entirely hosted on GitHub pages.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub Pages: Permissions-Policy: interest-cohort=() Header added to all pages sites · GitHub Changelog
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
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 Pagesのデプロイ方法を試す
GitHub Pages に新しいデプロイ方法が来た まだ Beta ですが、 ついに公式から Pages にデプロイする方法が提供されました。 いままで いままで GitHub Pages へデプロイする際は、ブランチを指定する方法や、デフォルトブランチの特定のディレクトリを指定していました。 また、これを GitHub Actions で行うために、日本人作者の peaceiris/actions-gh-pages を利用したことがある人も多いと思います。 （記事のアイコンは畏敬の念を込めて作者のアイコンっぽい絵文字にしました） これから これからは、gh-pages ブランチなどリポジトリを汚染せずに GitHub Pages へのデプロイが可能になります。 peaceiris/actions-gh-pages からの乗り換え 以下の 2 つを用いることで対応できます。 action
カスタムワークフローで GitHub Pages デプロイが可能に | 豆蔵デベロッパーサイト
GitHub Pages は専用のブランチか docs などのターゲットディレクトリを指定して公開する方式です。したがって、SSG(Static Site Generator) を使う場合、ソースコードだけでなくビルド成果物もリポジトリ管理する必要がありました。7月に GitHub Actions ワークフローによるデプロイがベータ版として利用可能になりました。 GitHub Pages: Custom GitHub Actions Workflows (beta) | GitHub Changelog これにより、ビルド成果物をリポジトリ管理せずに、リポジトリの更新をトリガーに GitHub Pages を更新できるようになります。 リポジトリの GitHub Pages の設定で Build and deployment セクションの Source を見ると、GitHub Action
はじめに GitHub には GitHub Pages というリポジトリから簡単に静的サイトを公開できる便利な機能がありますが、公開するリポジトリは public リポジトリである必要があります。一方、React を使っていると再利用可能な独自コンポーネントやライブラリなどを使いたくなり、それらは隠蔽しておきたいというニーズがあるかと思います。なので React を使った開発コードは private リポジトリで管理し、ビルドによって生成されたファイルのみを public リポジトリに格納して GitHub Pages で公開するのが理想的です。 （index.html等のビルドファイルはブラウザからも閲覧でき、そもそも公開情報なので public リポジトリ上にあっても問題ないという判断です。） 本記事は TypeScript + React + Vite でプロジェクトを構築し、開発用
GitHub - phiresky/sql.js-httpvfs: Hosting read-only SQLite databases on static file hosters like Github Pages
See my blog post for an introduction: https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/ sql.js is a light wrapper around SQLite compiled with EMScripten for use in the browser (client-side). This repo is a fork of and wrapper around sql.js to provide a read-only HTTP-Range-request based virtual file system for SQLite. It allows hosting an SQLite database on a static fi
NuxtとVuetify環境を構築するときに毎回調べてるので、簡単に開発環境を作れるようにしてみました。特に、個人開発では、開発から本番環境へデプロイするのに数週間、数ヶ月かかり挫折することが多いです。 これを使えば数クリックで本番環境へデプロイできモチベーションを維持することができます。 含まれている物 Nuxt: npx --yes nuxi@latest init --packageManager npm --gitInit . Vuetify: npx nuxi@latest module add vuetify-nuxt-module GitHub Actions: https://nuxt.com/deploy/github-pages GitHub Codespaces: https://github.com/GitHub30/nuxt-vuetify-github-page
GitHub Pagesのデフォルトドメイン（例. example.github.io）から独自ドメイン（例. example.com）に変更する方法をメモしておきます。 ドメインを取得する まずはドメインサービスを利用してドメインを取得しましょう。今回は、お名前.comを利用して、donchan922.comというドメインを取得しました。 独自ドメインを設定する GitHub Pagesのリポジトリの「Settings」を選択します。 「Custom domain」に取得しておいたドメインを入力し、「Save」を選択します。 ドメインサービスでDNSレコードを設定します。お名前.comの場合、「DNS」 > 「ドメインのDNS関連機能設定」 > ドメイン名を選択 > 「DNSレコード設定を利用する」から行えます。 wwwサブドメインを設定するため、CNAMEレコードを作成します。具体的に
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ブログをやるならGitHub PagesかGitLab Pagesがおすすめです。 私は、少し前にGitLabでブログをやっていましたが、その後、GitHubに移行したというか、戻りました。経緯としてはGitHub -> GitLab -> GitHubという流れです。 syui.github.io 割と長くGitHub PagesやGitLab Pagesでブログをやってきたので、今回は、両者の違いをまとめてみます。 GitLabはプライベートリポジトリが無制限で、HTMLソースを公開しなくていい Web Serverは、GitHub
GitHub Pagesは、パブリック・リポジトリのGitHub Freeと組織用のGitHub Free、パブリック・リポジトリとプライベート・リポジトリのGitHub Pro、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Serverで利用できます。 詳細については、「GitHub のプラン」を参照してください。 GitHub Pages で、Jekyll ビルドの実行に GitHub Actions が使用されるようになりました。 ビルドのソースとしてブランチを使用する際、組み込みの Jekyll ワークフローを使用する場合は、リポジトリで GitHub Actions を有効にする必要があります。 GitHub Actions が使用できない場合、または無効になっている場合は、ソース ブランチのルートに .nojekyl
とある記事を読んだことがきっかけで個人用のウェブサイトを作ろう、どうせならSwiftで作りたいなと思ってVaporについて調べていたところ、Swift製の静的サイトジェネレータJohnSundell/Publishを知りました。 この記事ではPublishを用いて静的サイトを生成してGitHub Pagesにデプロイする所までの手順を書きます。 Publish Publishは、Swiftを使用している開発者向けに開発された静的サイトジェネレーターです。Swiftを使用してウェブサイトを構築することができてテーマ、プラグインなどがカスタマイズできます。 PublishでウェブサイトはSwiftパッケージとして定義されます。Swiftコードでウェブサイトがどのように生成され、デプロイされるべきかの設定を行います。 環境構築 PublishはSwit5.2以降、Macで開発する場合はxcode
Netlify、Vercel、GitHub Pages の商用利用や使用量の上限を超えた時の情報をまとめてみた - Qiita
はじめに 無料で、それなりの規模感・機能（自動SSLや独自のフォーム機能などあれば尚良し） で、かんたんで、広告とかは勝手に載せてほしくなくてといったざっくりした希望かつワガママを聞いてくれるホスティングサービスどこかにいませんかぁ〜。という心境のもと情報を集めてみました。 ホスティングサービス 当然ですが無料を軸に調べると少ないですよね。 国内では『さくら』や『ロリポップ』、『エックスサーバー』など多種多様なホスティングサービスがありますが、お試し期間を抜きにした純粋な無料プランを用意しているところは多くないと思います。 最近、ちょっとした個人開発や小規模なプロジェクトでは『Netlify』や『Vercel』など海外のホスティングサービスを選ぶ方も少なくないと聞きます。 しかも調べるうちに、海外のものは「容量もそこそこあってSSLにも対応してくれている！まさにこれだ！」と感じました。 た
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
公開されたcsvをGithub ActionでスクレイピングしてGithub Pagesで公開する - Qiita
はじめに このプログラムについて 岐阜県から公開されたオープンデータ(csv)を、 ・github actionsで定期的にスクレイピングし、 ・単純な辞書配列として、無編集状態でjsonファイルを出力 ・差分があればgh-pagesブランチにpush ・github pagesで直接jsonファイルにアクセスできる プログラムです。 公開の経緯 岐阜県コロナウイルス対策サイト開発にあたり、本プログラムを開発。 他の事例でも公開されていますが、csv->json出力するにあたって加工処理が入っており、 参考にするには修正が多く必要でした。 そこで、本プログラムでは最小限の加工にとどめ、もとのcsvデータをそのままjson出力できるような形式にすることで、他の開発者が開発しやすくしています。 Product Github Github pagesでのJson出力 http://code-fo
この記事は、「Nuxt.js ってなんですか？」な状態の人間が、やりたいことを盛り込んで作成したポートフォリオについて書いたものです。 作成したポートフォリオ https://tayuta.github.io/portfolio/ GitHub Pages で公開しています。 https://tayu.netlify.app/ 現在は、Netlify で公開しています。 https://github.com/tayuta/portfolio ソースコードです。 作成に至った動機 ポートフォリオを作成することになったのは、社内でポートフォリオ部（正式名称：そうだポトフを作ろう！ 略称：ポトフ）が発足されたことがきっかけです。 もともと業務では、JavaScriptやHTML、CSSなど、フロント系はほとんど触れあったことがなかったので、勉強になるかと思い、入部しました。 プロジェクトの作成
ブログをつくった ブログをつくった. 特に大きな目的があるわけではないが学んだことのアウトプットに使ったりうちのかわいいネッコについて書いたり趣味について書いたりしたい. つまりなんでも書き残したい. GitHub PagesとHugoでブログをつくった さっそくアウトプットの練習として今回ブログを作った手順を書いていく. 突然記憶喪失になったときのためになるべくわかりやすく書きたい. なんでGitHub Pages? 無料だし, エンジニアっぽくてかっこいいから(偏見). なんでHugo? 参考になる記事が多めだったから. あと人気っぽかったから. つかうもの MacBook Pro (Retina, 15-inch, Mid 2015) macOS Mojave 10.14 brew(Homebrew 2.1.9) homebrew GitHubのアカウント(uzimihsr) Git
GitHub Pages サイトの可視性を変更する - GitHub Enterprise Cloud Docs
GitHub Pages サイトのアクセス制御について GitHub Pages のアクセス制御では、サイトをプライベートで公開することで、プロジェクト サイトへのアクセスを制限できます。 プライベートで公開されたサイトは、サイトの公開元のリポジトリの読み取りアクセスを持っている人だけがアクセスできます。 プライベートで公開されたサイトは、内部的なドキュメンテーションや知識ベースをEnterpriseのメンバーと共有するために利用できます。 Note GitHub Pages サイトをプライベートで公開するには、organization が GitHub Enterprise Cloud を使っている必要があります。 GitHub Enterprise Cloud を無料で試す方法の詳細については、「GitHub Enterprise Cloud の試用版を設定する」を参照してください。
Hugoで1からテーマを作ってGitHub Pagesにデプロイする | メンバーズエッジカンパニーブログ
2020/05/22 Hugoで1からテーマを作ってGitHub Pagesにデプロイする github-pages hugo はじめに 自分は数ある静的サイトジェネレータの中で、Hugoが一番好きです。1000件以上の記事があっても数秒でビルドできるスピードが魅力的です。 そのHugoは日本でもよく使われていますが、日本語でまとまった情報はまだまだ少なく、公式サイトの英語のドキュメントを読み取る必要があります。 そのため、1からサイト、テーマを作成して(既存のテーマを使用する方法も記載)、 GitHub Pages にデプロイするまでを詳しく説明したものを1本の記事にまとめてみました。 前提条件 本記事ではHugoのインストール方法については説明しません。また、 Gitの知識および、GitHubのアカウントを持っていることを前提とします。 コマンドおよびテンプレートは以下の環境で確認して
GitHub - benpickles/parklife: Render a Rack app (Rails/Sinatra/etc) to a static build so it can be served by Netlify, Now, GitHub Pages, S3, or any other web server.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Unityプロジェクトのバージョン管理にGitHubを使用している場合、GitHub ActionsワークフローでWebGLビルドを行ない、そのままGitHub Pagesに公開する方法を紹介します。 GitHub Pagesは、GitHubリポジトリに紐づく静的コンテンツをホスティングできる機能です。 公開できるサイズが10GB以下ということと、たとえprivateリポジトリであってもGitHub Pagesにはアクセス制限はかけらない*1という制限がありますので注意してください。 Unity - Builder アクション ビルドには、GameCIの提供するUnity - Builder アクションを使用しています。 利用方法は公式サイトか、検索すれば日本語情報もありますので割愛します。 github.com なお、CIをキックするユーザーはUnityのライセンスを持っている必要があり
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）環境のセット
どんな問題？ vue-router は SPA なので / 以外のページを直接叩きに行くと 404 する。 自分で nginx なんかでデプロイする場合は try_files /index.html とかで綺麗に解決するが、 GitHub Pages だとこの設定はできない（たぶん）。 普通に / 以外のページに行ったあと F5 するだけで 404 するのでけっこうキツい。 追記 GitHub Pages では SPA ではなくMPA にするほうがよさそう。 MPA にすれば複数 index.html ができるので以下の対策は必要ない。 対策方法 GitHub Pages は 404.html があると使ってくれるので、 404.html にスクリプトを仕込んでそこから /#/hoge/fuga/ へリダイレクトする（これで / がロードされる）。 / 側では Vue が動く前に URL
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Private GitHub Pagesで社内ドキュメントを公開しよう！ - メドピア開発者ブログ
Access control for GitHub Pages · GitHub Changelog
SPA モードのRemixを GitHub Pages にデプロイする
tblsで出したER図をGitHub Pagesに出したいな〜〜！ - 大好き！にちようび
GitHub Pages: Custom GitHub Actions Workflows (beta)
railsgirls.com を GitHub Pages に移行した - HsbtDiary(2023-04-17)
GitHub Pages now uses Actions by default
React コードを隠したまま GitHub Pages でサイトを公開する
Nuxt + Vuetify + GitHub Pagesの爆速環境構築 - Qiita
GitHub Pagesに独自ドメインを設定する方法
ブログをはじめるならGitHub Pagesがおすすめ - Qiita
GitHub Pages サイトを作成する - GitHub Docs
Swiftでブログを作ってGitHub Pagesにデプロイしてみる | DevelopersIO
GitHub PagesにNext.js をデプロイする - Qiita
Nuxt.jsで初めて作成したポートフォリオをGitHub Pagesで公開しました - Qiita
GitHub PagesとHugoでブログをつくった
Unity製ゲームをWebGLビルドしてGitHub Pagesに公開するワークフロー - やらなイカ？
Vue router を使った時の GitHub Pages での 404 対策 - Qiita