GitHub Pages

概要 Sphinx、GitHub Actionsを使用してGitHub Pagesにドキュメントをデプロイするまでをやってみる。 内容 （参考）Sphinx公式 https://www.sphinx-doc.org/ja/master/ リポジトリ作成して、GitHub Pagesの「Source」を「GitHub Actions」に変更。 リポジトリにフォルダやファイルを作成していく。 今回は以下のようなフォルダ構成とした。 .github/workflows/shinx.ymlにGitHub Actionsで実行する内容を記載 python環境にsphinxやsphinxの拡張機能をインス…

経緯 Github Actions 難読化 Terserやってみた webpackのmode(development/production) デプロイ対象を限定する 所要時間 経緯 前回、 TypeScript と Jest と Webpack で簡単な1アプリを作った t-hazawa.hatenablog.com 今回、それを Github Actions で CI/CD (commit の push があったら自動でテストして通ったら自動でGithub Pagesにデプロイ)、 Webpackによる難読化、Github Pages での公開範囲をちゃんと狭める をした その結果、結構モダ…

この前作ったGithub Pagesのサンプルプロジェクト、百徳ツールとか言う名前を付けた割に機能が1つしかなくて、 とても寂しいので機能を追加してみました。 何を作ったの？ ランダム名前 生成 ランダムな名前を生成するものを作りました。日本人の人名ね。 名字と名前をそれぞれランダムに取ってきてくっつけてるだけ。 ここで試せます。 百徳ツール | ランダム名前生成 ソース 単純に名字と名前それぞれ100個の中から選んで結合させてるだけですよ？ https://github.com/nanjakkun/hyattoku/blob/main/src/functions/naming/generat…

概要 インストール Github Pageにインストールする設定 tailwind React 他のライブラリ 概要 昨日、静的サイトジェネレーター比較なんて記事を書きましたが、そこで挙げたAstroの使い方です。 基本チュートリアルに従って行けば良く、変更しないといけない箇所はあまりありませんが。 インストール 公式ドキュメントに従います。 Astroを自動CLIでインストール | Docs ※事前にnode.jsのインストールが必要です npm create astro@latest と打てば作成するディレクトリを聞いてくるのであとはyesを選択しておけば終わるでしょう。簡単。 Githu…

Gatsbyの初期設定 静的サイトジェネレーターのGatsbyを動かします。Github Pagesにデプロイして動かすまで。

本日から大学がスタートしました。在学生を集めて新年度の説明会を実施するという、我々が学生の頃には全くなかった親切設計のイベントです。時代が違いますね。。。ほんと。昔って何だったんでしょう。 もう夜も遅いので（AM1:00）特急で書いていきます。まだ風呂入らないと。。。明日は入学式で早く出ないと行けないので（とはいえ明日になると忘れるで書かなければならないという話で） Google Sitesの研究室のページをGitHub Pagesに移動した話を書きました。研究室のホームページはこのままでよいのですが、ついでに講義資料のページ（PPTXって見にくいのでスライド）をMarkdownにしてHTML…

研究室のホームページなどをGoogle Sitesで作成して利用してきました。それらをまとめてGitHub Pagesに引っ越しました。ちなみに引っ越した理由は特にありません。WYSIWYGで編集できるのでGoogle Sitesはとても便利っちゃ便利なんですが、テキストの編集ならコード（Markdown）を修正した方が楽だったりもします。 GiHub Pagesの説明はあちこちにありますので書きません。ぐぐってください。作業してみてわかったことを書いておきます。いずれ忘れるでしょうから。。。 GitHubでホームページ公開用のリポジトリを作成する ちなみに、先人を参考にしようとググると以下の…

