新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました アニメーションを作る時に、「思いついた演出をすぐに実装したい」「頭の中ではできているのに、コーディングするのが面倒」と思ったことはありませんか？アニメーション作成にはライブラリを使用することが多いと思いますが、使い方を調べて覚えて、ドキュメントからコピペしたり、ひたすらタイピングをして… 私はこれらの問題を解決するために、「Tween24」というライブラリを作りました。Tween24はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装できます。依存ライブラリもなく、単体で動作します。アニメーションライブラリの多くはオブジェクト型でプロパティを指定するためタイピングが多くなりがちですが、メソッドチェーンであればエディターのコード補完機能でスラスラと記述できます。 その他にも、メソ
こんにちは、エムスリーエンジニアリンググループ Unit5 (Consumer) チームの園田です。 今回は大きな実装ではなく、TypeScript のちょっとしたテクニックを Next の API ルートを題材に書いてみます。 想定読者は TypeScript 初心者の方です。TypeScript 強者の方はどうぞ温かい目で見てください。 はじめに モチベーション 実装のポイント 試行錯誤 関数で何度も囲む形式 引数指定 + オーバーロード 実際に辿った実装手順 最終的なコード Class 構文での実装 まとめ We are hiring はじめに まずは何を作ったのかご覧ください。 NextApiHandler の Factory できた メソッドチェーンで引数が増えてくやつ hono の zValidator を意識したけど、ハンドラの引数として Zod を渡すのではなくメソッドチェ
はじめに Promiseの基本とthen()を使ったメソッドチェーンの使い方で、以下を中心にまとめています。 複数の非同期処理を順番に実行したい（直列）、同時に実行したい（並列） Promiseの直列処理で、複数の値を受け取りたい then()を使ったメソッドチェーンで、関数の呼び出しに引数を渡したい これからPromiseを使いたい人の参考になれば幸いです。 Promiseとは 非同期処理の結果を、成功（resolve） または、失敗（reject）で返すオブジェクトです。 Promiseを使用すると、以下のような非同期処理を簡潔に書けます。 非同期処理の成功、失敗の処理を分岐する。 複数の非同期処理を順番に実行したり、並行して実行する。（直列・並列） Promiseの基本 new Promiseでインスタンスを生成して使用します。 Promiseの引数には関数を指定し、その関数内に実行
質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう！新規登録して質問してみよう
Pythonのサードパーティライブラリの中には、pandasやNumPy、Pillow(PIL)のように、メソッドをつなげて順に処理（＝メソッドチェーン）できるように設計されているものがある。 メソッドチェーンといってもメソッドの戻り値からそのままメソッドを呼ぶという処理を繰り返しているだけなので、特殊な文法というわけではない。 メソッドチェーンを使うと1行の文字数が長くなりがちだが、括弧を利用すると適宜改行できる。 ここではまずpandasを例に、 pandasにおけるメソッドチェーン 括弧内で改行 バックスラッシュを使う 全体を丸括弧で囲み改行 について説明し、その後で、 NumPyにおけるメソッドチェーン Pillow(PIL)におけるメソッドチェーン について例を紹介する。 なお、Pythonのスタイルガイド（コーディング規約）であるPEP8にはインデントについての項目があるが、メ
class MyList(list): ... def method(defined_type): def wrap(f): def wrapper(*args, **kwargs): return defined_type(f(*args, **kwargs)) return wrapper def decorator(f): setattr(defined_type, f.__name__, wrap(f)) return decorator @method(MyList) def map(l, func): return [func(el) for el in l] print(MyList([1, 2, 3]).map(lambda x: x+1).map(lambda x: x+2)) # [4, 5, 6]
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA
TypeScript でメソッドチェーンしたら推論される引数が増えていくやつ - エムスリーテックブログ
Promiseとthenのメソッドチェーン（直列・並列・値の受け取り・引数） - Qiita
【Node.js】メソッドチェーン vs try-catch どっちの記法がベスト？
Pythonでメソッドチェーンを改行して書く | note.nkmk.me
Pythonでメソッドチェーンを実装する - Qiita