クモのようにコツコツと

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

【Ruby】最新版Rubyをインストール 〜苦戦の記録〜(ありがとうGemini先生)

前回、6年ぶりのRyby再開計画を発動させました。今回はRubyの最新版をMacにインストールします。想像していたより苦戦しましたが、後半にGoogleの生成AI、Gemini先生にサポートしてもらいながら、なんとか成功しました。ありがとう!Gemini先生!

Rubyistに、俺はなる!? 6年ぶりのRyby再開計画発動

Rubyistに、俺はなる!?ということで、以前にRubyを触った記事が実に6年前の2018年! ただ、この時は本当に触りだけ、四則演算やputsメソッドで文字を出力しただけです。 この度、6年ぶりにRubyおよびRuby on Railsをがっつり触りたく、思い立ちました!

2023年の振り返りと2024年の目標

昨年の始めに1年の「振り返りと目標」を書きました。そこから1年たったので今年版の「振り返りと目標」を書きます。

【Tone.js & Next.js】Tone.jsでシンセジェネレーターを作った

Tone.jsでシンセサイザーの音作りができるシンセジェネレーターを作りました。シンセサイザーの音の作り方を理解したい&Tone.jsでシンセサイザーの音作りがどこまでできるのかを検証する目的です。当初思い描いていたものは一通り実現できました!

【React】Reactドキュメントを和訳する:Quick Start-1

Reactのドキュメントが新しくなりましたね。まだ日本語版はなく英語版のみで、翻訳ツールを使ってもいいのですが、英語の勉強も兼ねて自力で和訳していきます。まずはQuick Startの頭のところから。少しずつコツコツいきますー 【目次】 Reactドキュメント Q…

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

昨年の始めに1年の「振り返りと目標」を書きました。そこから1年たったので今年版の「振り返りと目標」を書きます。

【Three.js + Next.js】Three.js再始動!Next.js環境でThree.jsを動かすの巻

Three.jsがNext.js環境で動くか、試したところ、動きました!Three.jsのドキュメントのGet Startedがベースですが、個人的にやってみたかったこともいくつか追加。任意のタグの中にcanvasタグを配置、画面リサイズに対応してcanvasタグもリサイズ、ライティ…

【React/Next.js】大戦国・年表を作った(年表は随時追加中ー)

前回つくった「ビートルズDB」をベースにして「大戦国・年表」もつくりました。これによってNext.jsの動的ページの詳細設定やスプレッドシートでの重複チェックの知見が増えました。大戦国・年表は南北合一から元和偃武までの戦国時代(1392〜1616年)の年表…

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

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

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

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