ターニングポイントさん!?

カテゴリー: 技術 Page 1 of 12

KindleのSilkブラウザをデバッグする

consoleとか見たいんじゃ。なんでググっても情報ないんじゃ。

◆結論

https://docs.aws.amazon.com/silk/latest/developerguide/remote-debugging.html

いや、微妙にわかりにくいわ。

◆用意するもの

  • Kindleくん
  • KindleくんとUSBで接続できてChromeがインストールされているPC。
    • Windowsでやってる。LinuxとかMacは知らん。やれそう。やれんのか。やれよ。遠慮するこたねぇよ。力でやれよ力で。

◆手順

「コードを書きたい」と言う開発者よ

※愚痴

若いうちはまぁそう宣うのも致し方なかろう。とはいえ、コード書きたいなら自分でなんぼでも書けばええねん。技術力が欲しいんなら仕事の合間に勉強しやがれ。それが普通だ。

それをしないのに「技術力が得られる仕事をしたい」とか言ってジョブホップするのは、ちゃんちゃらおかしい。場所を変えれば技術力が得られると思ってるのは言ってることがだいぶおかしい。それは、お前のお守りをしてくれる現場を探しているってだけじゃないか。

◆保守作業

無料だからPowerAutomateDesktop使って寝マクロ書く

無料だからね…

いずれはOSの基本ソフトにもなるらしい。

「Power Automate Desktop」と「Windows Terminal」がOSに同梱 ~プレビュー版でテスト魚拓

◆おことわり

(2021年3月時点)なんかプレビュー版って書いてあるな。その名に恥じず色々足りてないような気がしている。機能でいえば足りてるっちゃ足りてるんだが、細かいところが。

説明画像とか載せたくないので載せない。表示遅くなるしギガが減るし、CDN用意したりでブログ引っ越す時とか面倒だし。

◆寝マクロとは

【クソシステム探訪】NHKオンデマンド死ね

TVerはじわじわ進化してきていて良いと思う。TELASANHKオンデマンドはサービスとしておかしいので許さない。NHKオンデマンドは実装がヤバいので特に許さない。あのクソ製のゴミは誰が作ったんや。

◆NHKオンデマンド死ね

NHKオンデマンドは、使い勝手悪すぎるのもそうだけど、あらゆる設計とコードがマジでヤバい。Networkのタブ見てるだけで苦笑いするほど設計がヤバいし、Sourcesのタブを眺めてたらもう怒りが湧くっちゅうか脱糞しそうになる。劇的なバカうんち会社が作ったとしか思えん。探せばセキュリティホールとか普通にありそう。

↓見た感じ、docomoの開発だな。

https://www.nhk-ondemand.jp/material/disp/screen/panel/img/A001_adviseProgram/hls_player/js/libs/jbsubtitlelibrary.js魚拓

【Web】BabelってなにPolyfillってなにPolyfill.ioってなに

ググれカス!

あ、ググってここに来たの。ごめん。そりゃそうか。

◆ハイケイ

ブラウザによって処理可能なJavaScriptは違う。

上記から、ふたつの事柄が想起される。

  1. JavaScriptの仕様らしい仕様がなかった時代の話
  2. 仕様ができて、みんなノリ気になってからの話

JavaScriptがこの世にリリースされた際、それが動作するWebブラウザはひとつっきゃなかった。それから暫くして「便利だねぇ」っつって他のブラウザもJavaScript動くように追従してきたんだけど、各ブラウザベンダーがてんでに実装したら馬鹿げた事態になるでしょう。SQLみたいに、各ブラウザ向けのJavaScriptを書かねばならなくなる。エンジニアが死んじゃう。だから仕様(標準)を整理しようという話になり、ECMAScriptが策定された。

ECMAScriptという仕様にはバージョンがあって、バージョンを重ねれば当然に機能が追加されたりする。各ブラウザはECMAScriptの仕様に則ったJavaScriptが正常に動くよう実装を進めるわけだが、古いブラウザは古いJavaScriptしか動かないままになる。

古いブラウザを古いまま使うチンパン知能のクズ人間が大勢いるもんで、新しめのJavaScriptで書いても「動かないよぉ」とか苦情くる。そういう奴らは一列に並ばせてから順繰りに殴れば良いんだけど、いかんせん数が多いので殴る方も腕が持たなくなってくる。そこで、もっと簡単に殺せるように近頃は竹槍を使って喉元を突くようになった。

