ワンダバン@wandaban
ニューラルネットでゴジラ1954をカラーにしてみた。(その3)
#ゴジラの日 https://t.co/dsaLgJrf2v
まかべひろし@sinpen
昔、エミュに頼りまくって作ったGameBoyソフトが実機でまったく動かず、アルファ版提出したらクライアントに超怒られたのを思い出した。エミュは完璧じゃない前提でいないとダメね。（学生時代の思い出 twitter.com/mucom88/status…
S.F.@SFPGMR
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
と思って試してみたらまだ解消されてなかったな。。
理由はこれらしい。
これによると、
・pm2は.mjsファイルをrequireによってサイド・ローディングしようとするので、そこで以下エラーが発生する
[ERR_REQUIRE_ESM]: Must use import to load ES Module
回避するには2つの方法がある。
１．esmを使ってesmファイルの拡張子を.mjs -> .jsに変えてnode_argsに-r esm をつけて実行
２．ダイナミック・ローディングを使って.jsから.mjsをインポートする
ということらしい
この２つの方法でもいいような気がするが、私はrollupでバンドルしたjsで実行することにした。。
というわけでkoaに移行して、ようやくnode12かつhttp/2でWebをホストできるようになった。
S.F. Web
Programming,Music,Game,etc..
あとはコンテンツをちゃんと作り直さんとな。。
ああ、ちょっとすっきりしたな。。
トップページはTwitter,Youtube etc ... のアクティビティ表示をメインにするつもりなのだが、まだ具体的なアイデアは浮かばんな。。
年内はページ改造で終わってしまいそうだな。。うーむゲーム音源作りはしばらくお預けか。。でもできるだけはやくこれを片付けて次に進もう。。
HTTP2で動いてるかチェックしてたらhttp/2+quic/46とかいうプロトコルを発見した。なんじゃこれは。。 https://t.co/pdfs97LotU
quic（くぃっく）ちゅうプロトコルなのね。。udpによる多重接続か。。
くそう、HTTP/2のサポートは結構はやめにやったんだけど、もう時代遅れになっとるのか。。いうてもまだquicはこれからのようだのぉ。。
nginxも1.17でquicをサポートするのですな。。
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.
いやぁ。知らんかったなあ。。
udpと聞くとゲームに向いてる気がする。なぜか..。
いまでこそTCP/IPが標準となってるが、私がNWを知ったころはIPXやらNetBEUIやらとかもありましたなあ。なんか思い出してしまったわ。。
まあそれはさておき、ejsを復習しつつ、今のテンプレート・エンジン界隈をチェックするとするか。。
画像最適化戦略 Lazy Loading 編 | blog.jxck.io
長らく議論されてきた `<img>` や `<iframe>` における Lazyload について、仕様と実装が動きを見せている。ここでは、特に画像 `<img>` に注目し、 Lazyloading の議論の変遷を踏まえた上で現状を解...
トップページはTwitter、YouTube、自作ブログシステムのポストを時系列で表示するものにしようかなと思ってる。まずはtwitterのツィートをAPI経由で取り出してテンプレート・エンジンでHTMLしてみようかなと思っている。データのマネジメントはsqlite3で行おうかなと思ってる。
これすごく便利だと思うんだよね。。
SQLite3のJSON機能が便利だった - Qiita
#SQLite3のJSON
SQLite3.9からJSON関連の機能が追加されたのは[Sqlite 3.9 の Json1を試した](https://qiita.com/smith/items/c0bd002666a23a6fe8...
とりあえず、Twitter APIをいじってみた結果。。200個のTweet&RetweetをCSS Gridでただ並べただけ。。
https://t.co/I2RN8E5UsY
Tweetのレンダリングはoembedに任せてみてるが、このままじゃいかんよなあ。。
表示のカスタマイズをしたいと思うけど、ルールを守らんといかんので、よく読んどかんといかんわな。。
masonryっていうのか、このレイアウト。私がやりたいのはまさにこれなのだった。今はそうなってないけど、家に帰ったらトライしよう。。
最低限の CSS のみで Masonry のようなグリッドレイアウトを組む方法 ｜ SiTest (サイテスト) ブログ
cssだけでできることが増えてるんだなあ。トランジション系のやつもチェックしとかんといかんな。。
flexboxを使う方法もあるのか。。
digipress.info/tech/pure-css-…
これは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…
家に帰ったら試してみよう。。
いろいろあって今minimasonry.jsを試してる。。
https://t.co/xaLbI2rK48
このソースコードを読んだが、なかなか面白いなあ。translate3d使って高速に配置するというね。。gpuのアクセラレーションが期待されるんだな。。と思ったらホームページに書いてあるわ。。
コードも138行しかないわ。。
このライブラリ、リサイズするとちょっと間隔がおかしくなるバグがある。ソース短いのでclassモジュール化するのと合わせてバグ修正を行った。
このライブラリはcss gridを使っているわけではなくて、親をposition:relative、子をposition:absoluteにして、JSで指定した幅で子を並べるという単純なものである。こういうJSはむかし見かけたことがあるが、違うのはtranslate3dを使って位置決めをしているところである。
ちなみに修正したソースはこれである。
sandbox/minimasonry.js at master · sfpgmr/sandbox · GitHub
JS,WebGL,three.jsをいじるためのレポジトリ. Contribute to sfpgmr/sandbox development by creating an account on GitHub.
現在の状況。ぼちぼち進めてる。。 https://t.co/05kMAngTTa
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.
新しいパラメータ「tweet_mode:'extended'」が必要なのね。ドキュメントには書いてなかったんだよなあ。。
masonryレイアウトの勉強ついでに関連する技術について勉強中。。
twitter APIで得たデータをmasonryレイアウトで表示してみてる。現在の成果。oembedで取得したHTMLをレンダリングして並べることができるようになった。が、猛烈に遅いな。。 https://t.co/cHvvLoMPO7
これがレンダリング時の動画。。猛烈に遅いことがわかっていただけると思う。oembedで取得したHTMLはwidgets.jsにレンダリングを任せてるんだけど、そこがまず遅い。これが２００個ともなるとまあこうなるわな。。
Youtube - Twitter APIで取得したデータをMasonryレイアウトで表示してみる。
事前に静的にページをレンダリングするときにwidgets.jsを実行すればこれは解消しそうだけど、Twitterのステータスはリアルに変動するから静的な領域にそれを移行するのは全部は難しいと思う。
工夫した点としては、widgets.jsはレンダリング終了時にイベントを発火してくれるので、それを捕まえてminimasonry.jsのlayout()を呼んでいるところだろうか。各tweetの高さはJSによるレンダリングが完了しないと判明しないので、layout()は最後に処理する必要がある。
あと一応レスポンシブに作ってるんだけどブラウザのサイズを変更すると妙な隙間が空いてしまう点も何とかせんといかんな。。
あと各ツィートの横幅もある程度可変できるようにしたいんだよな。
トップページはTwitterだけではなくて、Youtubeのアップデートとか、ブログの記事とか、Qiitaの記事とかをまとめて表示するつもりなんだけどね。10～30アイテム位でページングしようと思っているんだよね。
これが今今の成果物ですがね。。まあ描画が遅いわ。。
D.S.A.@ym2413
SINテーブル、指数テーブル、エンベロープ生成器を全交換した emu2413 の演奏です。動画はステレオで右チャンネルが emu2413、左チャンネルが ym2413 実チップの演奏。だいぶ実機に近くなったと思います。 https://t.co/XoL6mPzItZ
KenKenMkIISR@KenKenMkIISR
やったー、できた！ボタンの代わりに基板を傾けて動かすパックマン。本体を軽くノックするとゲームスタート。PIC32マイコンと加速度センサー、液晶、圧電ブザーのシンプルな構成で、作るのも簡単。モバイルバッテリーをつなげればどこでも遊べちゃう。 https://t.co/P9jao5y2Vb
三重野 慶art@mienokei
この絵が出来たの2年前
丸々1年半この絵だけ描いてた
もうすごい昔に感じるな https://t.co/nYVa0Z7KGK
D.S.A.@ym2413
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
今これが出まくって困ってる。。
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-...
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)
これやっても何もかわらんなあ。。
ありゃ？いつのまにかwsl1になっとる。。 https://t.co/FrLZRAXHYL
別のドライブにVMをうつしたせいかな？とりあえずwsl2に変換中。。 https://t.co/y4BKkvNW1l
ちなみに移し方はこれ。。
移したらこれもやっといたほうがいい。。
インポートした後「wsl --list -v」で確認したつもりだったのだが。とすると移した後は「wsl --set-version (ディストリビューション名） 2」やる必要があるのかね。。
まじにnpmのオペレーションやると頻繁にこのエラーが発生してたまらん状態である。wsl2はまだ完成してるわけではないから、安定を望むなら使わないほうがいいのだが。
もうubuntuとのデュアルブートにしたほうがいいかもしれんなあ。。
まあでも面白いからいいか。。
でももうちょっと待ったら、ChoromiumベースのEdgeみたく、Windows 10のOSカーネルもlinuxベースになったりして。。
家に帰ると変換が終わっていた。 https://t.co/sanTADR6v5
やっぱりexport -> importしたときにダウングレードしてしまってたんだろうな。。 https://t.co/koHxzRzbqn
その後。。npmパッケージのインストールやrollupにおけるバンドル処理が異常に速くなって驚いている。
S.F.@SFPGMR
風邪はだいぶ良くなったがまだ頭痛と喉の痛みがのこっている。先週は休めない状況だったのでロキソニンを飲んで凌いでいた。
しかしこのロキソニンという薬、私にはなかなか強力である。のどの痛みや頭痛であれば飲めばほぼ治まってしまう。切れると痛み出すが。
そして金曜日は午後から服用を停止して、３連休なので発熱させて菌やウィルスを殺すことにした。発熱が抑えられるといつまでも菌やウィルスが残るような感じがするので。案の定３８度台まで一気に発熱して夜は思いっきりうなされる状態。。朝起きるとかなりのどの痛みが軽減してる状況。
そして土曜日に定期的に通院している耳鼻咽喉科でいつもの治療を行って昏々と眠り、ちょっと起きてはネットをチェックしてまた寝る。。といった感じで今日にいたる。。
私のような一般人は発熱を抑えるのは治療の一環のように思うけど、発熱自体は体の免疫機能が正常に働いているということなので、風邪が起因するものでない＆異常な発熱が長期間続かない限りは解熱剤の類は飲まないほうがいいんだろうな。。
herumi@herumi
Xbyakによるアセンブリ言語レベルでの最適化、比較的な高度な数学的知識、ドメインに応じた数学的トリックを組み合わせて高速化するの、めちゃ楽しい。そしてそれがいろんな人に使われるととてもうれしい。
medium.com/prysmatic-labs…
Integrating Slick New BLS Library by Herumi into Prysm