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

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

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

chrome拡張とFCM(Firebase Cloud Messaging)との連携方法
· ☕ 4 分で読めます
Built with Firebase Firebase Cloud Messaging webpushのプロトコルを使って、ブラウザやモバイルアプリなどのクライアントにメッセージを配信してくれるクラウドサービス WebPushとは ブラウザにServiceWorkerというプログラムを登録する。 あるサイトを訪れたときに、「このサイトから通知を受信しますか?」みたいなメッセージが

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

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

【Go】template.ExecuteTemplate中にエラーが起きて中途半端にレンダリングされてしまう問題
· ☕ 2 分で読めます
まずは問題のコードから 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

paizaのコーディングスキルチェック問題を解いてみる #1【ランクC】
· ☕ 2 分で読めます
Photo by Andrea Piacquadio from Pexels 本格的にプログラミングを始めたときに結構お世話になったのが、paizaというプログラミング学習サイト兼プログラマー向け転職サイトです。 ITエンジニア・プログラマ向けの転職・就活・学習サービス【paiza(パイザ)】 新しい言語を覚えるときに基本的なことを一通り網羅するのにとても便利。 またp

MathJaxでWordpressに数式レンダリング
· ☕ 1 分で読めます
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 +