Build in AI speed — Compose enterprise-grade applications, features, and componentsHow to type React propsSince React props are used to send transmit data between one React component to another, there are many types that you can use to type React props. To write the types of your props, you need to add a colon and the object literal notation (: {}) next to the destructuring assignment of the child
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 皆さん、最近話題の AI 駆動開発、試していますか？ 私は普段フリーランスの Web エンジニアとして活動しており、そちらでは AI エージェントをフル活用した開発を行っています。 そして業務だけでなく、個人開発の中でも AI を活用して、開発効率を劇的に向上させています。 そんな中、個人開発として Cursor と Claude をフル活用して、プログラミング学習サイトを たった 1 ヶ月で作り切る ことができました。 今回作ったのは「Learning Next」というサイトで、プログラミング学習用のテキスト
Remix on Cloudflare WorkersからCloudflare R2を使う | DevelopersIO
*2022年5月15日現在 Cloudflare R2 documentation · Cloudflare R2 docs Pricing · Cloudflare R2 docs R2 サービスの登録 R2は従量課金制となっているため事前に支払い情報の登録が必要です。とはいえ無料枠がかなり大きいので検証範囲の範囲では無料枠を超えることは少なそうです。 R2はダッシュボードからR2有料プランを購入することですぐに利用できるようになります。（購入といってもこの時点で料金はかかりません） R2バケットの作成 ダッシュボードから作成することもできますが、今回はCLIから作成します。 Wranglerがインストールされていない場合はインストールとアカウントの紐付けをあらかじめ行っておいてください。 Wrangler v2のインストールとアカウントの紐付け $ npm install -g wra
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに ...応用情報技術者試験の午後試験の過去問演習ってめんどくさくないですか？！ これはひょっとして僕だけが抱えている悩みなのでしょうか...いやそんなはずがない。（反語） 僕の嘆きをまずはちょっと聞いていただきたい。ブラウザバックするのはその後でも遅くないはずです！ IPAの午後試験の過去問演習のここがめんどくさい！！その1！！！ 解説がない 基本的に勉強って問題を解く→解説を見る→へぇってなるの繰り返しだと思っているんですよ。まぁもちろんただひたすらに教科書みたいなのを読む勉強もありますが、こと資格試験の過去問演習ではこのルー
OpenAI Realtime API で英語スピーチを代行してもらう - ABEJA Tech Blog
はじめに こんにちは。 ABEJAのシステム開発部でエンジニアをしている中島です。 こちらはABEJAアドベントカレンダー2024 8日目の記事です。 本記事では、英語のスピーチが苦手な中島がAIの力で英語を話すことに挑戦 そして挫折 する話をします。 今回の記事の対象者はソースコードをある程度読むことができる方を想定しています。 大枠として下記の構成で進行します。 先に結論 OpenAI Realtime API とは アプリケーション方針 リファレンス読解 アプリケーションの実装 まとめ 先に結論 OpenAIのRealtime APIのリファレンス実装を見ながら、リアルタイム翻訳機能を実装しました。 リファレンスのUtilityを使えば、簡単に実装することができます。 出来たものは下記のようなアプリケーションです。 youtu.be OpenAI Realtime API とは まず
Theme 第 167 回のテーマは 2024 年の Yearly Ecosystem です。 Show Note 2024 年のチェックポイント Vite の覇権を Turbopack, RSPack が奪えるか? Storybook は覇権をとって、Chromatic もすごくなりそう Next App Router が本当に広がるか RSC 対応の Bundler が増えて Next 以外の解が見れそう アプリケーションの Rust 化くるか? React Forget Figma Config 2024 の Adobe の影響 State Management どうなってく? (Context, Jotai, SWR, Signal) ESLint to flat config or Biome AI driven FE Development CSS の新しい方法論 今年のキーワ
JavaScript のコーディングを始めるための 40 個のやさしい JS プロジェクト (初心者向け)
原文: 40 JavaScript Projects for Beginners – Easy Ideas to Get Started Coding JS プロジェクトの構築こそ新しいプログラミング言語を学ぶ最善の方法です。 そこで、純粋な JavaScript、React、TypeScript を使用する、初心者にやさしい 40 個のプロジェクトチュートリアルの一覧を作成しました。 チュートリアルについてのアドバイスなのですが、ビデオを見て、プロジェクトを構築し、それを分解してから独自の方法で再構築してみてください。新しい機能を追加したり、違う方法を試したりしてください。 そうすることで、プロジェクトの概念をつかめたかどうかテストできます。 なお、以下のリストの各プロジェクトの上でクリックすれば、対応する記事のセクションまでジャンプできます。 純粋な JavaScript のプロジェク
React Best Practices – Tips for Writing Better React Code
By Jean-Marc Möckel Two years ago, I started to learn and use React. And today I'm still using it at my day job as a Software Developer and in my own side projects. During that time I've come across a lot of "typical" issues. So I searched around and found some best practices that I've integrated into my workflow, and I've come up with things that have made my life or my team members' lives easier
React + TypeScript + Django REST frameworkでToDo管理アプリを作ってみた - メモ的な思考的な
先日、大岡由佳さんの「りあクト！ 第3.1版 (2020年12月26日 初版第1刷発行)」を読みました。書籍では理由や経緯などが書かれており、とてもためになりました。ありがとうございました。 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅰ. 言語・環境編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅱ. React基礎編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅲ. React応用編】 そこで、Reactの理解を深めるために何か作ろうと考え、よくあるToDo管理アプリを作ってみたことから、その時のメモを残します。 目次 環境 やることとやらないこと やること やらないこと 環境構築 Python CRAによる、React環境構築 ESLint Prettier PyCharmの設定
最近になって React + TypeScript に入門したので、自分へのメモがてら、基本的なことをまとめてみました。 前提 TypeScript 初心者です。間違いや違和感等々ありましたらコメントで教えていただけると助かります。 JavaScript・React はある程度理解していることが前提です。 TypeScript・React の環境構築やtsconfig.jsonの設定には触れません。 TypeScipt の基礎 「明示的な型定義」と「型推論」 TypeScript の型定義には明示的な型定義と型推論があります。 明示的な型定義は人間が型を指定するのに対し、型推論は TypeScript がいい感じに型を推論してくれます。 実際のコーディングでは型推論を使いつつ、必要な時だけ明示的な型定義をすればいいと思いますが、この記事では型の理解を手助けするために明示的な型定義を使用して
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React with TypeScript Cheatsheet
【AI駆動開発】Cursorを使いこなして1ヶ月でプログラミング学習サイトを作ったのでノウハウを伝えたい - Qiita
AI採点が出来る最強の応用情報過去問演習サイトを作った - Qiita
ep167 Yearly Ecosystem 2024 | mozaic.fm
React + TypeScript に入門したので基本をまとめてみた | iret.media