Qiita Conferenceは、ソフトウェア開発者が集まり、最新の技術や最先端の挑戦・ソフトウェアの未来についての考えや知見を共有し、つながる場を創出する、「Qiita」が開催するオンライン技術カンファレンスです。ここで和田卓人氏が「サバンナ便り - 自動テストに関する連載で得られた知見のまとめ（2023年5月版） 」をテーマに登壇。まずは、セッションテーマと学習用テストについて話します。 本セッションのレギュレーション和田卓人氏：よろしくお願いします。みなさん、こんばんは。和田卓人です。今日は「サバンナ便り」というタイトルで、自動テストに関する知見についてお話ししたいと思います。 まず今日のレギュレーションといいますか。どんどん話していくんですが、オンラインの講演はライブ感とかリアルタイム感とか、そういったところがとても大事になってきます。 なので、みなさんもTwitterで「Qii
Reactで作るアナログ時計
Reactで作るアナログ時計以前よりReactの勉強がてら、1時間を40分で区切った36時間時計というのをモクモクと作っています。その中でReact Hooksの使い方などを学んでいるので、今回はよくあるアナログ時計を作りながら勉強メモとして残しておきます。 よくある時計ですね！個人的にはデジタル時計派なのですが、意外と需要があるようなので作ってみることに。ちなみにこれは別に React を使わなくても、素の JavaScript（Vanilla.js）で作成可能です！が、上記36 時間時計を作る中で React コンポーネントとして必要だったので今回は React で挑戦しました。 CSS でベースとなるアナログ時計作りアナログ時計自体は空の div にサイズや position の設定をして作成。時計の角度は rotate プロパティーを使いますが、CSS カスタムプロパティーで初期値
Temporal: The 9-Year Journey to Fix Time in JavaScript
Welcome to our blog! I'm Jason Williams, a senior software engineer on Bloomberg's JavaScript Infrastructure and Terminal Experience team. Today the Bloomberg Terminal runs a lot of JavaScript. Our team provides a JavaScript environment to engineers across the company. Bloomberg may not be the first company you think of when discussing JavaScript. It certainly wasn't for me in 2018 before I worked
乗りこなせ！ モダンフロントエンド Temporalで変わるJavaScriptの日時操作 ［JS Modern Features no.1］ 本連載について はじめまして！ サイボウズ フロントエンドエキスパートチームの左治木です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズフロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載しています。前回までの記事では「CSS Modern Features」と題して、CSSの比較的新しい機能の中でインパクトの大きいものをピックアップして弊チームの麦島が解説してくれました。 JS Modern Features / JavaScriptの進歩 この記事からは「JS Modern Features」と題して、JavaScriptに関するコンテンツを数回に分けてお届けします。 JavaScrip
JavaScriptの標準であるECMAScriptに元々組み込まれているDateオブジェクトを置き換える新しい日時API「Temporal」が導入されます。TemporalはJavaScriptの日時操作における多くの課題を解決することを目指しています。 Temporal: The 9-Year Journey to Fix Time in JavaScript | Bloomberg JS Blog https://bloomberg.github.io/js-blog/post/temporal/ JavaScriptのDateオブジェクトは1995年にBrendan EichがJavaのDate実装を参考にしてわずか10日間で実装されたという経緯があり、当時はJavaScriptに複雑な処理をさせることを想定していなかったこともあって実装に問題があるとは考えられていませんでした。
■はじめに ■環境 ■React Routerのインストール ■基本的なルーティングの定義 ◆コンポーネント ■ネストルーティングの定義 ◆パスを完全指定した場合のルーティング ◆ネストルーティングと< Outlet >を使った共通レイアウトの維持 ■ルーティング定義の分割 ■URLパラメータの活用 ■クエリパラメータの活用 ■stateを使ったページ間のデータ受け渡し ■JavaScriptでのページ遷移 ■まとめ ■最後に ■はじめに こんにちは！ ｉｉｍｏｎでエンジニアをしています「しらみず」です。 本記事はiimon Advent Calendar 2025１０日目の記事となります！ ｉｉｍｏｎに入社して早３年経ち、時の流れが早いなーと感じています。 最近、弊社で提供しているWebサービスをVue2→Reactへリプレースするプロジェクトが進行しているのですが、レビュアーをしている
React コンポーネントをリファクタリングする方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
Reactアプリケーションに適用されるリファクタリングに関する一般的な問題について解説します。 クラスコンポーネントから学習してしまい、フックに移行する前に少し混乱する可能性があります。 関数コンポーネントが好まれる理由と、クラスコンポーネントよりも関数コンポーネントを使用する利点があるかどうかを詳しく学んで下さい。 なぜクラスではなくフックなのか？ 状態がない場合 状態を持つコンポーネント Props ライフサイクルの簡素化 これから 最後に なぜクラスではなくフックなのか？ Reactでクラスを使用する利点は、状態がいつ変化したかを識別し、this.stateキーワードを使用してグローバル状態またはコンポーネント状態を更新するライフサイクルメソッドがクラスに含まれていることです。 対照的に、フックはReact 関数コンポーネントで使用され、クラスを必要とせずにコンポーネントの状態やその
■はじめに ■環境 ■React Routerのインストール ■基本的なルーティングの定義 ◆コンポーネント ■ネストルーティングの定義 ◆パスを完全指定した場合のルーティング ◆ネストルーティングと< Outlet >を使った共通レイアウトの維持 ■ルーティング定義の分割 ■URLパラメータの活用 ■クエリパラメータの活用 ■stateを使ったページ間のデータ受け渡し ■JavaScriptでのページ遷移 ■まとめ ■最後に ■はじめに こんにちは！ ｉｉｍｏｎでエンジニアをしています「しらみず」です。 本記事はiimon Advent Calendar 2025１０日目の記事となります！ ｉｉｍｏｎに入社して早３年経ち、時の流れが早いなーと感じています。 最近、弊社で提供しているWebサービスをVue2→Reactへリプレースするプロジェクトが進行しているのですが、レビュアーをしている
3EB0 LD A,B0H 84 ADD A,H D660 SUB A,60H D8 RET C 1F RRA 5F LD E,A 9F SBC A,A E60F AND A,0FH 3C INC A 47 LD B,A 3ECE LD A,CEH 92 SUB A,D D69C SUB A,9CH D8 RET C CB47 BIT 0,A 2802 JR Z,+4 CB20 SLA B CB4F BIT 1,A 2804 JR Z,+6 CB20 SLA B CB20 SLA B E67C AND A,7CH 57 LD D,A CB22 SLA D 0F RRCA 0F RRCA 1F RRA 67 LD H,A 9F SBC A,A E680 AND A,80H 92 SUB A,D 6F LD L,A 3001 JR NC,+3 25 DEC H 16F3 LD D,F3H 19
214FF3 LD HL,F34FH 1100F3 LD DE,F300H 1A LD A,(DE) 060A LD B,0AH ED67 RRD 2D DEC L ED67 RRD 2D DEC L ED67 RRD 2D DEC L ED67 RRD 2D DEC L ED67 RRD 2D DEC L ED67 RRD 2D DEC L ED67 RRD 2D DEC L ED67 RRD 2B DEC HL 10E6 DJNZ -24 7D LD A,L FE3F CP A,3FH C8 RET Z 217800 LD HL,0078H 19 ADD HL,DE EB EX DE,HL 214F00 LD HL,004FH 19 ADD HL,DE 18D4 JR -42 <!DOCTYPE html><head><meta charset="UTF-8" /> <meta htt
この表を64バイトに圧縮するのは難しくはないが、あえて表なしに挑戦したい。ただ、乗算のないZ80でマクローリン展開とかゾッとするので、多少の誤差(1/128程度)には目をつぶりつつ、一次関数のあたりで何とか計算してみたい。第1象限すなわち00H≦C≦40Hの範囲で、40年前の私(安岡孝一)が思いついたのは、だいたい以下のような感じ。 00H≦C≦18Hの場合：C×6 18H≦C≦25Hの場合：C×4.5+36 26H≦C≦32Hの場合：C×3+92 33H≦C≦3EHの場合：C+193 3EH≦C≦40Hの場合：255 このアイデアを、第2・第3・第4象限にも拡張すると、Z80プログラムはこう書ける。 79 LD A,C E67F AND A,7FH FE41 CP A,41H 3803 JR C,+5 2F CPL C681 ADD A,81H 6F LD L,A FE19 CP A,1
JavaScriptによるPC-8001エミュレータにおける「tan関数の有理数近似」直線 - Qiita
<!DOCTYPE html><head><meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>PC-8001 Emulator by Koichi Yasuoka, June 25, 2025</title> <script> var pc8001=new Object(); pc8001.memory=new Array(65536); pc8001.memory.fill(0x76); ["0000 C3 00 DA", "045A C3 50 09", // clear display "093A 79 32 62 EA 78 32", // init display "0940 65 EA C6 B0 3E 14 8F 32 66 EA D3 30 3E 20
μPD1990ACへの書き込みはJavaScriptでどこまでエミュレートすべきなのか - Qiita
6月2日の記事で、私(安岡孝一)はこう書いた。 なお、カレンダークロックへの書き込みは、今回は実装していない。 こう書いたのだが、カレンダークロックμPD1990ACへの書き込みを、ムラムラとJavaScriptでエミュレートしたくなった。具体的には 1663 217AEA LD HL,EA7AH 1666 7E LD A,(HL) 1667 ED67 RRD 1669 2E76 LD L,76H 166B 112903 LD DE,0329H 166E 3E01 LD A,01H 1670 1819 JR 168BH 1672 1605 LD D,05H 1674 7B LD A,E 1675 E607 AND A,07H 1677 4F LD C,A 1678 CB0E RRC (HL) 167A 9F SBC A,A 167B E608 AND A,08H 167D 0D DEC C
2021年の税理士試験まであと何日!?javascriptを使って税理士試験までのカウントダウンタイマーを作ってみた件。 | しくじるなよ、デューティ。
以前javascriptを使用して現在時刻を表示する時計（のようなもの）を作った記事を書きました。 今回はその時に紹介したjavascriptに少し変更を加えて【2021年の税理士試験まであと何日】残っているのか、カウントダウンタイマーを作ってみましたので記事にしておきます。 記事の都合上、2021年の税理士試験（1日目、簿記論までの開始時間）のカウントダウンタイマーにしましたが、プログラムを少し変更することで税理士試験の日以外のどんな日でもカウントダウンタイマーとして使用可能です。 2022年の税理士試験までのカウントダウンタイマーはこちらからどうぞ 2021年の税理士試験までのカウントダウンタイマー 2021年の税理士試験（簿記論）までのカウントダウンタイマーはこちらからどうぞ↓ ブックマーク等しておけばいつでも確認が可能です。 https://www.duty-cant-fail.c
JavaScriptによるPC-8001エミュレータにおけるドットスクロールを用いたドットイートゲームの試作 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? <!DOCTYPE html><head><meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>PC-8001 Emulator by Koichi Yasuoka, June 30, 2025</title> <script> var pc8001=new Object(); pc8001.memory=new Array(65536); pc8001.memory.fill(0x76); ["0000 C3 00
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
和田卓人氏が教える、自動テストの使い方 学びを自動テストとして書く「学習用テスト」という考え方 | ログミーBusiness
Temporalで変わるJavaScriptの日時操作 ［JS Modern Features no.1］ | gihyo.jp
JavaScriptの日付の概念を変革するTemporalオブジェクト誕生までの9年間の道のり
React Router v7を使ったルーティングを体験してみた - iimon TECH BLOG
React Router v7を使ったルーティングを体験してみた - iimon TECH BLOG
JavaScriptによるZ80エミュレータでの「手抜き」回転行列 - Qiita
JavaScriptによるPC-8001エミュレータにおけるドットスクロール - Qiita
JavaScriptによるZ80エミュレータでの「手抜き」sin関数 - Qiita