Loading

S.F. Info.

ワンダバン@wandaban

2019/11/3 21:04:28

ニューラルネットでゴジラ1954をカラーにしてみた。(その3)

#ゴジラの日 https://t.co/dsaLgJrf2v

まかべひろし@sinpen

2019/11/4 9:19:25

昔、エミュに頼りまくって作ったGameBoyソフトが実機でまったく動かず、アルファ版提出したらクライアントに超怒られたのを思い出した。エミュは完璧じゃない前提でいないとダメね。(学生時代の思い出 twitter.com/mucom88/status…

S.F.@SFPGMR

2019/10/20 6:41:09

pm2も前はes moduleが読み込まれない「--experimental-modulesが無視される」というのがあったんだけど、今は解消されているようだね。とするとrollupでわざわざ変換しなくてもよくなるなあ。

pm2/mjs.sh at 29cccd9437e75e36f56d1afb0de3d73a5d033d21 · Unitech/pm2 · GitHub
Node.js Production Process Manager with a built-in Load Balancer. - Unitech/pm2

2019/10/22 8:49:07

と思って試してみたらまだ解消されてなかったな。。

--experimental-modules flag appears to be ignored · Issue #3294 · Unitech/pm2 · GitHub
I'm using the node_args section as follows to enable module support in a Node v9.1 project: "node_args": "--experimental-modules" It appears to ignore the flag, as starting ...

2019/10/22 9:41:54

理由はこれらしい。

Node v10.5 + ESM not working · Issue #3751 · Unitech/pm2 · GitHub
Repro here: https://github.com/damianobarbati/yarsk/tree/50ms Just clone, yarn install and yarn serve:dev. It fires pm2-runtime which just reports the following: [WARN] PM2 Daemon is already runnin...

2019/10/22 9:48:53

これによると、

・pm2は.mjsファイルをrequireによってサイド・ローディングしようとするので、そこで以下エラーが発生する

[ERR_REQUIRE_ESM]: Must use import to load ES Module

2019/10/22 9:51:03

回避するには2つの方法がある。

1.esmを使ってesmファイルの拡張子を.mjs -> .jsに変えてnode_argsに-r esm をつけて実行

2.ダイナミック・ローディングを使って.jsから.mjsをインポートする

ということらしい

2019/10/22 9:52:19

この2つの方法でもいいような気がするが、私はrollupでバンドルしたjsで実行することにした。。

2019/10/22 9:54:05

というわけでkoaに移行して、ようやくnode12かつhttp/2でWebをホストできるようになった。

S.F. Web
Programming,Music,Game,etc..


あとはコンテンツをちゃんと作り直さんとな。。

2019/10/22 9:55:11

ああ、ちょっとすっきりしたな。。

2019/10/22 18:17:06

トップページはTwitter,Youtube etc ... のアクティビティ表示をメインにするつもりなのだが、まだ具体的なアイデアは浮かばんな。。

2019/10/22 18:18:40

年内はページ改造で終わってしまいそうだな。。うーむゲーム音源作りはしばらくお預けか。。でもできるだけはやくこれを片付けて次に進もう。。

2019/10/22 18:22:22

HTTP2で動いてるかチェックしてたらhttp/2+quic/46とかいうプロトコルを発見した。なんじゃこれは。。 https://t.co/pdfs97LotU

2019/10/22 18:24:35

quic(くぃっく)ちゅうプロトコルなのね。。udpによる多重接続か。。

No Image
QUIC - Wikipedia

2019/10/22 18:25:31

くそう、HTTP/2のサポートは結構はやめにやったんだけど、もう時代遅れになっとるのか。。いうてもまだquicはこれからのようだのぉ。。

2019/10/22 18:27:16

nginxも1.17でquicをサポートするのですな。。

2019/10/22 18:29:18

nodeもquicのサポートをしようとしとるのか。。

GitHub - nodejs/quic: Exploring a QUIC implementation for Node.js core
Exploring a QUIC implementation for Node.js core. Contribute to nodejs/quic development by creating an account on GitHub.

2019/10/22 18:29:30

いやぁ。知らんかったなあ。。

2019/10/22 18:30:30

udpと聞くとゲームに向いてる気がする。なぜか..。

2019/10/22 18:32:50

いまでこそTCP/IPが標準となってるが、私がNWを知ったころはIPXやらNetBEUIやらとかもありましたなあ。なんか思い出してしまったわ。。

2019/10/22 18:35:29

まあそれはさておき、ejsを復習しつつ、今のテンプレート・エンジン界隈をチェックするとするか。。

2019/10/23 12:44:50

画像最適化戦略 Lazy Loading 編 | blog.jxck.io
長らく議論されてきた `<img>` や `<iframe>` における Lazyload について、仕様と実装が動きを見せている。ここでは、特に画像 `<img>` に注目し、 Lazyloading の議論の変遷を踏まえた上で現状を解...

2019/10/26 15:09:10

トップページはTwitter、YouTube、自作ブログシステムのポストを時系列で表示するものにしようかなと思ってる。まずはtwitterのツィートをAPI経由で取り出してテンプレート・エンジンでHTMLしてみようかなと思っている。データのマネジメントはsqlite3で行おうかなと思ってる。

2019/10/26 15:33:29

これすごく便利だと思うんだよね。。

SQLite3のJSON機能が便利だった - Qiita
#SQLite3のJSON

 SQLite3.9からJSON関連の機能が追加されたのは[Sqlite 3.9 の Json1を試した](https://qiita.com/smith/items/c0bd002666a23a6fe8...

2019/10/28 6:01:52

とりあえず、Twitter APIをいじってみた結果。。200個のTweet&RetweetをCSS Gridでただ並べただけ。。

No Image
Document
https://t.co/I2RN8E5UsY

2019/10/28 6:04:21

Tweetのレンダリングはoembedに任せてみてるが、このままじゃいかんよなあ。。

No Image
GET statuses/oembed — Twitter Developers

2019/10/28 6:08:49

表示のカスタマイズをしたいと思うけど、ルールを守らんといかんので、よく読んどかんといかんわな。。

No Image
Display requirements – Twitter Developers
Tweets are one of our most visible brand elements, so it’s important that they are presented correctly. You should comply with the display requirements below when you display Tweets, timelines, and other Twitter content.

2019/10/28 7:46:53

masonryっていうのか、このレイアウト。私がやりたいのはまさにこれなのだった。今はそうなってないけど、家に帰ったらトライしよう。。

最低限の CSS のみで Masonry のようなグリッドレイアウトを組む方法 | SiTest (サイテスト) ブログ

2019/10/28 7:48:05

cssだけでできることが増えてるんだなあ。トランジション系のやつもチェックしとかんといかんな。。

2019/10/28 7:59:09

flexboxを使う方法もあるのか。。

digipress.info/tech/pure-css-…

2019/10/28 8:01:16

これはcss gridを使うmasonryレイアウトの実装方法。これが良さそうですな。。

Masonry style layout with CSS Grid - Andy Barefoot - Medium
I’ve been working on a way of using CSS Grid and a small amount of JavaScript to make Masonry style layouts. I reproduce all the…

2019/10/28 8:01:41

家に帰ったら試してみよう。。

2019/10/29 6:03:29

いろいろあって今minimasonry.jsを試してる。。

No Image
MiniMasonry.js
https://t.co/xaLbI2rK48

2019/10/29 12:50:46

このソースコードを読んだが、なかなか面白いなあ。translate3d使って高速に配置するというね。。gpuのアクセラレーションが期待されるんだな。。と思ったらホームページに書いてあるわ。。

2019/10/29 12:52:00

コードも138行しかないわ。。

2019/10/31 20:17:35

このライブラリ、リサイズするとちょっと間隔がおかしくなるバグがある。ソース短いのでclassモジュール化するのと合わせてバグ修正を行った。

2019/10/31 20:21:16

このライブラリはcss gridを使っているわけではなくて、親をposition:relative、子をposition:absoluteにして、JSで指定した幅で子を並べるという単純なものである。こういうJSはむかし見かけたことがあるが、違うのはtranslate3dを使って位置決めをしているところである。

2019/10/31 20:23:45

ちなみに修正したソースはこれである。

sandbox/minimasonry.js at master · sfpgmr/sandbox · GitHub
JS,WebGL,three.jsをいじるためのレポジトリ. Contribute to sfpgmr/sandbox development by creating an account on GitHub.

2019/11/1 6:08:18

現在の状況。ぼちぼち進めてる。。 https://t.co/05kMAngTTa

2019/11/3 8:00:03

twitter APIのstatuses/user_timelineで取得できるtextが途中でtruncateされてしまうので調べたところ、ここに行き着いた。。

ios - Twitter api text field value is truncated - Stack Overflow
why text field value is truncated and how can i get complete value.
As of now i am trying to get text field value like below

do {
if let responseObject = try NSJSONSerialization.

2019/11/3 8:01:01

新しいパラメータ「tweet_mode:'extended'」が必要なのね。ドキュメントには書いてなかったんだよなあ。。

2019/11/3 8:22:35

masonryレイアウトの勉強ついでに関連する技術について勉強中。。

No Image
Binary Tree Bin Packing Algorithm

2019/11/4 8:19:26

twitter APIで得たデータをmasonryレイアウトで表示してみてる。現在の成果。oembedで取得したHTMLをレンダリングして並べることができるようになった。が、猛烈に遅いな。。 https://t.co/cHvvLoMPO7

2019/11/4 8:19:27

これがレンダリング時の動画。。猛烈に遅いことがわかっていただけると思う。oembedで取得したHTMLはwidgets.jsにレンダリングを任せてるんだけど、そこがまず遅い。これが200個ともなるとまあこうなるわな。。

Youtube - Twitter APIで取得したデータをMasonryレイアウトで表示してみる。

2019/11/4 8:26:00

事前に静的にページをレンダリングするときにwidgets.jsを実行すればこれは解消しそうだけど、Twitterのステータスはリアルに変動するから静的な領域にそれを移行するのは全部は難しいと思う。

2019/11/4 8:26:00

工夫した点としては、widgets.jsはレンダリング終了時にイベントを発火してくれるので、それを捕まえてminimasonry.jsのlayout()を呼んでいるところだろうか。各tweetの高さはJSによるレンダリングが完了しないと判明しないので、layout()は最後に処理する必要がある。

2019/11/4 8:28:27

あと一応レスポンシブに作ってるんだけどブラウザのサイズを変更すると妙な隙間が空いてしまう点も何とかせんといかんな。。

2019/11/4 8:36:10

あと各ツィートの横幅もある程度可変できるようにしたいんだよな。

2019/11/4 8:38:09

トップページはTwitterだけではなくて、Youtubeのアップデートとか、ブログの記事とか、Qiitaの記事とかをまとめて表示するつもりなんだけどね。10~30アイテム位でページングしようと思っているんだよね。

2019/11/4 9:42:01

これが今今の成果物ですがね。。まあ描画が遅いわ。。

No Image
Document

D.S.A.@ym2413

2019/11/4 9:35:20

SINテーブル、指数テーブル、エンベロープ生成器を全交換した emu2413 の演奏です。動画はステレオで右チャンネルが emu2413、左チャンネルが ym2413 実チップの演奏。だいぶ実機に近くなったと思います。 https://t.co/XoL6mPzItZ

KenKenMkIISR@KenKenMkIISR

2019/11/3 22:11:23

やったー、できた!ボタンの代わりに基板を傾けて動かすパックマン。本体を軽くノックするとゲームスタート。PIC32マイコンと加速度センサー、液晶、圧電ブザーのシンプルな構成で、作るのも簡単。モバイルバッテリーをつなげればどこでも遊べちゃう。 https://t.co/P9jao5y2Vb

三重野 慶art@mienokei

2019/11/4 0:32:41

この絵が出来たの2年前
丸々1年半この絵だけ描いてた
もうすごい昔に感じるな https://t.co/nYVa0Z7KGK

D.S.A.@ym2413

2019/11/3 8:14:24

YM2413のアタック変化は実チップからの録音で見ると、EG出力値 96 or 95, 73 or 72, 54, 40, 28, 20, 13, 9, 5, 1 で間違いないと思うのだけど、やっぱ計算式は謎...。OPL系なら val -= val /8 + 1 ぽいんですが、以前書いたとおり形状違うんですよね。 https://t.co/EBpD94HVls

S.F.@SFPGMR

2019/10/24 5:04:26

今これが出まくって困ってる。。

Permission issues on WSL with VSCode Remote · Issue #1658 · microsoft/vscode-remote-release · GitHub
VSCode Version: September 2019 (version 1.39) Local OS Version: Windows 10 Remote OS Version: WSL Ubuntu Remote Extension/Connection Type: WSL Steps to Reproduce: git clone https://github.com/Jeff-...

2019/10/24 5:05:28

solutionとしてはこれか。。

Developing in the Windows Subsystem for Linux with Visual Studio Code
Using Visual Studio Code Remote Development with the Windows Subsystem for Linux (WSL)

2019/10/24 5:12:09

これやっても何もかわらんなあ。。

2019/10/24 5:14:59

ありゃ?いつのまにかwsl1になっとる。。 https://t.co/FrLZRAXHYL

2019/10/24 5:18:17

別のドライブにVMをうつしたせいかな?とりあえずwsl2に変換中。。 https://t.co/y4BKkvNW1l

2019/10/24 5:19:11

ちなみに移し方はこれ。。

[WSL 2] move VHD File · Issue #4320 · microsoft/WSL · GitHub
Thanks for the good work of bringing WSL 2! I am wondering that if it is possible to move VHD File to another volume. Thanks in advance!

2019/10/24 5:20:03

移したらこれもやっといたほうがいい。。

Impossible to set default user of distribution installed via wsl --import on 1903 · Issue #3974 · microsoft/WSL · GitHub
Windows Version 10.0.18362.30 (1903) The only way that's left to set the default user of a distribution is via its command line utility (ubuntu.exe for example). However, for Distributions inst...

2019/10/24 5:22:00

インポートした後「wsl --list -v」で確認したつもりだったのだが。とすると移した後は「wsl --set-version (ディストリビューション名) 2」やる必要があるのかね。。

2019/10/24 5:24:48

まじにnpmのオペレーションやると頻繁にこのエラーが発生してたまらん状態である。wsl2はまだ完成してるわけではないから、安定を望むなら使わないほうがいいのだが。
もうubuntuとのデュアルブートにしたほうがいいかもしれんなあ。。

2019/10/24 5:25:17

まあでも面白いからいいか。。

2019/10/24 5:29:26

でももうちょっと待ったら、ChoromiumベースのEdgeみたく、Windows 10のOSカーネルもlinuxベースになったりして。。

2019/10/24 19:29:02

家に帰ると変換が終わっていた。 https://t.co/sanTADR6v5

2019/10/24 19:30:20

やっぱりexport -> importしたときにダウングレードしてしまってたんだろうな。。 https://t.co/koHxzRzbqn

2019/11/3 8:20:47

その後。。npmパッケージのインストールやrollupにおけるバンドル処理が異常に速くなって驚いている。

S.F.@SFPGMR

2019/11/3 8:02:23

風邪はだいぶ良くなったがまだ頭痛と喉の痛みがのこっている。先週は休めない状況だったのでロキソニンを飲んで凌いでいた。

2019/11/3 8:07:36

しかしこのロキソニンという薬、私にはなかなか強力である。のどの痛みや頭痛であれば飲めばほぼ治まってしまう。切れると痛み出すが。

2019/11/3 8:07:37

そして金曜日は午後から服用を停止して、3連休なので発熱させて菌やウィルスを殺すことにした。発熱が抑えられるといつまでも菌やウィルスが残るような感じがするので。案の定38度台まで一気に発熱して夜は思いっきりうなされる状態。。朝起きるとかなりのどの痛みが軽減してる状況。

2019/11/3 8:09:10

そして土曜日に定期的に通院している耳鼻咽喉科でいつもの治療を行って昏々と眠り、ちょっと起きてはネットをチェックしてまた寝る。。といった感じで今日にいたる。。

2019/11/3 8:16:00

私のような一般人は発熱を抑えるのは治療の一環のように思うけど、発熱自体は体の免疫機能が正常に働いているということなので、風邪が起因するものでない&異常な発熱が長期間続かない限りは解熱剤の類は飲まないほうがいいんだろうな。。

herumi@herumi

2019/11/2 8:15:11

Xbyakによるアセンブリ言語レベルでの最適化、比較的な高度な数学的知識、ドメインに応じた数学的トリックを組み合わせて高速化するの、めちゃ楽しい。そしてそれがいろんな人に使われるととてもうれしい。
medium.com/prysmatic-labs…
Integrating Slick New BLS Library by Herumi into Prysm