Future Tech Blog
フューチャー技術ブログ

澁川喜規さんのページ

  • 155
    投稿
  • 23196
    総シェア数
  • 6238
    Twitter
  • 14
    Facebook
  • 10198
    はてブ
  • 6746
    Pocket

React Server ComponentでもContextで状態を共有する

Next.jsの最近の大きな目玉機能はReact Server Componentです。パフォーマンスアップに有効だったり、gRPCだRESTだGraphQLだ論争を終わりにするServer Actionsなど盛りだくさんです。一方で、サーバーコンポーネントはコーディング上の制約がいろいろあります。

とちぎRuby 200回目をお祝いしてきた

とちぎRubyは月に1回の読書会形式で、今月でちょうど200回目とのことで、有給をとって行ってきました。

Dev Containersの始め方(2) : Python環境

Dev ContainersのPython環境を作っていきます。

Dev Containersの始め方(1) : 仕組み編

PyCon APAC 2023でDev Containersで発表してきました。

Next.jsのServer Actionsは、サーバー側のバリデーションは不要なのか？

Next.jsの新機能でTwitter上でも少しバズったのがServer Actionsです。クライアントコンポーネント上にサーバー上で行うロジックを直接書き込むことが可能です。

data-testidはいつ使うべきか？そもそも使うべきなのか？

Playwrightあるいはそのロケーターの元ネタとなっているTesting Libraryでは、DOMを指定する方法として data-testid 属性を扱ったクエリーを提供しています。

高校生だけじゃもったいない　仕事に役立つ新・必修科目「情報Ⅰ」のレビューに参加しました

中山心太氏の最新作、高校生だけじゃもったいない　仕事に役立つ新・必修科目「情報Ⅰ」のレビューに参加し、お礼に献本をいただきました。

Python Distilledは幅広い人にPythonの基礎を叩き込む本

Python Distilledという本がオライリーから出版されました。作者のDave Beazleyはかなり昔からPythonを使い込んでいる人ですので、この本には信頼しかない、と思い読んでみました

アクセシビリティに考慮した出力値のHTMLマークアップ

以前書いたCypressの記事で、アクセシビリティ情報を使うことで壊れにくくなるよ、と（今では当たり前のようにみんな言っていますが）いう記事を書きました。この時は出力に使うべきロールが何か？というのがわかっていませんでした。> サーバーからとってきた動的な値を表示するテキスト

ローカルでGoのHTTP/3サーバーを立てて接続テストを行う

Go 1.21ではcrypto/tlsパッケージでQUIC関連の更新が少しありましたが、QUICそのものは入りませんでした。QUICとかHTTP/3周りをどうするかはいろいろ議論があり...

ChatGPTでE2Eテストコード自動作成

9/7に行われた技育CAMPアカデミアというイベントでPlaywrightについて話をしてきました。テストというと、設計手法であるところのテスト駆動開発は別としてちょっと業務っぽい感じがして学生さんにはちょっと響かないかな、というのも心配でしたが

Playwrightのテストランナーを他のテストライブラリと比較する

テスティングフレームワークには大きく2つの流派があります。ひとつはJUnit、あるいはその祖先の　SUnitをベースにしたTDDスタイルものです。TDDスタイルはテスト関数、もしくはメソッドを実行します。

Playwright連載始まります

現在人気が高まりつつあって、Cypressを追い抜こうとしているのがPlaywrightです。かなりCypressを意識して機能追加を行なってきている印象があります。現時点では...

Go 1.21連載始まります＆slogをどう使うべきか

恒例のGo 1.21連載が始まります。

エキスパートPythonプログラミング改訂4版が発売されました

エキスパートPythonプログラミング改訂4版が本屋に並び始めました。電子版も購入できます。改訂というと「ちょっと追加されたところを翻訳するだけで丸儲けやんけ」と思われる方もいるかもしれませんが、過去の中で一番大きく改訂されており、新規に一冊訳すのとほぼ変わらない、大変な翻訳作業になりました。

Angularをがんばらないで書く

他のフレームワークをいろいろ触ると、Angularはかなり独特な雰囲気があります。隠しきれないJava感というか、他のフレームワークでは存在しない様々な概念が見え隠れして、それをキャッチアップするだけでも結構重いです。もちろん、それぞれ意味があって...

リアクティブプログラミングについて考える

前回のエントリーで、コンポーネント単位のステートをがちゃがちゃ更新していくという、オブジェクト指向型（オブジェクトの境界がコンポーネント）の考え方から、より小さな状態のインタラクションになっていくよ、という話を紹介しました。ビジネスロジックのアーキテクチャとしては、DDD本には以下の2つが書かれています。

RFC閲覧補助ツールを作りました + リアクティブプログラミング

お仕事をしていて、たまにRFCを読みたくなることってよくあると思うのですが、読む対象のRFCがたくさんあると、どれから読めばいいのかな？読み落としたのはないのか？みたいなところが脳のワーキングメモリーから溢れて収集がつかなくなりがちなので、Graphvizで出力してRFCの関連を簡単に確認できるツールを作ってみました。

wasmCloudが夢見る世界

サーバーレスのランタイムに興味があり、CNCFのプロジェクトを見たところ、それに関連しそうなwasmCloudというものがあったので見てみました。ぱっと見wasmで書いたロジックを実行するフレームワークに見えますが、wasm製アプリケーションのためのOSのようなものです。

ソフトウェア設計のトレードオフと誤りを出版しました

オライリージャパンから「ソフトウェア設計のトレードオフと誤り」の翻訳をフューチャーのメンバーと一緒に出版いたしました。好評なようで、発売一カ月ほどで増刷も決定いたしました。

技育CAMPアカデミアで「ウェブ技術のトレンド」というタイトルで発表しました

技育CAMPアカデミアというイベントで発表をさせていただきました。勉強会で、手っ取り早く学んで役立ててもらえるものはなんだろうか、ということでウェブアプリケーションの構造について説明してきました

管理画面等でNext.jsをBetter Reactとして使う

最近、Next.jsが複雑になりすぎて、単なるウェブ画面を作る用途にはNext.jsは重すぎるので別のものが良いとか、Vercel統合のための機能が多いんでしょ、みたいな感想を見かけることが増えた気がします。特に管理画面とか社内システムとかですね。B2Cでも設定画面系とかは当てはまるかもしれません。

究極の？トランザクションスクリプト用言語Verse

Unreal Engineで有名なEpic Gamesが、現在開催中のGDC（Game Developer Conference)でVerseの詳細を解説しており、その動画が公開されています。関数型言語、オブジェクト指向、命令型のエッセンスを集めて作られた言語となっています。

データライフサイクルとトレードオフ

ソフトウェアの中身を大きく2つに分解すると、プログラムとデータに分かれます。データの表現にもいくつもの方針があって、それによるトレードオフがあるな、というのはもやもやと考えていたので、その考えをまとめて文章にしてみました

本当は怖い、逆コンウェイ戦略

アーキテクチャの議論でよく出てくるのが、コンウェイの法則と、逆コンウェイ戦略です。逆コンウェイ戦略に関しては僕も少しモヤモヤするところが個人的にあり、そのあたりを周りの人（と議論したらいろいろ自分が思っていなかった知見も得られたりしたので、まとめてみます。