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

澁川喜規さんのページ

  • 149
    投稿
  • 22606
    総シェア数
  • 6238
    Twitter
  • 29
    Facebook
  • 9784
    はてブ
  • 6555
    Pocket

curlを讃えよ

Web開発者を支える重要なツールにcurlがあります。素晴らしいツールなのですが、ウェブAPIのリクエストがJSONという時代にあって、JSON書くのが面倒とかいろいろあるのですが、そのためだけに他のツールを使うのではなく、もうちょっと世の中がcurlでテストしやすいようになったらいいのでは、と思っていました。

パーサーコンビネータをもっと身近にする

生成AIが人気です。生成AIに対しては自然言語で指示を与えられますが、自然言語を構造化してやりとりする方法としてはよくMarkdownが使われます。その生成AIフレンドリーなMarkdownで設計ドキュメントを作るとしても...

2024年版のDockerfileの考え方＆書き方

最近はお客さんとの勉強会でDockerのドキュメントをつまみ食いして読むというのをやっていますが、改めて最新版を読んでみて、いろいろ思考が整理されました。

Go 1.23リリース連載始まります＆timeパッケージ

Future Tech Blog恒例のGoリリース連載が始まります。本エントリーはインデックス記事＆timeパッケージを散り上げます。

Mockoonで簡単モックサーバー

ちょっとしたウェブアクセスクライアントのコードを書いていて、サーバー側に正しくリクエストが送られているかの確認をする場合、モックサーバーを建てることが多いと思います。ウェブフロントエンド開発とかだとMock Service Workerという良さげなツールを見つけて、使ってみたら便利だったので紹介します。

Gitのブランチの役割を考える

Gitのブランチ戦略にはいくつかあります。チームの戦略を考えるときにどれかを参考にしつつカスタマイズするときにいろいろ不都合が生じてしてきて複雑になってしまうことってありますよね？社内でブランチの管理の議論をする中で、ブランチの役割を明確にした上で、どのブランチがどのような役割を持っているのかを明確にした方が混乱が少なくなるのではないか？というのを考えていました。

ChatGPTを徹底活用! ビジネスパーソンのためのプログラミング勉強法のレビューに参加しました

翔泳社さんからこれから発売される、「ChatGPTを徹底活用! ビジネスパーソンのためのプログラミング勉強法」のレビューに参加しました。著者は元フューチャーで、グループ会社のIT教育を行っているコードキャンプで社長もされていた堀内さんです。

Vue3でモーダルダイアログの起動をいい感じに実装する

Reactでのダイアログの開閉制御については以前、別のエントリーで書きました。Vue3でも、何か簡単に書ける方法はないかと試行錯誤して、ちょっといい感じかな？という方針を見つけたので...

ZodでJSONのオブジェクトを実行時に都合の良い型に変換する

いろんなJavaScriptの統計を見ると、今時のウェブフロントエンドの新規開発は80%はTypeScriptになっているということです。また、TypeScript自身を使わなくても、TypeScriptで培われた型推論のパワーで、JavaScriptであってもVSCode上で補完とか思いの外うまくいったりしちゃうので...

Real World HTTPの第3版ができあがりました

ひとえに読者の皆さんが買ってくれたおかげで、Real World HTTPを改訂し、このたび3版を上梓しました。ありがとうございます。

登録プロダクトオーナーを取得しました

!2年前にスクラムマスターを取得しましたが、今後スクラムでプロジェクト運営をしていきたい、DXチームを社内で組織化して手綱を握っていきたいのでプロダクトオーナーを自分たちでやっていきたいというお客さんが増えてくるだろうな、ということでそういうお客さんの支援をしっかりしていけるように知識をアップデートしようということで参加してきました。

2024年Gitワークフロー再考

Gitは、出自としては1週間で作られたLinuxカーネルのための分散バージョン管理システムでした。当時のワークフローに合わせてパッチをテキスト化してメールに添付できるような機能だったりが備わっています。一方で...

技育祭2024春で「2064年もITで仕事し続けるためのキャリアプラン」というタイトルで発表してきました。

タイトルの2064年というのは、技育祭で一番ボリュームゾーンだと思われる20歳ぐらいの学部2年、3年の若者が60歳定年まで働くとしたら、という年ですね。AIでIT技術者がいらなくなる、みたいな話がよくされていますが...

Microsoft 365 Developer ProgramでEntraID(旧名AzureAD)にアクセスする

過去にいくつかEntraIDが、久々にMicrosoft 365 Developer Programにアクセスしたら、どこにEntraIDがあるのか場所が分からなかったのでメモです。

Next.jsにするか他のフレームワークにするか迷っている人はNext.jsを選べばいい

タイトルで言いたいことは言ってしまっているのですが、2017年ぐらいからNext.jsを使ってきて、最新の情報のキャッチアップとかもそんなに苦労はなくて、こだわりがないならNext.jsでいいのでは？という記事です。

龍が如く7のすごいテストをなぜ我々は採用できないのか

僕自身は龍が如くシリーズは、クロヒョウ2、極1、極2、０、3、4、5、6、0とやって、7はRPGだし主人公違うしなぁと思って、買うだけ買って後でやろうと積んでいたところ、CEDECのすごいテストの話を聞いて...

ダイアログもアラートも、Reactで子コンポーネントの開閉管理を実装する

Reactでは、画面に関わる表示の制御はかならず何かしらのステート管理を行いそれで行います。ダイアログの場合は開閉をuseStateで作ったフラグで管理するみたいな感じです。たとえば...

Go 1.22リリース連載始まります & ループの変化とTinyGo 0.31

Future Tech Blog恒例のGoリリース連載が始まります。

Entra IDを使うウェブサービスのバックエンドのテスト

Entra ID（旧名Azure AD）は企業での利用の割合が高く、社内システムを作る場合はこれを使って認証して欲しいという要件が積まれることがほとんどでしょう。とはいえ、現物を使ってテストを作るのは都合がよくないこともあったりします。

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 属性を扱ったクエリーを提供しています。