…ちがう。すごい間違えた。Babelを使ってそのへんの問題を解決するようになった。

◆余談:compatibility

どのブラウザがどのJavaScriptの機能を実装しているのかってのはコンパチテーブルと俺が勝手に呼んでいるサイトを参考にすればいい。

【TypeScript】declare globalな@typesはtsconfigのtypesに設定しろ

この記事は「恐怖!ねばねばオクラ納豆大好き人間アドベントカレンダー」という有りそうで無かった(今もない)アドベントカレンダーの25日目の記事です。メリークリスマス。

◆結論

タイトルオチなんだが、tsconfig.jsonのcompilerOpsions.types配列に指定しろ。

◆IKISATSU

Webフロント開発してて、.env使おうと思った。いつもはVue CLIくんが勝手にセットアップしてくれるんで何も考えずに使ってたんだけど、「process.env.NODE_ENV」を読もうとして起こられた。

名前 ‘process’ が見つかりません。ノードの型定義をインストールする必要がありますか? npm i –save-dev @types/node を試してから、お客様の tsconfig の型フィールドに node を追加してみてください。

「型フィールド?なんかつよそうだね。」「俺はお客様ではない。」と思って、とりあえず英語版のエラメを見てきた。

【Azure Pipeline】yarnとかpnpmでvsts-npm-authっぽいことする

この記事は「真空・大おちんちん感謝祭アドベントカレンダー」という存在しないアドベントカレンダーの25日目の記事です。メリークリスマス。

◆結論

Package: npm Authenticate task (for task runners)

◆何がしたいのか

Azure DevOpsArtifactsっていう機能使えばオリジナルのnpmライブラリを配信できる。して、オリジナルなライブラリだから、そのライブラリを配信できるregistryが必要になりますよね。それもArtifactsから提供できる。提供できるんだけど、誰からでもregistryを使えるのは困る。だから認証が必要。

◆ローカルからregistry見る

【俺の主観的な技術小話】データってなに?

※注:どこでも通用する話ではない。俺の主観だっつってんだろ。

データという概念と、その周辺の物事についてクソ長文で話す。話す意味はわからない。読んでお前がどう思うかは知らない。

技術の話もするけど、別にエンジニアでなくとも理解はできるんじゃないかい。概念について話していくわけですから。

◆意図

最終的には「オメーらプログラマーども、データの扱い方おかしい」と言いたかった。それを言いたいがためにほぼ関係ない前置きをすげぇ話す。本題は最後にちょっとだけ話す。

そんな感じ。

◆そのへんのデータ

この文章はまずデータであると思う。文章であるし、データであるとも言える。また、俺が昨日みたエロ画像は画像データだ。そして今この文章を読んでいる人間であるところのお前には、情報が付きまとっている。氏、名、性別、住所、生年月日。とかとかとか。

「文章」「画像」「データ」「情報(Information)」という語彙が出てきたわけだが、それらの差は何なんだろか。

JavaScript、TypeScript、Vue、Vuetifyで要素描画時にアニメーションする

フェードインとか。

おまけもあるよ💖

◆おことわり

古いブラウザは知らない。帰れ。

…いや、帰れよ。何だよその目は。

…かーえーれっ!かーえーれっ!

ウェヒヒヒwww

あ!泣いてやんの!だっせ!だっせ!

◆Intersection Observer

まえに、画像の遅延読み込みについて書いたんです。そこで登場したIntersection Observerくんが活躍します。応援してあげてください。

プルリク捌き技

※お前の現場では再現性がないかも。

◆何のためにプルリクを捌くのか

幸せになるためです。

気に食わないパッチを弾くためではないです。

◆技集

▼ソフト&ウェット

コードを書いた人を責めてはいかんし、その人の努力を無に帰すような発言をしてはいけない。

単純な「名前イケてないから修正ね」「この書き方だめだから、こう書いて」「この処理まるまる意味無いですバカ」「お前はバカ」「金返せ」とか、吐き捨ててはいけないです。

Page 1 of 12

Powered by WordPress & Theme by Anders Norén