タグ

ブックマーク / d.potato4d.me (4)

  • Front-End Study #1 の企画・運営と司会をした

    11/09 に開催された Front-End Study #1 について、Forkwellとの共催で運営・企画並びに司会に携わりました。参加登録者2,552人、同時視聴者も1,500人を超えるバケモンとしか言えないイベントになったわけですが、無事終わって何よりというところで一筆。 開催の経緯としては、勉強会で顔を合わせることも多かったForkwell重さんから、InfraStudyの流れでフロントエンドの勉強会も開催したいという相談が上がってきて、そこから一緒に企画していく運びとなった形です。 Front-End Study の誕生について 昨今はオンラインであることが前提となるためミートアップの類もかなり数を減らしており、視界に入る中だと PWA Night、ng-japan onAir、あとは私の所属である LINE が運営している UIT くらいしか定常的に開催しているフロントエン

    Front-End Study #1 の企画・運営と司会をした
    odan3240
    odan3240 2020/11/22
  • nuxt/content で作成した Web サイトで Markdown 内の画像を Native Lazy-loading を行う

    nuxt/content で作成した Web サイトで Markdown 内の画像を Native Lazy-loading を行う2020/09/02 普段ブログや技術メモを書くとき、お手軽な画像ホスティングとして Gyazo を利用していたりします。 Patreon を開設していた頃に OSS の README に貼る GIF をサクッと取りたいという動機で Gyazo Pro を契約後、もう2,3年 Pro を継続。画像アセットの管理が結構面倒なのもあって、無限に使えてちゃんとホスティングされることが担保されていることから、このブログでも画像は全て Gyazo に載せていたり。 あと個人的に増井さんのファンなのもあって、長らく愛用しています。 Gyazo 自体は便利で愛用している一方、無計画にスクショを撮って Copy Markdown Snippet をし続けると当たり前にサイトが

    nuxt/content で作成した Web サイトで Markdown 内の画像を Native Lazy-loading を行う
    odan3240
    odan3240 2020/09/02
    良さそう、ちょうど欲しかったやつ
  • Factory 関数の引数は Object にしてほしいという話

    自明だと思っていたけれど、割と見かけるので。 Factory 関数やそれに相当するようなものは、得てして作成時点、あるいは将来的にかなりのオプションを取る可能性があります。 例えば HTTP クライアント。 初期開発では環境変数で切り替えられる baseURL の設定があるだけで良かったものが、場合に応じて Authorization Header が必要であったり不要であったり、何かしらの nonce を付与したかったり、 Content-Type が 'application/json' ではなかったりするケースに直面する。というのは、 SPA を開発しているとよくあるシチュエーションではないでしょうか。 こういったときに、引数が 2,3 のときに妥協して createAPIClient(baseUrl: string, token?: string) みたいな作り方をしてしまっている

    Factory 関数の引数は Object にしてほしいという話
    odan3240
    odan3240 2020/08/31
  • Vue.js 3 の TSX を TypeScript Compiler だけで動かす方法について

    先日の v-tokyo #11 の懇親会で質問されたので、Native TSX Support される Vue 3 でなぜ tsc だけで TSX が動作しないのかを聞かれたのでメモとして残しておこうと思います。 ちなみに Vue 3.0 beta が出た頃に既に検証し終えているコードは以下にあります。 https://github.com/potato4d/vue-next-tsx-only-tsc TL;DR Vue 3 にて、render function の h 関数が分離された h 関数の分離に伴い、 APIReact のに近いインターフェースとなった この2点によって tsc だけで Vue TSX が動くようになったが、 近いだけで微妙に違う仕様によって実用は難しい 具体的には children のとり方が VNode[] か ...VNode かの違いがある Vue

    Vue.js 3 の TSX を TypeScript Compiler だけで動かす方法について
    odan3240
    odan3240 2020/08/31
  • 1