URLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示する・「github1s」
github1sはURLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示するWebアプリです。 https://github.com/conwnet/github1s例えば上のようなURLを https://github1s.com/conwnet/github1sというように、github.comをgithub1s.comとするだけでVSCode風のUIでGithubを閲覧できるようになる、というもの。昔別の用途ですが似たようなものがありましたね。Youtubeをなんか便利にする、みたいなのだった気がする。 各ブラウザのエクステンションも用意されていますが、前述のようにGithubのドメインに1sを加えるだけなので無くても良さそうですね。 勿論ツリーもコードもVSCodeライクになりますのでユーザーの方なら見やすくなるかもしれませんね。こちらのアプリはOSS
GitHubのサービスを駆使してウェブサイトの死活監視が無料で行える「Upptime」
ウェブサイトの死活監視サービスは数多く存在しますが、自分でサーバーを用意する必要があったり、監視対象が一定数を超えると有料になったりと、導入に障壁を感じる場合もあります。無料の死活監視ソフトウェア「Upptime」は、GitHub ActionsやGitHub PagesといったGitHubのサービスを使って、簡単にウェブサイトの死活監視を行うことができます。 Upptime https://upptime.js.org/ GitHub - upptime/upptime: ⬆️ Uptime monitor and status page powered by GitHub https://github.com/upptime/upptime UpptimeはGitHub Actionsで5分ごとにウェブサイトの死活監視を行い、ウェブサイトがダウンした場合はGitHubのIssuesに報
ダークモード用CSSの書き方とエミュレートでの確認方法（ひとり DevTools Advent Calendar 2020 – 09日目） | Ginpen.com
9 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 GitHub がダークモード（ダークテーマ）対応したそうです。 echo "hello, darkness" #GitHubUniverse #Keynote https://t.co/9gQRFt3aqQ pic.twitter.com/HEotvXVJ7R — GitHub (@github) December 8, 2020 パブリックベータとして誰でも利用可能とのこと。 Chrome DevTools を使ってシステム側のテーマ変更をエミュレートすることができます。 ダークモード対応 CSS を書く @media (prefers-color-scheme: dark) でダークモード用のテーマになります。 CodePen でデモ @media (prefers-color-
)
GAS 家計簿 - Google Apps ScriptとVueで作られたWeb家計簿
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS（Google Apps Script）を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。 GAS 家計簿の使い方 デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。 データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。 設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。 GAS 家
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
Run on Google Cloud - GitHubのコードをGoogle Cloudでワンクリックデプロイ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHub連携のアプリケーション、Webサービスは多数ありますが、その中でも個人的に好きなのがHerokuボタンです。ボタン一つでアプリケーションをHeroku上にデプロイできる魅力的な仕組みです。ダウンロードして設定してデプロイ…などは毎回やっていると飽きてしまいます。 今回紹介するRun on Google CloudはGitHub上のコードをGoogle Cloudにデプロイ、実行できるデモです。 Run on Google Cloudの使い方 Run on Google Cloudの設置は簡単です。以下のようなMarkdownの記法でREADMEに記述するだけです。 [
GitHubが大変身！Web開発向けの万能ツールに変えてくれるサービスをまとめてみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回はGitHubと連携してソースコードをさまざまな用途に活用できる便利なWebサービスを厳選してご紹介しようと思います。 特にWeb開発を便利にしてくれるサービスを中心に、GitHubだけでどこまで作業効率を向上できるのかをぜひ確認してみてください！ なお、paizaラーニングでは「Git入門編」講座を公開しています。そちらも合わせてチェックしてみてください。 ■GitHubをフル装備のクラウドIDEに変えるサービス！ 【 Gitpod 】 GitHubに置いているリポジトリのソースコードを統合型のクラウドIDEで自由に編集できるサービスが「Gitpod」です。 TheiaをベースにしたVS Codeライクなコードエディタで、豊富な機能と拡張性を備えておりプログラミングに最適なIDEの一つと言えるでしょう。 使い方は簡単で、リポジトリのページ
Githubリポジトリの任意のフォルダを指定してダウンロードできる・「DownGit」
DownGitはGithubリポジトリの任意のフォルダを指定してダウンロードできるシンプルなサービスです。特定のフォルダやファイルだけが欲しい、という時でも、全てダウンロードせずに欲しい部分だけダウンロードできる、というもの。（svn exportでいいじゃない、という環境下の方はその方が楽でしょう。） DownGitは以下のようにパラメータを付与したURLへのアクセスでダウンロード出来るのでブックマークレット等を作ればむしろ楽じゃないでしょうか。 https://minhaskamal.github.io/DownGit/#/home?url=（GithubでダウンロードしたいファイルやフォルダのURL）DownGitそのものも、ソースコードが公開されています。ライセンスはMIT。 DownGit
GitHubFolderDownloader - GitHubの指定ディレクトリだけをダウンロード
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHubで気になったリポジトリがあると、まずそれをクローンする必要があります。またはZipファイルでダウンロードもできますが、どちらもリポジトリ全体が対象になるためサイズが大きいのが難点です。 そこで使ってみたいのがGitHubFolderDownloaderです。GitHubリポジトリの一部だけをダウンロードできるソフトウェアです。 GitHubFolderDownloaderの使い方 GitHubFolderDownloaderのメイン画面です。 ディレクトリを指定して実行するとそれ以下のファイルだけをダウンロードします。 GitHubFolderDownloaderを使うことで余計なファイルをダウンロードすることがなくなります。これはダウンロードする側にとっては素早く目的
gas-github - Google App ScriptをGitHubで管理！ MOONGIFT
Googleスプレッドシート上でもマクロに似た機能、Google App Scriptが利用できます。JavaScript（のサブセットですがネットワーク周りはむしろ使いやすい）で書けるのでとても簡単に使えます。 問題はWeb IDE上で書かないといけないことで、バージョン管理に対応していないことです。そこで使ってみたいのがgas-githubです。 gas-githubの使い方 Google Chromeの機能拡張として動きます。まずGitHubの認証情報とアクセストークンを登録します。 そうするとツールバーにリポジトリを選択するUIが追加されます。 後はコードを編集してpushしたり、逆にpullしてリポジトリと同期します。 ちゃんとコードがGitHubリポジトリに入ります。 バージョン管理できるだけで十分なのですが、GitHubへバックアップするのにもぴったりです。ローカルで編集して
gitify – メニューバーに常駐するGitHub通知システム
よく使うものは手元にあった方が何かと便利です。コンピュータ上では手元という訳にはいきませんので、その代わりに常駐という方法があります。タスクトレイやメニューバーに表示されていればすぐに気づくことができます。 今回はgitify、GitHubの通知ツールを紹介します。メニューバーに常駐してくれるタイプのGitHubを常時使っている方にお勧めのソフトウェアです。 gitifyの使い方 gitifyはメニューバーに常駐します。そして開くとまず認証画面が表示されます。 一度認証すれば後は通知が一覧で確認できるようになります。シンプルにタイトルだけが表示されるので普段使いにぴったりではないでしょうか。 GitHubのメニューバー通知系は色々と出てきています。ぜひ自分のスタイルにあったものを選んでください。 gitifyはnode/JavaScript製、Mac OSX用のオープンソース・ソフトウェア
Shrink - メニューバー常駐のGitHub Issueビューワー
GitHubをプロジェクト管理に使っている企業、プロジェクトは増えています。特に使っているものとしてはIssueになるでしょう。チケット駆動型で開発を進めるところも多いです。 そうした開発スタイルの場合、都度GitHubにアクセスするのは面倒です。そこでShrinkを使ってメニューバーから素早くアクセスできるようにしましょう。 Shrinkの使い方 起動するとメニューバーにアイコンが表示されます。それをクリックすると、まずログインが表示されます。ログインはユーザIDとトークンの組み合わせです。 ログインするとIssueが確認できます。まず自分がアサインされているIssue。 自分が購読しているプロジェクトのIssue。 自分が作ったIssue。返信の有無などを確認できるでしょう。 Issueが素早く確認できるようになれば、開発スピードも向上することでしょう。ShrinkはGitHubを使っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.getthefont.com/
Githubでの任意のオープンソースプロジェクトが活動しているかをチェック出来る・「Is it maintained?」