GitHub Pages

GitHub Pagesとは Webページを公開する方法の１つです。 GitHubというバージョン管理サービスを使って、無料でネット上に自身が作成したページを公開することができます。 ※バージョン管理は、サービスがいつどんな風に変更を加えられたのかを管理しておくことです。 必要なもの GitHubアカウント 公開したいWebページ GitHub Pagesのメリット/デメリット メリット 無料 GitHubアカウントさえあれば誰でも利用できる 容量無制限 デメリット 動的な実装ができない 正直、デメリットはこれくらいしか思いつきません笑 GitHub Pagesの使い方 GitHubに公開した…

はじめに Reactに入門したばかりの初心者向け記事です。ReactアプリをGitHub Pagesに公開する方法を解説します。 前提 Reactアプリの開発環境が既にセットアップされていること yarnがインストールされていること GitHubアカウントがあり、公開したいアプリのリポジトリが作成されていること GitHub Pagesとは GitHub Pagesとは、GitHubが提供している静的なウェブサイトをホスティングするサービスです。 GitHubのリポジトリにHTML、CSS、JavaScript、画像などの静的ファイルをプッシュすることで、ウェブサイトとして公開することができま…

Github Pages にポートフォリオを公開しました。 https://chee-se.github.io/resume/ 特に難しいことはないのですが、手順を説明していこうと思います。 1. リポジトリを用意する 2. リポジトリを公開する 3. Github Pages を公開する これだけです。 Github Pages でWebページを公開する方法 1. まずはリポジトリを用意します。 この公開するコンテンツを用意するところが一番大変だと思います。 https://github.com/chee-se/resume 2. リポジトリを公開します。 Github の無料会員は必須です…

注意事項 経緯 作成したページ GitHub Pagesへの公開までの流れ 静的サイトジェネレータ(SSG)の選択 基本構成と追加要素検討 フォルダ構成検討 スクリプト作成 1. pyprojtect.tomlのバージョン更新用スクリプト 2. git tag実行用スクリプト 3. pre-commit-hooksの指定id毎のexclude追加用スクリプト コード 処理のポイント 4. mkdocs buildコマンド実行用スクリプト コード 処理のポイント GitHub Actionsの設定とmkdocs.ymlの作成 .github/workflows/push_gh-deploy.ym…

はじめに この記事では、「GitHub ActionsでMkDocsのサイトをGitHub Pagesに自動デプロイする方法」について書いています。 GitHub PagesをMKDocsで手軽に作ってみたいなぁと思ったのが記事を書いたきっかけでした。 自分に向けた備忘録の意味もありますが、「GitHub PagesをMKDocsで作ってみたい」な人の一助になれば嬉しいです。 方法 方法としてはとてもシンプルで、GitHub Actionsで以下のようなyamlファイルを作成してあげるだけです。 on: push: branches: - main jobs: deploy: runs-on:…

葬送のフリーレン人気投票 | 少年サンデー の投票が締め切られましたね。皆さん誰に何票投票しましたか？ 僕はヒンメルに1万数十票の非ガチ勢です。 さて、この人気投票はツイッターに特定のハッシュタグをつけてツイートという形で行われたので、第三者も投票状況を見ることができる。自分はこれを集計して大喜びしていた。 koudenpa.hatenablog.com 上記の記事を書いていた時点では投票状況の取得を手動更新をしていたのだけれど、どう考えても何日かしたら飽きて放置するので自動更新したかった。 GitHub Pages向けのコンテンツ取得なのでGitHub Actionsで更新すればよかろう、と…

GitHub Pagesのカスタムドメインをブラウザ上（リポジトリ > Settings > Pages）でなんとなーく設定していたところ、記事名の通りデプロイのたびにカスタムドメインの設定が消えて github.io に戻ってしまって「なんでやねん？」となっていた。 なんでかは当然ドキュメントに書いてある。 GitHub Pages サイトのカスタムドメインを管理する - GitHub Docs [カスタム ドメイン] で、カスタム ドメイン名を入力してから、 [保存] をクリックします。 ブランチからサイトを公開している場合は、ソース ブランチのルートに CNAME ファイルを追加するコミ…

GitHub Pagesとは、GitHubがユーザーに提供している静的なウェブページのためのウェブホスティングサービスです。GitHubのアカウントがあればすぐに使えるので、gitの基本的な仕組みを覚える為にも使ってみましょう。 html、css、js、画像等、静的なサイトであれば問題無く公開出来ます。 Github Pagesと無料サーバーの違い ステップ１ New repository（新規リポジトリ）を作成。 ステップ２ リポジトリの名前と、任意で説明を入力してください。 リポジトリ名は.github.ioという名前でなければなりません。次にアカウントの種類は今回は「Public」にチェ…

最近仕事で本格的に英語会議が増えてきたので、英会話の機会を増やしたい、、、 ということで、勢いでそんなアプリを作ってみました。 shikky-lab.github.io 使い方は簡単。OpenAIのAPIトークンを入力して、会話を開始するだけです。 話し終わったら録音を終了ボタンを押せば、文字起こし→GPTへの問い合わせ→帰ってきた文字を読み上げ、といったフローになります。 ※APIトークンはクライアント側-OpenAIだけでやり取りするため、内容がどこか他に送られることはありません。 今回は、この裏側について書きたいと思います。

