生成AIについて調べてみる
はじめに 生成AIが話題だが、どの様なものがあって使われているのかあんまり知らないので調べる。 有名な生成AIのサービス - ChatGPT - Claude - Gemini - DALL-E - Midjourney - Stable Diffus…
Next.jsでbetterなディレクトリ構成を考える
はじめに 最近`Next.js`を用いてアプリを作ることが多いのでより良いディレクトリ構成を考える。 TL;DR. キレイに書けなかったのでgist行き。 ディレクトリ詳細 全体構成 `create-next-app`で吐き出した状態から`pag…
Tauriを試してみる
はじめに Electron代替を目指すRust製FWのTauriがバージョン1.0になり、正式リリースされたので試してみる。 TL;DR. 今回作ったコード 前提条件 Rustがinstall済みであること。 install方法は下記参照。 …
Next.js+linariaを試してみる
はじめに linariaを使ってみたかったのでNextjsと一緒に使ってみる。 TL;DR 今回のコード 前提 `create-next-app --ts`でNext.jsのテンプレートが出来上がっている状態。 インストール 必要なライブラリの…
Reactでa11y検証ツールを試してみる
はじめに a11yを意識し始めた今日このごろ。 なんとなくこうした方が良いと言うのはわかるものの素人目線でしかないため、a11yを検証してくれるツールを導入し改善をできるようにしていきたい。 そこで今回はどのようなツールがあり、使い勝手はどんなもん…
JSで画像を扱うときのメモ
はじめに jsで画像を扱おうと思い調べ直したのでまとめる。 TL;DR. 今回書いたコード 準備 Reactで試すのでプロジェクト作るところから。 ```bash $ npx create-react-app image-sample --tem…
Recoilことはじめ
はじめに Recoilが気になっていた今日このごろ。 気になった時が触りどきなので試してみる回。 TL;DR. コード 導入 ```bash $ npx create-react-app recoil-tutorial $ cd recoil-…
Angular+TailwindCSSを試してみる
はじめに Angularがv11.2くらいでTailwindCSSに対応したそうなので試してみる回。 前にちょろっと試したときは特にTailwindCSSの良さに気づけなかったので改めてちゃんと触る。 TL;DR. コード セットアップ Ang…
Jest再入門
はじめに tsで書いたコードのテストにはjestを使っている今日この頃。 毎回雰囲気で使っていて事ある毎に調べているので改めてまとめておく。 TL;DR. コード; 導入 yarn + typescriptの前提。 それぞれの導入方法につい…
markdown内の画像をamp-img対応メモ
はじめに Next.jsでブログを作ってた今日このごろ。 markdownからhtmlを生成するブログでamp対応したかったのだが、 markdown内画像がimgタグに変換されてしまうのでamp-imgに変換する対応をした話。 TL:DR. …
NestJS+Angular+Scullyを試してみる
はじめに Next.jsが流行っている今日この頃。 AngularでもScullyやnxを使えば簡単にSSG+APIの構成が作れるのでは？と思ったので試してみる。 セットアップ NestJS+Angularの準備 nxを使ってNestJS+Ang…
Next.jsでmdxを使ってみる
はじめに mdxが気になっていた今日このごろ。 `Next.js`と一緒に使ってブログとか作れたら面白そうと思ったので、 Next.jsでmdxを使えるところまで試してみる。 TL;DR. - ソースコード mdxとは > MDX is a…
Next.js事始め
はじめに ずっと触ろうと思って触っていなかったNextを触ってみる。 今回は基本チュートリアルに沿って進めいく。 TL;DR. ソースコード テンプレ作成 CLIで作成。 ```bash $ npx create-next-app next-sa…
Vue3.0 + Vuex + tailwindcssを試してみる
はじめに vue3.0が出てしばらくたった今日このごろ。 試してみようみようと思って今まで放置していたので試してみる。 ただvue3だけ試すのではなく、ついでにvuexとtailwindcssも試してみる。 TL;DR. ソースコード セット…
ActixWeb+Angularを試してみる
はじめに Rustが気になっている今日このごろ。 最近Rustの基本的なことをやった ＋実践Rustプログラミング入門のWebアプリケーションの開発辺りまで読み終えたので、今回はActixWebを触ってみる。 公式のチュートリアルを進めつつ、Ang…
Rust事始め
はじめに 巷で話題になっているので気になったRustを触ってみる。 実践Rustプログラミング入門の最初の方まで読み終わったので、 Rust by Example 日本語版の序盤の方をを進めていく。 後半については実際に使ってみたほうが早そうな…
Firebase Realtime DatabaseをAngularで使ってみる
はじめに 前回Reactで使ってみたので今回はAngularでやってみる。 Firebaseの設定は前回と同じため、今回はプロジェクト作るところから始めていく。 (Firebaseの設定については前回参照) TL;DR. 今回作ったコード 実装…
Firebase Realtime DatabaseをReactで使ってみる〜書き込み編〜
はじめに 前回読み込みについてまとめたので、今回は書き込み周りについてまとめていく。 基本的なFirebaseの設定については前回行っているので、今回は早速実装 & 必要な設定をしていく。 TL;DR. コード 実装 FirebaseでGoog…
Firebase Realtime DatabaseをReactで使ってみる〜読み込み編〜
はじめに Firebase Realtime DatabaseをReact使ってみた今日このごろ。 備忘録も兼ねて使い方をまとめておく。 まとめていたら思ったより長くなったので、今回は読み込みまでやる。 今回はReact(クライアント側)の設定だけ…
Angular+Electron事始め
はじめに Electronが気になっていた今日このごろ。 Angularを久しぶりに触りたいこともあり、Angular + Electronでアプリを作ってみようと思う。 とりあえずAngular-CLIで作ったテンプレートをElectron使って…
ReactHooksざっくりまとめ
はじめに Hooksを触り始めている今日この頃。 雰囲気で色々触っていたけど、だんだん辛くなってきたのでちゃんとまとめていこうと思う。 APIリファレンスを見ながら、簡単に使い方とサンプルをまとめておく。 TL;DR. コード useStat…
