Building the PERFECT Linux PC with Linus Torvalds YouTube video by Linus Tech Tips

巷で話題の Double Linus コラボ (Linus Tech Tips × Linus Torvalds)
明示はしてなかったけど、コード数のくだりはElonに反発してBlueskyへ流れついた民として非常に共感できた
www.youtube.com/watch?v=mfv0...

クラウドフレア障害...

supabaseがダウンすると呟くbotみたいになってるけど、supabaseがoutageして暇になった。。
ブラックフライデーで買うものでも見よう

Check Supabase status IsDown monitors the status of Supabase and other 4200+ services. Check the page for updates.

Users are reporting problems with Supabase. Is Supabase down for you? RT if you are having issues. #supabasedown

アプリがいきなり動かなくなったと思ったらSupabaseで障害か。。
クラウドDBが動かない場合には完全にout of my handsなので潔く諦めて待つしかないねえ

ReactとTailwindで綺麗にComponent化したいけど、ある程度高度なUIにするとどうしても直接DOMをいじってstyle設定する必要が出てきちゃうな。。こーいう場面でもSeparation of Concernsを貫徹できるようなフロントエンドつよつよマンになりたいんごねえ。

cssっていつまでやっても、なんもわからん⇒すべて理解した⇒チョットできる⇒やっぱわからんを永遠にループしてる気がするな(?)

CSS: 4 Reasons Your Z-Index Isn't Working YouTube video by Coder Coder

子要素のz-indexを親要素に反映させるために親要素自身にはz-indexを設定しないように気を付けたけど、なぜか上手く行かなかった。そしたらどうやら親要素にz-indexを設定しなくてもtransformやopacityを設定するとだめぽということらしく、なんじゃそりゃあ。。
www.youtube.com/watch?v=qYi-...

Tailwind v4触ってみたけど、実用はまだかな。。
v4にもESLintやPrettierで自動クラス補完や自動クラス分類機能が反映されたら使えそう。

React 19なんも分からんのだけど、Tailwindもメジャーアップデートしてたんだ。フロントエンドってちょっと離れるだけで色々変わりすぎて二三カ月で浦島太郎状態になるね。。

スマホアプリのハーフモーダルって良いね。
これとPC版の水平方向トグルメニューでWebアプリにリスポンシブルUIとして実装してみたい。

バックエンド作成の手始めにLinuxお勉強。とても分かりやすい◎
Linux for Hackers // EP 1 (FREE Linux course for beginners)( www.youtube.com/watch?v=VbEx... )

XMLかJSONか論争が起きてるようだけど、丁度この前作ったサイトも活用したAPIがデータをXML形式で提供していて、当該データをサイト内で上手く表示するのに一工夫必要になったな。XMLみたいに高度に構造化された形式ではUIの構造に合わせるための非構造化が必要になるし、SQLのレコードみたいに各要素が正規化されてる方がディベロッパー目線だと扱いやすい気がする。ので最小限の構造化で抑えてあるJSONの方が流行るのもさもありなんというか

JavascriptではCallbackよりもPromiseの方がメモリ消費的にも実行速度的にも効率的なのか。。当然にSyntax Sugarだと思ってた。

(リンク間違えたので再掲)
React, React Router, Tanstack, Tailwindを用いて初めてのウェブ制作を行いました。
動的パンくずリスト、Zennのような動的目次、ドラック&ドロップ、マーカー加工、トーストといった多くの機能をサードパッケージ依存せず自作したので、フロントエンド/Reactエンジニア等も是非見てください！
⇒ e-law.info

法律関係者向けのウェブサイト-"電子六法"( e-law.info )を作りました。e-govや紙の六法を参考に、法令のリスト化機能・法律の表示機能・条文のカスタマイズ(メモ/マーカー/ブクマ)機能を可能な限り使いやすく作りました。無料かつ登録不要です。
法学部生、司法試験等法律系資格の受験生、仕業の先生、法務部の方々その他法律を参照するすべての法クラの方々のお役に立てますので、是非お使いください！

初めてのサイト制作がようやく一区切り付きました。

先週までには訪問したwebサイトで負荷を抑えつつ必要な情報を収集するWeb Scraper及びPDF to plain textのconverterが一応形になりました。
なので昨日は新たに正規表現に手を出してみました。ほんのちょっと触るつもりが一日没頭する羽目になる恐ろしい沼でした…笑

なお苦節12時間くらいで書いた渾身の(?)一行がこちら⏲️
裁判所のサイトに掲載されている規則のPDFから抽出したテキストの不要な改行のみをすべて発見します。

見た目は超絶汚いですが代わりにif文回すと例外処理多くて軽く100行は超えると思うので、短い正規表現は結構気に入りました😊

TypeScript初学者あるあるだろうけど、"自分で書くとコード量増えるしもう読めればいいや"と"VanillaJSの変数Dynamismによるエラー辛すぎて早く移行しよう"を自分の中で延々反復横跳びナウ…笑

最近NodeでWeb scraperを作っていて、ここ数日は理解できない挙動に苦しめられていました。結論としてVS Codeの表示バグだったのですが、ホッとしたような時間無駄にしたような何とも言えないこの感じ😣
やはり動作確認は違う環境で行わないとですね。。

backendのconsole.logだけに頼った怠慢により発生した勉強料ということで甘受しまする😇

Reactjsの潮流的にFull stackでDBaaSを利用するのが流行りそう！ということでSupabase触り始めました。Mongoの方がメジャーな気もするけど、SQL推しだから入りはこちらから。
Net NinjaさんのCrash Courseは半日で抑えられる分量なので好きです🙌
www.youtube.com/watch?v=ydz7...

Vanilla JS大好きっ子だけど、Nextjs触り始めたので今朝TypeScriptのチュートリアル見てみた。一般的な位置づけでは別言語やらスーパーセットという扱いだと思うけど、個人的な感触としては単なるDev toolだなと。JSに慣れ親しんでればハードルすごく低いし、framework使っててどうせ前処理必要な場合には処理工程増える訳ではないからアリかなと思いますた:)
youtu.be/30LWjhZzg50?...

アカウント作りました！
プログラミング(mern stack等)や法律を中心にゆるーく呟きますのでよろしくお願いいたします～～～