akabeko akabekobeko

あなたのプロジェクトに Frontend Ops を。

現状

Full Plan: 1ヶ月 120万
- 秘密保持契約を行い、ソースコードを分析し、改善を行います
- 現在受付可能なのは、1月以降です
- 調査費用は50万~になります
Lightweight Plan: 外部計測のみ 50万
秘密保持契約抜きで外部からの監視を行います

Node.jsのTypeScriptサポートについて

Created: 2024-07-28
Updated: https://gist.github.com/azu/ac5dafbf211ef8b5ecf386930ac75250/revisions

Node.jsのTypeScriptサポートに関する議論を時系列でまとめたものです。

Start

Issue: Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders

marp	theme	paginate
true	gaia	true

LLMによるフロントエンド生成自動化

mizchi | Plaid Inc
TechFeed Expert Night 31

InDesign文字組みアキ量設定に対応するCSSのプロパティ指定

はじめに：CSS text-spacing-trim プロパティが利用可能に！

CSS Text Module Level 4 の text-spacing-trim プロパティが最近のブラウザ Chrome (Chromium) 123 以降で利用可能になりました。また、CSS組版ソフトVivliostyleでも以前から利用可能です。

この text-spacing-trim プロパティの機能（行頭・行末や連続する約物の詰めの制御）は、DTPソフトのInDesignの文字組みアキ量設定に近いものです。そこで文字組みアキ量設定に対応するCSSでの設定方法をまとめます。

text-spacing-trim プロパティの値は次の通り：

Ref なぜ僕は公式ドキュメントを読むのが苦手なのか #初心者 - Qiita

次のようなセクションがあった場合、何を読むかというのはその目的によって異なるという印象。

Getting Started: インストール、セットアップ
Tutorial: 基本的な使い方(代表的な使い方)
Concepts: デザインのコンセプト、なぜ作ったか
Examples: 動くサンプル
API Reference: APIのリファレンス

技術文書の書き方

このメモは、私（@ymmt2005）が長年にわたってソフトウェアプロダクト開発に関わってきて 2022年現在こうしたほうが良いと考えているベストプラクティスです。

科学的な分析等に基づくわけではない経験則であるため、今後も随時見直すことがありますし、ここに書いてあることが常に正しいわけでもあらゆるソフトウェア開発に適するわけでもありません。

しかしながら、実務経験が豊富で、モダンな技術スタックに明るいエンジニアの経験則は一定の役に立つのではないかと考えて記します。

tl;dr

高円寺の南のほうのあたりで、ちょっとした新築共同住宅プロジェクトを立ち上げてみたいと思っています。つきましては、このプロジェクトの趣旨とノリに賛同してくださって居住してくださる方をふわっと募集します。

My New Gear...

最近、高円寺の南のほうのあたりに築古賃貸物件を買ってみました。物件概要はざっくり以下のような感じです。

立地: 丸の内線東高円寺駅徒歩5分、JR中央線中野駅徒歩12分(Google調べ)
地積: 110平米と120平米の間ぐらい
建物: 築およそ30年の2階建て木造アパートを賃貸運用中

この建物には問題がある！

フロントエンドの技術選定で考えること

Frontend Study 用

前提: フロントエンドは式年遷宮が有効である

DB を持たないため、表層の技術を交換するだけで済む
- JSON API が実質的な分解点になっている
- 近年ではモバイルアプリのために JSON API が切り離されていることが多く、ここの利用者になるだけでよい
Rails や PHP で ORM ヘルパーにべったりな場合に困難になる(クライアントで同等のバリデーションを再現する必要)

tsconfig.json の設定についてのメモ書きです。

Node.jsのバージョンごとの設定

target は変換後のコードのECMAScriptバージョンを指定するたとえば、Node.js 14はES2020をサポートしている。そのため、Node.js 14向けのコード(サーバなど)ならtarget: "ES2020"を指定することで、余計なTranspileが省かれててコードサイズや実行時間が最適化される。

	// Adapted from https://gist.github.com/jakubriedl/812c2a7b26927a2249a4719555d9a0ca
	import DataLoader from 'dataloader'
	import { Exchange, Operation } from 'urql'
	import { pipe, map } from 'wonka'

	interface BatchRequest {
	url: RequestInfo \| string
	options?: RequestInit
	}