S.F. Info.

しかしwebhookのペイロードの更新情報って、やっぱりおかしいよなあ。。仕様上の制約とあるんだろうか。更新情報はダイジェストなので、正確にはちゃんとgit diffして確認せよとか。。

とりあえずこの問題はペイロードの情報は見ないで改めて更新情報をgit diffで取り直すことによって解消させた。

ノートにスーパーマリオブラザーズを描きました。 https://t.co/560ROIyZcq

久しぶりにブログを更新したが、markdownのレンダラにバグがあることを発見した。。

S.F. Blog:静的サイトジェネレータのアップデート（nginx→express）

はじめに去年からWebサーバをnginxからexpressにアップデートした。途中放置気味であったがようやくまとも動くようになったので、テストを兼ねてこの記事を書くことにする。約8か月振りのブログ更新となる。静的サイト・ジェネレータ私が今使っているServers Man VPSは月額467円のエントリープラン、メモリ1GB/HDD50GBのものを使用している。最初はメモリ256MBであったがだんだ...

ヘッダ<hxx>のID。ヘッダ内のIDはヘッダ内のテキストをベースにして"-"でつないで生成してるのだが、日本語が混じるとそこで切れてしまうようだ。英語だと単語間がスペースあので単純にスペースを"-"でつなぐだけでよいが、日本語はそうはいかないよな。。多分それだな。。

問題なのはIDはその文書内でユニークでないといけないのに、このバグのせいでIDが"-"だけになってたりして重複してしまってるのが非常にまずい。markdown.jsをアップデートするか、pegかなんかで書き直すか、単純にバグだけつぶすか。。。

こんな感じになっちゃってんだよなあ。。
<h2 id="-">その他</h2>

ほんとは日本語をurlエンコードするとかして、idに埋め込むべきなんだろうけど。。marked.jsって修正が大変なんだよなあ。。何しろ正規表現の塊のような代物だからね。。よくこんなの書いたなあってリスペクトはしてるんだけど。。

GitHub - markedjs/marked: A markdown parser and compiler. Built for speed.

A markdown parser and compiler. Built for speed. Contribute to markedjs/marked development by creating an account on GitHub.

さあ、どうしようか。。なかなか「オレオレ言語」作りに戻れんわ。。

以外にすぐわかった。。

heading(text, level, raw) {
return '<h'
+ level
+ ' id="'
+ this.options.headerPrefix
+ raw.toLowerCase().replace(/[^\w]+/g, '-')
　・
（略）
　・　
}

raw.toLowerCase().replace(/[^\w]+/g, '-')

日本語が混じるとまずいわな。

webservices/marked.js at master · sfpgmr/webservices · GitHub

node.jsで作ったWebサービスたち. Contribute to sfpgmr/webservices development by creating an account on GitHub.

このソースは本家をforkしたものを私が改造したバージョンであるが。
本家ではこの部分は改良されている。

+ raw.toLowerCase().replace(/[^\w]+/g, '-')
↓
+ slugger.slug(raw)

marked/marked.js at master · markedjs/marked · GitHub

A markdown parser and compiler. Built for speed. Contribute to markedjs/marked development by creating an account on GitHub.

slugger.slug()はこのままだとちとまずいかもしれん。検証するか。

Slugger.prototype.slug = function (value) {
var slug = value
.toLowerCase()
.trim()
.replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g, '')
.replace(/\s/g, '-');

marked/marked.js at master · markedjs/marked · GitHub

A markdown parser and compiler. Built for speed. Contribute to markedjs/marked development by creating an account on GitHub.

やっぱりurlエンコーディングせんといかんよなあ。。

encodeURIComponent() - JavaScript | MDN

encodeURIComponent() 関数は、特定の文字を UTF-8 文字エンコーディングで表された 1 個から 4 個のエスケープシーケンスに置き換えることで、URI (Uniform Resource Identifier) 構成要素をエンコードします（サロゲートペアで構成される文字のみ 4 個のエスケープシーケンスになります）。

slugはこれでエンコーディングしとくか。。

function fixedEncodeURIComponent (str) {
return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
return '%' + c.charCodeAt(0).toString(16);
});
}

取り急ぎパッチを当てて対応しておこう。コンテンツを今のまま放っておくことはできんしな。。 https://t.co/X03yber2zz

