GitHub Pages

GitHubをテーマにした社内LT大会を開催し、新たな発見と学びが得られました。楽しみながら技術力を磨き、エンジニア同士のつながりを作っています。 はじめに LT大会 スクラム開発のタスク管理にGitHubはどうですか？ GitHub Projectsでタイムトラッキング Pagesで業務改善しよう nektos/actでGitHub Actionsをローカルでも動かしたい IntelliJ IDEAでシームレスなPRレビュー 『GitHub CI/CD実践ガイド』を出版した話 （野村友規さん） おわりに はじめに BIGLOBEの網干です。2024年6月にGitHubをテーマにした社内ライト…

こんばんはParseです。 今回はBMSプレイヤーならおなじみの難易度表を作ってみた話です。 最終の情報が2年前とかだったのでブログに残そうと思います。 目次 Cinnamon User Table VS Webページ(既存) 準備 Google Spread Sheetで難易度表を作る 公開設定の準備(スプレッドシート&Apps Script) GitHub Pagesを設定して公開 実際作ってみて... それではよろしくお願いいたします。 Cinnamon User Table VS Webページ(既存) 最近Cinnamonという新規BMSシステムが出ておりかなり高機能です。 その中で知…

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

概要 以前から静的サイトジェネレーター（SSG）は使っていたんですが、最近特にGithub Pagesにデプロイする用のは何が良いかなーって探していました。 で、色々動かしてみたりしましたが、自分のやりたいことに一番合ってたのはAstroということになりました。 要件 自分が求めている要件は以下 基本はHTML吐いてくれる(ほぼ空のHTMLにjsで描画するのではなく) React Componentを使いたくなったら使える configはあまり書きたくない 動的な部分はTypeScriptで書けてhot reloadが欲しい Jekyll Github Pages標準です。 Ruby製だし慣れ…

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

ウェブサイトの作り方について、全体像をざっくりと説明します。 まず、前提として、ウェブページ、ウェブサイト、ホームページの違いを説明します。次に、ウェブサイト制作の全体的な流れを説明します。その後、ウェブサイト制作について様々な観点からお話します。具体的には、誰が制作するのか、どのようなツールで作るのか、コスト面ではどうかなど、多角的な視点からウェブサイトの作り方を解説します。 本記事では、ウェブサイト制作の具体的な手順ではなく、まずは全体的な枠組みを把握することを目的としています。 前提 ウェブページ、ウェブサイト、ホームページの違い ウェブサイト制作の全体フロー ウェブサイトの制作を誰が行…

仕事以外でも役立ってるものも多く含んでいますが、仕事きっかけで作ったか、OSSに対して使っていても仕事でもよく使ってる自作ツールについていくつか振り返って紹介してみる記事。 振り返ってみるだけなので、自分のblogやtwitterをかなりしっかり読んでる珍しい人(?)にとっては、そんなに新しい情報はないと思います。

こんにちは！オルターブースの横野です。 この記事はオルターブース アドベントカレンダー 2024 の8日目の記事になります。 adventar.org 本日はGitHub Enterprise Cloud (GHEC)についてやEnterpriseアカウント、Organizationについて書いていきます。 EnterpriseアカウントやOrganizationはドキュメント上では学習ができますがエンジニアのロールでは普段あまり触れる機会が少ないと思うので備忘録も兼ねて書いていきます。 GitHub Enterprise Cloud (GHEC)について GitHub Enterprise …

id:Songmu です。この記事は株式会社ヘンリー Advent Calendar 2024 5日目の記事です。 ヘンリーは北海道から沖縄まで、何なら上海から働いている社員さえいるフルリモートの会社です。フルリモート環境においては特に、社員の相互理解、そのためのそれぞれの自己開示が大事です。リモートに限らず、一部の人の声が大きくなりすぎて多様性が損なわれないよう、メンバーに自己開示を促し、支援することも必要です。 ヘンリーではその促進のために、Notion上に自己紹介やユーザーマニュアル、社内ブログ等を書いてもらう取り組みをしています。それに加えて Henry FMという社内ラジオがあり、広…

はじめに VuePress とは 主な機能 メリット VuePress でブログを作る 実行環境 ブログ構築の手順 ブログのカスタマイズ AWS でブログをホスティングする 必要な準備 Amazon S3 とAmazon CloudFront の作成 AWS CloudFormation テンプレート 静的ファイルのビルドとS3へのアップロード GitHub Actions で運用を自動化する まとめ 参考URL はじめに こんにちは、NRI ネットコムに新しくキャリアで入社しました永川です。普段はインフラエンジニアとして様々なシステムの開発・運用を担当しています。 今回は、VuePress …

scienceportal.jst.go.jp 一方、無機化合物の結晶構造を考察する時には、実験などで現実的に取り得る構造について研究者が経験則的な知見を持っている。 無機化合物の結晶構造を計算コストかけず網羅的に探索、経験則を不等式で表すのがミソ 東大 | Science Portal - 科学技術の最新情報サイト「サイエンスポータル」 尾崎教授の下で大学院生として研究していた産業技術総合研究所の小正路（こしょうじ）崚太郎研究員（計算物質科学）は、「だいたいこれくらいまで」「これ以上は影響しない」といった知見を、ビジネスやエンジニアリングの分野で合理的意思決定を支援するのに用いられることがあ…

まだ、mermaid.js関連くらいしか記事を作成していないが、今後はGitHubやDockerなどソフトウェア技術について勉強した内容を残していきたいと思っている。その中でHTMLやCSS、JavaScriptなども紹介していこうと考えている。せっかくならコードと一緒に、実際のWebサイトを公開したい。そう思った際に、リーズナブルかなというところで、GitHub Pagesをちゃんと勉強し直そうと思った。 はじめに まず、GitHub Pagesについて。公式サイトにもあるが、 GitHub Pages は、GitHub のリポジトリから HTML、CSS、および JavaScript ファ…

「提灯書庫 青空文庫 EPUB mobi置き場」という青空文庫の本をEPUBやMOBIファイルを置いて本棚代わりにしていたサイトが更新せずに放置していたので、そろそろリニューアルしようと思う。当時のKindleはブラウザの機能があるが処理が重かったので、可能な限り軽く作って、スマホより画面が大きいので少し大きめのUIにしていた。いまだとレスポンシブルは普通なので最近の書き方で書き直そう。メンテナンス性を考えると、EPUBファイルを追加するとファイル情報を読み取って本のタイトル著者名やEPUBリンクを表示する。 グーグルがEPUBファイルを検索エンジンでクロールするというニュースがやっていたので…