ブログ一覧
2024 | 2023 | 2022 | 2021 | 2020 | 2019 | 2018 | 2017 | 2016 | 2015 | 2014 | 2013 | 2012 | 2011 | 2010 | 2009
- 2024-04-25ソフト開発
BankcodeJP APIを使ってみた
今回は小ネタです。サービスで銀行振り込みをサポートしようとすると、銀行名や口座番号などを登録してもらう事になると思います。銀行(金融機関)には全国銀行協会が管理する銀行番号が付いていますが普段はあまり意識しませんよね、また大きな街だと1つの銀行の支店が複数あったりするので、ユーザーの登録が正しいかを確認する必要がありま… - 2024-04-17React
React CompilerでuseMemoが要らなくなるらしいが、そもそも何故useMemoが必要なのでしょうか?
今回は昔話をします。次のReact、React 19に入りそうな機能は既にReact Labs: 私達のこれまでの取り組み - 2024年2月版で発表されていますが、React Server Compnent系以外で大きな項目はReact Compilerかなと思います。React Compilerとは同ブログに、Re… - 2024-04-09ソフト開発
20年目にして驚きの仕様変更
アジアリーグアイスホッケーの集計システムは約20年前に私が作り、それからずっとメンテナンスしています。今期のプレイオフが4月4日に始まったのですが、夜に「ゲームシートが登録できません!」というメールと電話がありました。よくある事ですが担当者から電話が来たのは久しぶりです。担当者もいろいろ試してくれ「試合時間が100分を… - 2024-04-03教育, クラウド
AzureのWindows環境を使って研修を行った
先週、久しぶりにRuby on Railsを使ったリスキリング教育を行いました。EY-Officeの教育は講義だけではなく、実習を通じて学ぶスタイルになっています。したがってプログラミング初心者に向けての教育では受講者の使う環境に合わせて、講師側の環境を準備します。今回はWindows環境でした。以前は、Intel M… - 2024-03-27React
今時のReactステート管理をまとめてみた
以前久しぶりにReact教育のテキストをアップデートしたが大変だったというブログを書きましたが、ステート管理の章は完全に書きかえました。昔はReactのステート管理と言えばRedux一強だったので、以前のテキストでもReduxの進化バージョンであるRedux Toolkitを導入してみる章になっていました。しかし、現在… - 2024-03-20React
Headless UIのTanStack Tableがおもしろい
最近、TanStack Query, TanStack Router, TanStack TableなどのTanStackというライブラリーの記事を良く目にするようになってきました。TanStack Queryは、以前はReact Queryと呼ばれていた非同期通信を簡単に書けるライブラリーで、知ってる人は多いと思いま… - 2024-03-13教育
プログラミング教育はプログラマーのスキルアップになるのか?
EY-Officeは教育のビジネスを行っていますが最初から行っていたわけではなく、最初はソフトウェア開発のみ行っていました。そんな当時ソフトウェア開発で行っていた会社のマネージャーの方から「開発者のスキルアップ教育をしてれませんか?」と声をかけられたのが始まりです。その後は教育も開発と並ぶビジネスになっています。しかし… - 2024-03-08React, 自己紹介
私が最初に作ったReactアプリの思い出
Reactの教育やイベント等で話しをした事がありますが、私が最初に作ったReactアプリの事に付いて書こうと思います。内容は、はてなブログに書いた記事の書き直しですが、その後も含めこちらに書いておきます。成功 たまには「いらすとら」もいいですねjQueryで書かれたSPA(Single Page Application… - 2024-02-28React
RSC時代のミニマルReactフレームワークWakuを使ってワクワクしよう!
WakuというReactフレームワークを知っていますか?React用ステート管理ライブラリーJotaiやzustandの開発者、@dai_shiさんが作られた、React server ComponentをサポートするミニマルなReactフレームワークです。Waku https://waku.gg よりWakuの特徴W… - 2024-02-21Ruby_on_Rails, React
JS嫌いの人はhtmxを使うと良いのでは
最近htmxが話題になっているようなので、とりあえず触ってみました。htmxホームページには、 Click Meこれはユーザーがこのボタンをクリックしたら、/clickedにAJAXリクエストを発行し、ボタン全体をHTMLレスポンスに置き換える。と解説されています。HTMLタグの属性を拡張し、サーバーへのリクエスト等… - 2024-02-15教育, React
久しぶりにReact教育のテキストをアップデートしたが大変だった
久しぶりのReact入門教育がありテキストを更新したのですが、思いのほか大変で時間がかかってしまいました。大昔は自著 「作りながら学ぶ React 入門」 を使っていましたが、内容が古くなったので最新のReactに合わせたテキストを作り、教育毎に内容を更新して使っていました。createreactapp to crea… - 2024-02-06React
久しぶりにPlaywrightを使ったら、とても使いやすくなっていた
E2Eテストで良く使われるツールPlaywrightを2年半ぶりに使ったら、とても使いやすいツールになっていました! 🎭Playwright Bing Image Creatorが生成した画像を元にしていますPlaywrigthを使ったE2Eテストの例いつものReactで書かれたジャンケン・アプリのE2Eテストを… - 2024-01-30React
Next.jsで不思議なエラーが発生、そうかSSRなのか!
先週のブログに書いたようなコードを仕事で書いていて、不思議なエラーに出会ってしまいました。環境は以下のとおりです、Next.js v14.1.0Pages Routerモードserver side redering出会ったエラー以下のReactのプログラムはViteで使った環境では動作し、ブラウザー画面の幅が表示されま… - 2024-01-23React
ブラウザーのCanvseを使って画像処理
今回はネット上に多数ある情報かもしれませんが、HTML5で導入されたCanvasを使った簡単な画像処理です。現在の仕事でReactクライアント(ブラウザー上)で選択した画像の大きさ等を調整してサーバーに送る必要があります。ブラウザー上で画像処理ができるnpm(JavaScript)ライブラリーもありますが、今回はCan… - 2024-01-16React
WebUI をReactと組み合わせ試してみた
みなさんは WebUI をご存知でしょうか?下の画像はWebUIのホームページですがトップに書かれているキャッチフレーズを訳すと、どんなウェブブラウザでもGUIとして使える、バックエンドはお好みの言語で。ポータブル、軽量、フルOS APIアクセス。WebUIはC, C++, Python, JavaScript, Go… - 2024-01-10EY-Office
謹賀新年、EY-Officeの2023年と2024年
新年明けましておめでとうございます、本年もEY-Officeをよろしくお願いいたします。このたびの能登半島地震で被害を受けられた皆様に、謹んでお見舞い申し上げます。謹賀新年2023年の振り返り例年通り、昨年書いたブログを中心に振り返ってみました。AIの勉強昨年の話題としては、なんと言ってもChatGPTだと思います。I…