私がforkした時点のmarked.jsは、htmlタグ中にネストしたmd記法がきちんと解釈されない問題もある。本家バージョンは対応済だろうか。正規表現で書いた文法のコードがちょっと読みにくいかも。。と思ってたが現バージョンは書き方が変わってるわ。。

marked/marked.js at master · markedjs/marked · GitHub

A markdown parser and compiler. Built for speed. Contribute to markedjs/marked development by creating an account on GitHub.

ウーム。文法部分はpegで書き直したくなってきたわ。。

とりあえずパッチを当てて対応したコンテンツがこれ。<Hxx>に飛ぶことができるようになったな。

S.F. Blog:静的サイトジェネレータのアップデート（nginx→express）

はじめに去年からWebサーバをnginxからexpressにアップデートした。途中放置気味であったがようやくまとも動くようになったので、テストを兼ねてこの記事を書くことにする。約8か月振りのブログ更新となる。静的サイト・ジェネレータ私が今使っているServers Man VPSは月額467円のエントリープラン、メモリ1GB/HDD50GBのものを使用している。最初はメモリ256MBであったがだんだ...

Node.jsでのイベントループの仕組みとタイマーについて - 技術探し

Node.jsでのイベントループとタイマーを解説します。

イベントループの概要をようやく理解した。。なるほど。。

そうかあ。。fork使えるんだ。。ということはzip圧縮の処理はプロセス分離することが可能だな。さらに実行ユーザーも変えられるな。。安全性を高められるわ。。

No Image

Child Process | Node.js v13.2.0 Documentation

【劇場版 みずほ銀行（予告編）】
毎月恒例
「みずほ銀行のATM停止」を
映画の予告っぽくしてお知らせいたします。

停止までまだ4時間くらいあります。
安心して3連休中を過ごせるよう
今すぐATMでお金下ろしましょう！！ https://t.co/ao0l4urauT

3月の九条湯フリーマーケットでは今までお店のスペースの都合で出展できなかった、大型サイズのミニチュアもいくつか販売したいと考えています！
画像は現在制作中のガレキのビルのミニチュアです。詳細は今後また発信していきます！

#特研ミニチュアセット https://t.co/w1INFUmbxs

@tokuken20091 やはりあべの筋でしたか。。懐かしい。。ミニチュアがすごいですね。驚きました。。

まさに超人。。絶句。。

古籏一浩さんのツイート: "レトロ：過去のツイートから迎霧浪漫氏(@info_ymcat)の開発の秘密をまとめてる最中ですが、制作期間が明示されてるのが2ゲームしかありませんでした。他のゲームの開発期間ってどうだったんでしょう？… "

確かにこれは言える。カセット側にカスタムチップが入ってたことを割り引いてもね。。

Kei Moroboshi(諸星圭)さんのツイート: "ある程度ファミコンっていうハードウエアを理解した段階でグラディウスIIみると頭おかしいと思うわ。私的究極トンチレベルだわさ"

あれだけのキャラ動かして、その上サンプリングドラム鳴ってるので、当時「ファミコンハードでこんなことできるなんてちょっとおかしい。」と思ったな。。

ビル破壊シーンのメイキングです。ビルの裏側にはガレキが積まれていて、破壊した時に飛び散って効果を上げてくれました！やり直しの効かない一発勝負の撮影だったので、撮影終了後はほっと一息…

#特殊映画研究室
#HADZILLAvsKINGDEATHRA https://t.co/RVLpjxulmT

阪堺線が。。あべのかな。。

特殊映画研究室@クリマ・セントレア11/30〜12/1 M-541さんのツイート: "ハジラvsキングデスラよりビル破壊のカットです。 ビルは石膏製でフラッシュはビルの破壊と同じタイミングでカメラのストロボを焚いたものです。 #特殊映画研究室 #HADZILLAvsKINGDEATHRA… "

各地で雪が降ってるそうなので、セクシーなビルゲイツ貼っておきます https://t.co/nUl35pGcgJ

「カッ」て鳴るバスドラの処理が当時珍しい感じがしたんだな。。それとこのベースのフレーズ。それとまあ日本人でこんな本格的なラップ・ミュージックやってたのってこれくらいしかなかったと思う。。

Youtube - Friends of Earth - Dance Hall

さかのぼると細野さんはこの「ラップ現象」という曲を作ったところからすると1980年ころにはラップも聴いてたのかなと思うんだけど。でもストレートないかにも「ラップ」らしいアレンジではまるでないわな。。

