Github Action Build

最近Chrome拡張機能を作り始めて、Javascriptに触れる機会が増えた。 QiitaやらMozillaのサイトを見てると、Javascriptはモダンな"書き方"というのがどんどん変わってきているらしい。 そのうちの一つがアロー関数という関数の書き方 1 2 3 4 5 fucntion test() { console.log("hoge"); } test(); 1 2

Photo by freestocks.org from Pexels アニメ、映画同時視聴のためのchrome拡張「StreamSync」開発 前回の記事はこちら StreamSync – アニメ、映画同時視聴のためのChrome拡張開発① | ひとりごと2.0 開発中のレポジトリはこちら atori74/streamsync atori74/streamsync-server 今回のお題 Youtubeのサイト上で再生されている動画を、Javascriptで制御する Youtu

Photo by Tim Mossholder from Pexels はじめに youtubeの動画や配信で、主と視聴者がアニメや動画を同時視聴するという企画があります。 配信なら「同時視聴」と呼ばれるし、動画なら「リアクション動画」と呼ばれることが多いけど構造は同じ。 これ個人的に結構好きで、好きな生主とかyoutuberと好きなアニメを一緒に見てるような体験

Built with Firebase Firebase Cloud Messaging webpushのプロトコルを使って、ブラウザやモバイルアプリなどのクライアントにメッセージを配信してくれるクラウドサービス WebPushとは ブラウザにServiceWorkerというプログラムを登録する。 あるサイトを訪れたときに、「このサイトから通知を受信しますか？」みたいなメッセージが

Photo by Pixabay from Pexels Magic Keyboardを買った 以前、UbuntuでApple Wireless Keyboardを使うための設定について、記事をかいた。 UbuntuでMacキーボード 英数・かなキーを使う | ひとりごと2.0 そのApple Wireless Keyboardを１年くらい使っていておおむね快適だったのだが、ある日一部のキーが効かなくな

mkdirした後にそのディレクトリに移動 これをやりたいことって多い なので、エイリアスとして登録しておきたいと思い調べてみると、すぐ出てきた。 function mkdircd () { mkdir -p "$@" && eval cd "\"\$$#\""; } 参考: [Hack 3. １つのコマンドで mkdir と cd を実行する bobchinの日記](https://bobchin.hatenadiary.org/ent

まずは問題のコードから package main import ( "html/template" "net/http" ) func exampleHandler(w http.ResponseWriter, r *http.Request) { t := template.Must(template.ParseFiles( "example.html", )) err := t.ExecuteTemplate(w, "example.html", nil) if err != nil { http.NotFound(w, r) return } } func main() { http.HandleFunc("/", exampleHandler) log.Fatalln(http.ListenAndServe(":8080", nil)) } 何が起きる？ 上のコードは http.ListenAndServeでwebサーバーを立ち上げて、/にアクセスが来たらexample.htmlを返してあげるというシンプルなものです。 exampleHan

Photo by Andrea Piacquadio from Pexels 本格的にプログラミングを始めたときに結構お世話になったのが、paizaというプログラミング学習サイト兼プログラマー向け転職サイトです。 ITエンジニア・プログラマ向けの転職・就活・学習サービス【paiza（パイザ）】 新しい言語を覚えるときに基本的なことを一通り網羅するのにとても便利。 またp

Photo by Jeswin Thomas from Pexels Mathjax Webページに数式を表示させたいときの定番モジュール header.phpを編集 # header.php ~~~ <header> # headerタグの中に最後に以下を追記 <script> MathJax = { tex: {inlineMath: [['$', '$'], ['\\(', '\\)']], tags: 'ams'} }; </script> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> </header> ~~~ 使い方 インラインで書きたいときは\$...\$で囲む 段落で書きたいときは\$\$...\$\$で囲む 例 $$ y = \hat{\beta_0} + \hat{\beta_1}x_1 +