Cloudflare で実装するハンドルネーム重複判定
CloudflareTypeScript
X(旧 Twitter)、GitHub のようなハンドルネームのあるタイプのサービスでは、アカウント登録時に誰にも使用されていないハンドルネームを決める必要があると思います。この際、以下のように入力と同時にハンドルネームの使用可否が分かると…
812
0Popular
8if文を使わずにFizzBuzzをする
C
高専時代、C言語FizzBuzzコードゴルフ遊びをしてた時に後輩に教えてもらったやつ !が実質分岐の役割をしてなくもないが許してください 解説 for分で1から100まで回して、結果をprintfで出力するのは見ればわかるので割愛します。 …
5
215
1【API Design】動作を表す Custom Method
はじめに Google が公開している API Design に関するドキュメントに，Custom Method というデザインパターンが紹介されています． 一般的な RESTful API の設計 例えば，記事を投稿するサイトを設計すると…
👍1
1
112
0正規表現ゴリ押し部
正規表現
みなさん、正規表現は好きですか？\ 私は好きです。 なにせ判定条件がはっきりとコード上にありますからね。\ これをマッチさせたいとか、あれをマッチさせたくないとか、それらがすべてコード上に明快に書かれていることのすばらしさよ！ 例えばあなた…
5
110
0好きなエディタでwbsbの記事を書く
https://x.com/Comamoca\/status/2063108384690438620?s=20 とりあえずログインしてみたけど、現状投稿方法がブラウザのみだから何らかテキストエディタで書いたものを投稿できるようになって欲しい…
2
118
0wabisabiのヘッダーで使われてるブラー
CSS
wabisabiのヘッダーでは、上に行くほど強いブラーがかかるヘッダーを採用しています。単純にグラスモーフィズムのような一様なものではなく、作るのに少し苦労したのでメモします。 Blurの配置 まず、blurの値をliner-gradien…
❤️1👍1
2
1
1
21110
0React で毎フレーム描画する関数を繋ぎこむパターン
React
React の枠組みに順当に則ってタイマーを描画したりしようとするとuseEffect で setInterval ないし requestAnimationFrame を発火し、その中で setState を呼ぶなどのような書き方になります…
👍33
37
0Branded TypesとDiscriminated Unionの違い
TypeScriptBranded TypesDiscriminated Union
Branded TypesとDiscriminated Unionをご存知でしょうか？ これらはTypeScriptでよく使われる型テクニックですが、やっていることが微妙に似ていて混同されることがあります。 本記事では、これら2つの違いにつ…
👍1
1
16
0Google Apps ScriptでPrisma Schemaを使う
Prisma
は？と思うかもしれません。順を追って説明します。 はじめに まずGoogle Workspaceにはスプレッドシートがありますよね。そしてこれはGoogle Apps Script(GAS)で操作できます。そしてスプレッドシートを一種のDB…
115
0「The Minimal Retroreflective Microfacet Model」の解説と自作レンダラーでのレンダリング例
3DCGRenderingGraphics
この記事では、まず「The Minimal Retroreflective Microfacet Model」という論文についての簡単な紹介をします。 次に、その論文の実装を自作レンダラーに取り込んでレンダリングをしてみたので その結果につ…
24
0Typescriptの配列は型安全ではない
TypeScript
要点 部分型と破壊的変更を持つメゾットにより配列の型安全性を破壊できる readonlyやジェネリクスで対応可能 コード このコードはコンパイルを通るがランタイムにぬるぽする なぜ起こるのか 問題点はfoo の呼び出し時にtargetArr…
👀1
4
0.dockerignore生成を一発で。dibo
CLIDocker
Dockerを使っていると、.dockerignore の管理が意外と面倒だと感じることはないでしょうか。 毎回ゼロから書くのも手間ですし、プロジェクトをまたいでコピペしていると、気づけば不要なパターンが混入していたり、逆に必要なものが抜け…
👀2
4
1Markdown の見出しをツリー罫線で描画する目次の実装
TypeScript
記事の目次をファイルツリー風の罫線付きで描画する仕組みを、wabisabi の実装をもとに解説します。 処理は3段階に分かれます。\ Markdown 本文から見出しを抽出し、フラットな見出し配列からツリー罫線を生成し、スクロール位置に追従…
2
0