Youtube - Rap Phenomena - Yellow Magic Orchestra

BGMでどれが一番好きかというと「BALLET」。生のバスドラと808のバスドラのミックスした音。大音量でヘッドフォンで聴くとよくわかりますわ。「ズーン」って耳に圧迫するところがなんともいえずよい。それとコードのシンセの音色も変な音なんだよなあ。。

Youtube - YMO - Ballet HD

スネアの音の処理も変わってるわ。試行錯誤のたまものかもしれんけど。いわゆるゲートリバーブっちゅうのではないですわな。。もちろんこのアルバムの他の曲ではもろにそういう音も入ってるんだけど。なんかフェイザーかけてるような音だよなあ。ノイズの質が違うというかなんというか。。

ベースのシーケンス・パターンもなんか凝った感じなんだよなあ。この曲。。いやあ。何度聴いてもいい曲だ。。

⚡️ "YMO RYDEENをカバーする"

YMO RYDEENをカバーする

YMOのカバー曲作成に関するツィートをまとめたものでございます。

tmuxも使うと便利だなあ。どんどん分割してしまう。。 https://t.co/NwEaToFXpT

こういう制度のある会社が日本にもあるんだな。。すごいな。。

KOIZUKA, Akihikoさんのツイート: "うちもマネジメントに向かわずに給与グレードが上がる制度があって、私もそれでやってる… "

⚡️ "node/expressでpushで受け取るデータが大きい場合の対応"

node/expressでpushで受け取るデータが大きい場合の対応

結論：4.16バージョンでは app.use(express.json({limit:'10mb'})); する。

⚡️ "11.x以降のバージョンでspdyモジュールが対応してない件"

node 11.x以降のバージョンでspdyモジュールが対応してない件

node 11.x以降のバージョンでspdyモジュールが対応してない件。結論からいうと、LTSバージョンに落とすことでこの問題を回避した。。

昔作った適当ハウス風デモ曲の音色をいじってアップしてみた。。

Youtube - DEMO0003

しかし古い撮影のはずなのになんでこんなにクリアなんだ。。

Youtube - The Beatles - Lady Madonna

Paperback Writerもクリアだ。。しかもいい音だし。。好きなんですわ。この曲。。

Youtube - The Beatles - Paperback Writer

この服装の色使い。。サイケデリックちゅうやつですかな。。

Youtube - The Beatles - Hello, Goodbye

S.F. Blog:S.F. Blog

IT技術や音楽に関する制作物の公開、情報発信を行っています。

ほとんどテキストだけだから、そりゃまあそうかと。。

対してモバイルでの計測はいまいちな感じ。。 https://t.co/W0cd4dIoWY

画像が入ったページだとやっぱりちょっと落ちるな。。でもまあ96点だからいいか。。 https://t.co/YL4jLiIJdh

そこそこチューニングしたからなあ。。

こういうインラインSVGとか画像が入ってるのでもいい数字がでるなあ。。Texもあるけどコンテンツ生成時にMathJaxでプリレンダリングしてSVG化してる。その効果もでてるなあ。

S.F. Blog:ブレゼンハム・アルゴリズムの原典を読み、理解する - WebGLでレトロPCグラフィックスを楽しむ（２３）

さて、ブレゼンハム・アルゴリズムである。ブレゼンハム・アルゴリズムは整数化・加減算およびシフト演算のみで実装できるということでよく紹介されているけれども、ブレゼンハム・アルゴリズムやDDAの文献を読んでみて、実はそこがポイントではないのではないかと考えるようになった。離散座標系において理想直線に最も近い描画点を求めることができる点が、ブレゼンハム・アルゴリズムの優れたところなのだろうと今は思ってい...

ただモバイル版での計測だと落ちる。。モバイルでのパフォーマンスアップが課題ちゅうことですわな。。パソコン版はそこそこ頑張った結果が出てる。 https://t.co/wPBUFYeLff

cssもプリロードするようにしたらPC版で100点になった！！ちょっと嬉しい。 https://t.co/p26gdX4y8O

と思ったらcssが反映されてない。。もとに戻そう。。

もとに戻した。。99点に落ちた。。 https://t.co/S0c4WEWMaC

マイクロソフトはビルとポール、アップルは2 人のスティーブが力をあわせたからこその成功だと思うのよね。どちらか一人が欠けていたらどうなっていたか。。

あかん。花粉がきとる。体が反応しとるわ。。