クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

【React/Next.js】「ビートルズDB」を作った(ビートルズの楽曲を検索できるアプリ)

以前、Next.jsの中でFetch APIでいろいろなデータを読み込みました。これをベースにもっとたくさんのデータを読み込んで検索ができるアプリ「ビートルズDB」を作りました。今回、Next.jsの動的ページのルーティング、動的APIのルーティング、APIのデータ整形…

【英語】TOEIC試験2回受けた後、もっと長期的にじっくり英語勉強をすることにした

前回、TOEIC試験に向けた勉強方法について書きました。その後、2回試験を受けました。その結果や自分の中での英語力の状況から、もっと長期的にじっくりと英語勉強をすることに決めました。

【英語】人生初のTOEIC受験に向けてやっている英語勉強内容

前回、自分がTOEIC受験に向けてスタートする決意と、これでの英語遍歴、公式問題集のテキストを実際の試験の時間通りに解いてみた結果を書きました。自分は2022年5月29日に人生初のTOEIC受験をします。そこに向けてやっている英語勉強の内容を書きます。

【英語】英語の偏差値30台だった自分がTOEIC600点を目指す(公式問題集を時間を測って解いてみた)

自分は今年、TOEICの600点を取りたいという目標があります。英語はもともと大の苦手で学生時代の偏差値は30台だったと思います。まずは公式問題集を本番と同じ時間通りに解いてみました。結果はやはりひどいものでした…。ここがスタート地点!あとは目標に向…

【React】Realtime Database、Firestore(&スプレッドシート)のデータをFetch APIで読み込む(Next.js環境)

Reactの続きです。以前、React環境からFirebaseのRealtime DatabaseをFetch APIで読み込みました。今回はNext.js環境からRealtime Database、Firestore、ついでにスプレッドシート(Google Sheets API)のデータを読み込んでみます。完成品をデプロイしたVerce…

2021年の振り返りと2022年の目標

2022年になったので去年の振り返りと今年の目標を書いてみたく思います。それではいきましょう!

【React & p5.js】「三角関数しらべMath」を作った(三角関数の理解を深めるアプリ)

Reactアプリの続きです。前回のスケール・プレイヤーまではReactとtone.jsを連携して音楽系のアプリを作っていました。今回はReactとp5.jsを連携し三角関数の単位円の交点をグリングリンと動かしました。グラフィック、モーション、3Dの制作に多用される三角…

【React & Tone.js】スケールプレイヤーを作った(いろいろなスケールを調べて音も聴けるアプリ)

Reactアプリの続きです。前々回はビート・プレイヤー、前回はコードプレイヤーを作りました。今回は音楽系の第三弾、スケール・プレイヤーを作りました。これで音楽3要素(メロディ、ハーモニー、リズム)が揃います。今回もTone.jsを使っています。それでは…

【React & Tone.js】コードプレイヤーを作った(鍵盤でいろいろなコードを調べるアプリ)

Reactアプリの続きです。前回はTone.jsを使ってビートプレイヤーを作りました。今回も音楽アプリでコードプレイヤーを作りました。以前CodePenで作成したコードプレイヤーをReact/Next環境に移植し、新機能を追加しました。それではいきましょう!

【React & Tone.js】ビートプレイヤーを作った(ビートとBPMを変更可能)

Reactアプリの続きです。前回は配色ジェネレーターを作りました。今回からTone.jsを使った音楽アプリ編に入ります。以前CodePenで作成したビートプレイヤーをReact/Next環境に移植してみました。それではいきましょう!