GitHubで使えるようになった Mermaid の便利なところ
はじめに GitHub で Mermaid がサポートされました。 Mermaid は図やグラフを描画するの独自の記法を持ちます。 その記法を Markdown のコードブロック中に記述するだけで図を描画できるのが便利です。 ...便利なのですが、記法が独特なことや機能が豊富なことから、とっつきにくいところもあります。 弊社[1]では みんチャレ 開発の情報共有ツールとして esa.io を活用しており、 esa も Mermaid をサポートしており以前から活用していました。 この記事では、私がこれまでに活用してきた中から特に便利だと感じた機能を紹介します。 ちなみに Zenn も Mermaid をサポートしているため図を描画できます。 Gantt ガントチャートです。 私が Mermaid を使いたいと思ったきっかけの機能です。 まずは、一番シンプルな例を書きます。 gantt Co
GitHub Actions の基本 - A Memorandum
はじめに GitHub Actions の構成 ワークフローの構成 アクション ワークフローの作成 アクションの指定方法 ワークフロー サンプル トリガの指定 依存のキャッシュ コンテキスト 環境変数 Secrets Build Matrix アーティファクト ジョブの依存関係 ステータスバッチ はじめに GitHub Actions は、GitHub 上のリポジトリの操作に応じて、任意のタスクを自動実行できる機能です。 CircleCI や Travis CI といった継続的インテグレーション・継続的デリバリーのサービスと同様ですが、GitHub 内で完結でき、追加投資なしで利用できる点が魅力です。Free プランの場合は月に 2,000 分の実行時間が無料枠となっています。 2019年11月に一般公開で いまさら感はあるものの、適当な粒度の説明がヒットしないためここにまとめます。 Gi
これからWeb開発を始める人に知ってほしいGitHubプロジェクト - Qiita
はじめに 当記事ではProgrammingを始める方や学生でこれからエンジニアを目指されている方々に私がよく紹介しているGitHubのプロジェクトを紹介します。基本英語ベースのプロジェクトですが、どのプロジェクトもきっと皆さんのキャリアにとって役に立つはずです。ぜひお役立ていただければと思います。 また、指導者、教育者側の方々も、教材として参考になるかと思います。 2021/11/14追記 MicrosoftがGitHubで無償で公開している学習教材をまとめました。こちらも合わせてお読みください。 1. Web Developer Roadmap このプロジェクトではWeb Developerになるまでにどのような知識が必要なのかを体型的にまとめてくれています。 これはFrontendのRoadmapの例ですが、以下のようにTopicにつき質問がいくつかあるのでそれに答えられるようになって
初学者に教えたい、MicrosoftがGitHubで公開している教材が最高だった！ - Qiita
はじめに エンジニアやデータサイエンティストの人材育成のためのオープンソースな教材を探していたらMicrosoftがGitHubでかなり質の高い教材をweb開発、データサイエンティスト、機械学習、IoTの四項目を対象に提供してるのを発見したため共有したいと思う。 正直、マイクロソフトと聞くとGoogleやらFacebookに比べていけてないイメージを持っていたけど、実際にMicrosoftのGitHubレポジトリを見て、彼らはここ数年で大きく変わったように思える。特に人材育成や学習教材に関しては世界一かもしれないなんて思っています。本記事では筆者が自信を持っておすすめするMicrosoftのオープン教材を紹介するのでぜひ自身の勉強や人材育成に生かしてもらえれば本記事を執筆した甲斐があります。（もちろん僕がお勧めしているだけでなくてGitHubのスター数も多く世界的に認められています！） こ
GitHub Actions のベストプラクティス
1 フロー 1 ワークフロー 一連のフローがある場合は 1 つのワークフローにまとめる。 トリガーしたイベントの JSON が使える needs での制御がしやすい 全体を追える グラフが表示される ファイルを分割したい ファイルを分割したい理由として以下が挙げられると思います。 行数が増えて読みづらい 処理を共通化したい 複合実行ステップアクション や workflow_run トリガー や Reusable workflow 🆕 を使うことになると思いますが、基本的には一連のフロー制御はメインのファイルに書いてその下を Reusable workflow や複合実行ステップアクションで外部ファイルへ分離するのが良さそう。 workflow_run はログが分断するのでおすすめしません。
GitHub 英語例文集
GitHub で参考になった英語表現をまとめました。文脈がわかるように原文の URL も記載しています。 🙅 方針に異議を唱える it's hard to ~~~ Select onInput doesn't function in Microsoft Edge · Issue #2331 · preactjs/preact 🤦 誤解を解く We never said that ~~~ Select onInput doesn't function in Microsoft Edge · Issue #2331 · preactjs/preact 🙊 誤解していたことを伝える now I see you suggested this in your original feature request. Type EffectCallback - allow async function
GitHubにAIプログラミング機能「Copilot」登場 関数名とコメントから中身を丸ごと自動補完
米GitHubは6月29日（現地時間）、関数名とコメントから、関数のコードを丸ごと自動補完するAIプログラミング機能「GitHub Copilot」（コパイロット、副操縦士の意）を発表した。専用ページから登録すると、テクニカルプレビュー版の招待を順次受けられる。 米Microsoftのコードエディター「Visual Studio Code」と、Visual Studio Codeベースのクラウド開発環境「GitHub Codespaces」向けの拡張機能として提供する。 例えば、コメントとして「// Get average runtime of successful runs in seconds」（成功した実行の平均実行時間を秒の形式で取得する）と書いておき、その下に「func averageRuntimeInSeconds」と関数を書き始めると、Copilotがその先を自動補完。必要な
すべての開発者へ。すごいGitHubリポジトリ10選 - Qiita
本記事は、Simon Holdorf氏による「10 Extraordinary GitHub Repos for All Developers」（2021年4月4日公開）の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ9選 面接のリソース、build your own X、優れたパブリックAPIのリストなど Photo by Vishnu R Nair on Unsplash はじめに GitHubは、あらゆる種類の技術、フレームワーク、ライブラリ、コレクションなどを共有するためのNo.1プラットフォームです。しかし、その巨大さゆえに、最も有用なリポジトリを探すのが難しいという問題もあります。そこで私は、すべてのソフトウェアエンジニアに大きな価値のある、素晴らしいリポジトリ10選を作ることにしました。すべてに多くのGitH
TypeScript で記述した Google Apps Script を clasp と GitHub Actions を使ってデプロイする | DevelopersIO
TypeScript で記述した Google Apps Script を clasp と GitHub Actions を使ってデプロイする TypeScript で記述した Google Apps Script を clasp と GitHub Actions を使ってデプロイし、トリガーを使った定期実行をしてみました。 @google/clasp を使うことで CLI で Google Apps Script (GAS) を扱えるため、コードを Git で管理できるようになります。 今回はコードを GitHub で管理し、テストと clasp push を Github Actions で実行できるようにしてみます。 最終的な完成物は下記のリポジトリになります。 https://github.com/hbsnow-sandbox/clasp-github-actions-exampl
Gitako - GitHub上のファイルブラウジングを高機能化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHubでコードを閲覧する機会が増えています。そうなるとファイルブラウジング機能がもっと便利になって欲しいと思ってしまうでしょう。階層を深く潜ったり、別な階層の内容を確認したい時に、毎回クリックで行ったり来たりするのは面倒です。 そこで使ってみたいのがGitakoです。GitHubにファイルツリーを追加してくれる機能拡張です。 Gitakoの使い方 インストールすると、任意のリポジトリで左側にファイルツリーが追加されます。 フォルダをクリックすればツリー内でファイルが一覧されます。 ファイルをクリックすれば右側で表示されます。 ファイル名検索も使えます。 設定です。 閉じると左側にタコの足が表示されます。 GitakoをインストールしておくとGitHub上でのファイルブラウジン
GitHub Actionsでeslintを動かすだけでFiles changedにlint errorが表示されて便利 - $shibayu36->blog;
GitHub Actionsでeslintを動かすだけでFiles changedにlint errorが表示されるのが便利すぎたので紹介。 様子 https://github.com/shibayu36/typescript-cli-project/pull/7/files やり方 GitHub Actionsでsetup-nodeを使った上でeslintを動かすだけ。 まずGitHub Actionsでlintを実行するように設定する .github/workflows/lint.yml npm run lintの実体はこんな感じ package.json これだけで上で紹介したようにlintのエラーがFiles changedに出てくる。便利。 仕組み Problem Matchersという仕組みを使っているみたい。例えばsetup-nodeだと .github/eslint-sty
GitHubのREADMEをサクッと高品質で書けるサービス作ってみました。 - Qiita
みなさんは GitHub でオープソースソフトウェア(OSS)を開発して公開する時、README をどのように書いているでしょうか？ GitHub が自動で作ってくれる README に含まれるのはタイトルだけですし、OSS 開発初心者の場合、そもそも README に何を含めるべきかわからないという方もいらっしゃるのではないでしょうか？OSS 開発に慣れている方でも、コードを書くのはいいけれど README を書くのは面倒だと思ったことはありませんか？今回はそんな README 難民の方々向けの Web サービスを作ってみました。 LEADYOU - README Generator Web サイトへ 使い方 使い方は簡単です。トップページで GitHub の Public リポジトリの URL を入力してNext Stepボタンを押すと、README に書くべき内容ごとにフィールドが設
Octotree を使って GitHub のコードをブラウザでツリー表示しよう！（遷移も楽らく！） | DevelopersIO
GitHubを見る機会はとても多いです。仕事でも使ってますし、各公式のリポジトリを見たり、OSSライブラリなどがあったりしますね。 そんなGitHubですが、次のようなことって多いと思います。 あのファイルどこかなー フォルダを選択して画面遷移 フォルダを選択して画面遷移 フォルダを選択して画面遷移 ファイルを選択して表示 目的のファイルじゃないのでフォルダを戻る…… 地味に手間だしめんどくさいですよね。操作回数や微妙な遷移待ち時間とか……。そこで思うのです。「ツリー表示できたらなぁ」と。 「ツリー表示できるんです。そう、Octotreeなら。」 Octotree Octotreeとは 簡単に言えば「GitHubをツリー表示できるサービス（ブラウザ拡張）」です。 GitHubのコードをツリー表示できる ファイル名で検索ができる 常時表示ができる リポジトリやファイルなどをブックマークできる
（初心者向け）GitHubアカウントにターミナルでログイン（SSH接続）する | DevelopersIO
大阪オフィスのYui(@MayForBlue)です。 既存のGitHubアカウントにターミナルからSSH接続する方法をまとめました。 最近自分でやってみて色々詰まったので備忘録です。。 手順 .sshフォルダに移動する cd ~/.ssh 鍵を生成する ssh-keygen -t rsa -C "メールアドレス" 鍵を保存するファイルを指定する（ここではデフォルトでいいので、Enterをクリックする） Enter file in which to save the key (/Users/<ユーザー名>/.ssh/id_rsa): 任意のパスワードを入力する Enter passphrase (empty for no passphrase): 同じパスワードを入力する Enter same passphrase again: ssh-agent（認証鍵を保存するプログラム）に、生成した鍵
GitHub Enterprise、BtoBスタートアップ向け支援プログラムで無料提供と発表。Microsoft for Startupsを通じて
GitHub Enterprise、BtoBスタートアップ向け支援プログラムで無料提供と発表。Microsoft for Startupsを通じて GitHubは、GitHub EnterpriseのライセンスをBtoBスタートアップ向けの支援プログラムを通じて無料で提供すると発表しました。 Running a startup can be challenging but there are resources out there to make it easier. Starting today GitHub Enterprise will be available through the Microsoft for Startups program, learn more at:https://t.co/dSKesaPRln — GitHub (@github) February 13
GitHub、無料ユーザーもプライベートリポジトリを使い放題に
米Microsoft傘下の開発者向けのソースコード共有サービスGitHubは1月7日（現地時間）、無料ユーザーでもプライベートリポジトリを使えるようにしたと発表した。 これまでは、ソースコードを非公開にできるプライベートリポジトリを使えるのは月額7ドル以上の有料ユーザーのみだった。新プランでは、無料ユーザーでも無制限にプライベートリポジトリを使えるが、共有できるのは3人までだ。 また、有料プランの構成を変えた。従来「Developer」という呼称だった月額7ドルの個人向けプランは「Pro」に、GitHubのみで使うものと自社サーバでのホスティングも可能なものの2つに分かれていた2つのビジネス向けプランが1つになり、「Enterprise」という呼称になった。料金は変更なしだ。
GitHub Actions で Go言語の lint と test を実行する | DevelopersIO
GitHub Actions で Go言語の lint を test を実行を行うサンプルについてのブログです。 はじめに 黒澤です。皆さんは GitHub Actions のベータに当選しましたでしょうか。 私は11月の頭ぐらいに当選していたのですが、当時は private リポジトリ限定で使える仕様だったため使うのを諦めていた勢です。 ですが先日ついに public リポジトリにも解禁されていたので軽く使い方を書いていこうと思います。 Enabling Actions on Public Repositories | GitHub Developer Guide ベータ権の申し込みとかそんなの知らない！って人はこちらのページからエントリーできます。 GitHub Actions GitHub Actions とは 2018年10月の GitHub Universe というイベントで発表
Trends - GitHub Trendsを高速表示するWebアプリ
Webサイトの高速表示に注目が集まっています。日本で有名なところと言えば日経新聞のサイトがありますが、PWAやSPAといった技術を活用することで表示を高速化できるようになります。 そんなPWAを駆使してGitHub Trendsを高速化にチャレンジしたソフトウェアがTrendsです。 Trendsの使い方 最初の表示です。APIのレスポンス次第ですが、表示は速いです。 言語を変えるとヘッダーの色が変わります。 期間を変更することもできます。 TrendsはGitHubのGraph APIを使っており、そのキャッシュを活用することで表示を高速化しています。全体の表示も快適で、さくさくと動作します。PWAを実現する上で参考になるテクニックも多数使われていることでしょう。 TrendsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 Trends hanfo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://tech.pepabo.com/2021/03/03/ec_efficiency_with_github_actions/
GitHubのURLをちょろっと書き換えるだけでコードを「Visual Studio Code」で閲覧できる素敵なサービスが話題に／トグルするブックマークレットも用意されている【やじうまの杜】
