ウェブフロント
- angular
- corewebvitals
- editorconfig
- gatsby
- hls
- html
- javascript
querySelectorAllで取得した要素は配列ではないらしい
JavaScript 配列内のオブジェクトの更新ってどうする?
デバッグ関数とかnullチェック関数をutil/index.tsにおいとけば楽なことに今頃気づいた。
ブラウザからジャイロセンサーを使ってみる
JS 画像のアップロード、プレビュー機能を実装
「数値から各桁の値を取り出す処理」って言われたら数学的な処理が一番に思い浮かぶけど、JSならそんなことなかった。
Callback時代の関数をPromise化する
個人的実装されてほしいECMA Script Proposal
JavaScriptのprototypeを使う
音声をなみなみさせる
AudioWorkletとAudioWorkletProcessorを使って音声のビジュアライゼーション
- next
- nuxt
- playwright
- prettier
- react
- reactnative
- tensorflowjs
- tools
- typescript
- wasm
- websocket
- ポエム
- 開発環境
サーバー
その他
gatsby
概要
React製のSSGフレームワーク。最近はSSRにも対応。
GatsbyCloudにデプロイが可能。SSG用途であればでのホスティングサービスでも利用可能。
特徴
- 豊富なプラグインシステム
- パフォーマンスが良い
- テンプレート機能
- 画像最適化
- GraphQLを使ったデータアクセス
最近の動向(筆者主観)
最近のアップデートでは並列ビルドやSliceAPIなどビルド高速化へのアプローチが多い。
GraphQLを使ったデータアクセスは独自路線で面白い。
typegenが公式プラグインになる等、TypeScriptのサポートも強化されている。
気軽にLightHouseスコアで100点を出せる嬉しさは欠かせない。
GatsbyやJamStackが流行するためにはCMSの動向も見る必要がある。
Thanks you for reading.