### 第1章：はじめに #### 1.1 ウェブページとは？ ウェブページは、インターネット上でアクセス可能な文書のことを指します。これにはテキスト、画像、動画などのメディアが含まれ、ウェブブラウザを通じて閲覧できます。ウェブページは、情報の共有やコミュニケーションの手段として広く利用されています。 #### 1.2 ホームページ作成の重要性 ホームページを作成することで、個人や企業は自らのアイディアやサービスを世界中の人々に紹介できます。これにより、ビジネスの拡大や個人ブランドの構築が可能となります。また、ホームページは24時間365日アクセス可能なため、時間や場所に縛られず情報を発信でき…

Nuxt.jsについて 概要 導入方法 プロジェクトのファイル構成 ルーティングの実装 GitHubPagesのデプロイ Nuxt.jsですでに何かしらの成果物を作成しているのが前提 Nuxt.jsでWebアプリケーションを作成しようという記事ではなく、タイトル通りGitHub.ioにGit経由で、 既に作成済みのNuxt.jsアプリをデプロイする手順を記載した記事となっている Nuxt.jsについて Nuxt.jsはサーバのフレームワークなどWebアプリケーション開発に必要な物を一括で最初に取得できる SSR(Server Side Rendering:サーバ側でHTML生成を行う)やPWA…

はじめに 経緯 I - 競技科学に熱中するのが遅すぎた II - 競技科学の情報を十分得られていなかった まとめ 現在やっていること I - これから開催される学術オリンピックについての情報 II - 過去の学術オリンピックについての情報 III - まだマイナーな大会の周知 IV - その他コンテンツ 今後について I - 過去問リスト等の新規コンテンツ作成 A - 過去問リスト B - 簡易カレンダー C - リワードリスト II - サイトおよびアカウントの拡散 III - 既存コンテンツ・サイトデザイン等の改善 IV - サイトおよびアカウントの運営 おわりに はじめに 先日Twitt…

この記事は、過去に yude.jp/blog で公開されていた文章をはてなブログに移転したものです。 2022 年が終わります。なので、この年をまとめる記事をここに置いてみます。まずは、今年行ったことを羅列してみます。 なぐり書きすぎて・・・

はじめに GitHub Pagesを利用してHTMLCSSで作成したWebページを公開したので、備忘録も兼ねてやり方をまとめてみたいと思います。 例（https://nagmo01.github.io/resume/） GitHub Pagesとは GitHub PagesとはGitHubが提供しているサービスとなっており、内容としては静的なウェブページを無料で公開することができます。 web制作の学習を始めるとまず最初にHTMLCSSを学習すると思いますが、いざ作ったHTMLファイルを一般に公開するのは既存のブログサービスなどを利用するのに比べると サーバーを建てたりしないといけないためハー…

検索で上位に行くには サイトの内容よりもサイトの作り方によって検索順位がかわるのではないかと思ったので、検索順位が一番上に来やすいといわれているGatsbyでサイトを作ってみた。 はてなと比較 はてなブログと比べて同じ内容の記事で検索順位がどれくらいの差があるのかを調べてみると。検索結果はインデックスされていれば、Gatsbyで作ったサイトのほうが上位に表示された。ただ、新しいサイトはインデックスされるまでが長いのであまり公平な結果といえないかも。 サイトの評価 サイトの評価の調べ方は、クロームに付属のlighthouseでの評価を見ていく。元のサイトは全体が手作りで、bootstrapとej…

Unityプロジェクトのバージョン管理にGitHubを使用している場合、GitHub ActionsワークフローでWebGLビルドを行ない、そのままGitHub Pagesに公開する方法を紹介します。 GitHub Pagesは、GitHubリポジトリに紐づく静的コンテンツをホスティングできる機能です。 公開できるサイズが10GB以下ということと、たとえprivateリポジトリであってもGitHub Pagesにはアクセス制限はかけらない*1という制限がありますので注意してください。 Unity - Builder アクション ビルドには、GameCIの提供するUnity - Builder …

今日偶然知ったこと。 GitHub.com は GitHub, Inc. が運営しているが、GitHub, Inc. が設立される前は Logical Awesome LLC という別名の会社によって運営されていた GitHub がビジネスとして軌道に乗ったので社名変更したらしい New Year, New Company Mixi（旧イー・マーキュリー）と同じパターンだったのか！ Wikipedia の GitHub のページにも Founded February 8, 2008; 15 years ago (as Logical Awesome LLC) とある logicalawesom…

2023年7月13日、ファインディ株式会社が主催するイベント「開発生産性Conference」が開催されました。 本記事では、オンラインでも配信されたセッションのうち、株式会社ROUTE06のCTOを務める重岡正さんによるセッション「全社ワークスペースにGitHubを選んだROUTE06の開発生産性」の内容をお届けします。 ROUTE06が全社ワークスペースにGitHubを採用した理由をはじめ、GitHub採用後の成果や、採用から運用までの過程で遭遇した課題とその解決策などについてお話いただきました。 ■プロフィール 重岡 正（しげおか ただし）/ @codenote_net 株式会社ROUT…

GitHub Pagesを使ってウェブサイトを公開する機会があったのでその時に使った方法を書いておきます GitHub Pagesの良いところ ドメインの取得、維持費を考えずに無料で全世界に自分の書いたコードそのままでサイトを公開できます。GitHubのアカウント登録などいくつか準備が必要ですが初心者の私でも簡単に公開できました。 GitHubにログイン GitHubにアカウント登録してない場合はアカウントを作ります。アカウントの作成は他ブログなどで詳しく書かれているのでここでは省きます。 リポジトリを作る 自分のアカウントのプロフィールページからRepositoryの文字をクリック。 New…