はじめに どうも、yukiです。 今回は、前回模写した簡易的なサイトをレスポンシブ対応&Grid Layoutで書き直してみました。 目次 はじめに 目次 前回の模写サイト 今回の模写サイト 修正点 試行錯誤中、便利なプロパティを見つけた おわりに 前回の模写サイト 1920×1080 レスポンシブ等全く考えてなかったので、表示領域を変更すると大きく崩れる。 今回の模写サイト とりあえず見た目だけGrid Layoutに置き換えて、レスポンシブ対応にした(確認のためタブレット ⇨ スマホのブレークポイントは600px)。 pic.twitter.com/UbAYhNMcBj— yuki (@y…

1. 今週の予定 今週も予定を見直す時間がありませんでした。ぶっつけ本番でやっていきます。 以下の内容を勉強します。 映像作品としてのLevelの作成 AIの勉強 Nvidia Omniverseの勉強 Gaeaの勉強 Houdiniの勉強 UEFNの勉強 DirectX12の勉強 2. 映像作品としてのLevelの作成 2.1 今週の予定 先週のBlogを見ると今週は以下の事をやると書いています。 やっていきます。 2.2 Plateを追加してDragonの影全体が道路に写るようにする 以下のようにPlateを足しました。 これでDragonの影全体が写るようになりました。 Cameraから…

静的ファイルのようにgithubにReactのプロジェクトをデプロイしようとすると、 jsのファイルが有効にならないので、ちょっと工夫が必要です。 以下では、Viteで作ったReactプロジェクトをgithub pagesに無料でデプロイする方法を説明します。 githubでリポジトリを作る いつものようにリポジトリを作ればOKです。 viteでプロジェクトを作る npm create vite@latest プロジェクト名 cd プロジェクト npm install 最近はviteを使って作るようになりました。 プロジェクト名のところは、自分のプロジェクトの名前を入れます githubとロー…

8/26に「全日本dbt-osmosisを愛でる会」を開催しました。パネルディスカッション形式のため、細かい資料はありませんが、当日のアジェンダなどは以下のスライドで公開しているため、雰囲気は感じ取ってもらえるかと思います。 開催の経緯: ノリと勢い 開催当日の盛り上がり 開催時の工夫: 頑張らないを頑張る 地方在住での勉強会との向き合い方 開催の経緯: ノリと勢い きっかけは株式会社ヤプリの山本さんが公開してくださった以下のエントリでした。 私が過去に発表したスライドやエントリを参考にしてもらっていて、めっちゃ嬉しかったです。また、bq_sushiなどの東京の勉強会に参加した際に「dbt-o…

こんにちは。 久しぶりにflameを使ってゲーム作ってみました。 とはいえ、こちらのチュートリアルのほぼコピーなのですが、一部そのままだとバグっているところがあったので、直しています。 久々でComponentの作り方から忘れていたので、色々思い出せました。 blog.flutteruniv.com 作ったものはGithub pagesで公開しています。 qkuronekop.github.io 何度かリロードしないと動かないかも。 なおしたのは、壁の当たり判定。 ball.dart void onCollision(Set<Vector2> intersectionPoints, Posit…

Gemini nanoで遊んでみるついでで久々にGithub PagesにWebアプリをデプロイしてみたので色々とメモ。 Github Pagesが出始めだったVue1系の時代（今からすると大昔だ・・・）やGithub Actionが始まったNuxt2の時代にも同じようにGithub Pagesを試したことはあったんだけど、 当時と比べてGithub側の機能という意味でもNuxt側の作りという意味でも色々と綺麗に整備されていて、 かなり手軽に遊べるようになりましたな。 ローカルでyarn devで起動してちゃんと動くことを確認できてから以下のことを追加で行う感じ。 リポジトリ側の設定 docs…

おはようございます。 今週分の日記ですが、 - BMSをほとんどやっていない - 今週は夏休みだったため、音ゲー以外の話もちらほらある ということで、今日は特別編ということにして夏休みを振り返ります。 夏休み振り返り 8/19 (月) 朝から皮膚科に通院した(症状はほぼ収まっており、薬をもらうために通っているだけ)。 というわけで pic.twitter.com/KyqryMAuIo— かた🦝🐨 (@cold_planet_) 2024年8月19日 昼はコメダで一服。平日なのでランチが頼めて神。 BPI表示こんなんでもいい？？デザインセンス0の男 pic.twitter.com/FD3E8Px…

はじめに GitHub PagesとはGitHubを利用して使用できる無料のホスティングサービスです。 GitHub Pagesを使用すると無料で簡単にサイトを公開する事が可能です。 今回は実際にGitHub Pagesを利用してサイトを公開する手順について見ていきます。 はじめに 前提条件 GitHubリポジトリの作成 コンテンツの作成 ローカルとリモートリポジトリの連携 コンテンツのコミット&プッシュ GitHub Pagesに公開 前提条件 GitHubのアカウントを作成していない場合は以下を参考に作成願います。 Gitの基礎、コマンドラインの基礎的な操作の説明については本記事では取り扱…

自身のスキルを他者に説明する事は、そのスキルを身に付けるのと同じくらい重要であり、意味のある事です。 「htmlとcssが出来ます」だけでは無く、この6ヶ月で具体的にどういう事を学んだか、どういう事が出来るようになったか、をしっかりと説明しましょう。 note.com html htmlの授業ではHTML Living Standardの仕様に基づき様々な要素の使い方を学びました。HTMLはマークアップ言語であり文書構造を示す物です。header要素やnav要素、section要素といった要素を使用する事で、明示的に文書構造を示すことが出来るようになりました。h1~h6を使用し、適切な見出しの…

この記事は、CYBOZU SUMMER BLOG FES '24 (クラウド基盤本部 Stage) DAY 15の記事です。 クラウド基盤本部の深谷です。 サイボウズではクラウドサービスである cybozu.com の基盤を VM ベースの現行基盤から、kubernetes を活用したコンテナベースの新基盤 Neco に移行している最中です。 Neco については記事がいろいろありますのでご興味のある方は検索してみてください。 我々は Neco に対してサービスをデプロイするために Argo CD を活用しています。 Argo CD に関する記事もいくつか掲載しているので興味のある方はご参照く…

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