KZ
bin
Негізгі бет
Қазірдің өзінде танымал
Тікелей эфир
Ұнаған бейнелер
Қайтадан қараңыз
Жазылымдар
Кіру
Тіркелу
Ең жақсы KZbin
Фильм және анимация
Автокөліктер мен көлік құралдары
Музыка
Үй жануарлары мен аңдар
Спорт
Ойындар
Комедия
Ойын-сауық
Тәжірибелік нұсқаулар және стиль
Ғылым және технология
Жазылу
ムーザルちゃんねる
ムーザルちゃんねるです!
動画をご覧いただきありがとうございます。
📗 チャンネルについて
このチャンネルでは、zaru (ざる)と moo (ムー) がWebアプリのプログラミング勉強をしている初学者や、中級者を目指している方向けに、簡単に楽しくプログラミングを学べるオンライン勉強会をお届けします。皆さんが継続してプログラミングを学び続けられる、一つのキッカケになれば幸いです。
🔧 主に取り扱う技術について
・Web 系全般
・JavaScript / TypeScript
・Next.js
・HTML / CSS
・UI デザイン
・Ruby / PHP / Python
・開発環境系 / Git / エディタ / Linux
質問やリクエストは、Twitter などでお気軽に聞いてください。
チャンネル登録やフォローもお待ちしております!
📝 Zennでも技術記事書いてます
zenn.dev/p/moozaru
🎉 公式Twitterアカウント
ぜひフォローしてください
twitter.com/moozaru_ch
👯♀️ メンバー
・zaru ( twitter.com/zaru )
・moo ( x.com/m_fugodo )
22:25
Next.js v15の新機能や改善をまとめて紹介
Ай бұрын
26:16
絶対使いたいPrisma新機能ランキング
Ай бұрын
33:37
データベース(RDB)を理解できるようになる動画 / UUIDを主キーにすると遅い?
Ай бұрын
10:15
TypeScriptオススメのVSCode拡張機能
2 ай бұрын
31:21
Hono Webフレームワークの新しい選択肢
2 ай бұрын
38:18
2024年版「Webアプリ作るなら技術どれにする?」
2 ай бұрын
27:10
E2Eテストで挫折しそう? どうしているかを話してみた
3 ай бұрын
6:27
E2E テストが VS Code 使ったらめちゃ早く書けた
3 ай бұрын
12:44
Reactでなぜか2回実行されるんだけど…
3 ай бұрын
12:39
Next.jsのエラー画面表示が簡単&柔軟
3 ай бұрын
12:42
Tailwind CSSを使っているなら使いたいTailwind Variants
3 ай бұрын
9:47
Tailwind CSS初心者が絶対ハマる落とし穴
4 ай бұрын
14:56
Next.jsを使い続けたい好きなトコロ
4 ай бұрын
15:54
知らないとあぶない?Next.jsセキュリティの話
4 ай бұрын
23:25
まだ翻訳されてないけど読みたい技術書3冊紹介します
5 ай бұрын
15:43
TypeScript readonly使ってる?
5 ай бұрын
21:08
ISUCON13参戦してきた結果
11 ай бұрын
12:05
Ruby on Rails7.1の新機能をチェックしよう!
Жыл бұрын
11:24
TypeScriptのコーディングスタイル、どっちで書く?
Жыл бұрын
9:51
サーバサイドもクライアントも簡単デバッグ VS Codeでブレークポイント編
Жыл бұрын
13:20
圧倒的な速さ!? JavaScript書くなら把握しておきたいBun
Жыл бұрын
6:31
手元のアプリをスマホや他の人に一発で公開できる新機能の紹介
Жыл бұрын
10:41
エラーを読むのが苦痛じゃなくなる…かも
Жыл бұрын
12:18
チャットUIなAIアプリをシュッと作る
Жыл бұрын
14:59
Webアプリ作るなら技術どれにする?
Жыл бұрын
15:23
地味だけど便利なgitコマンド使い方
Жыл бұрын
10:17
今後の活動とご報告です
Жыл бұрын
8:50
Amazon CodeWhisperer と GitHub Copilot 比較 | CodeWhisperer どんな感じ?
Жыл бұрын
18:17
ReactでCSS書くならどれ使う?
Жыл бұрын
Пікірлер
@shoyam4284
2 күн бұрын
今更ながら。。 薪をくべながらプログラミングの話は斬新で楽しそうw
@kk-ft1nx
3 күн бұрын
最近API構築でzodフル活用していたのでありがたすぎる情報だったので超前のめり視聴しました😭
@sinoda1114
4 күн бұрын
認証のことが話に出てないような気がしますが、もしこの選定ならNextAuthかSupabaseの認証ですかね それとも他の認証サービスやライブラリを選択となりますかね ご参考までにご意見お聞きしたいです
@user-ly9or4cp9t
5 күн бұрын
Next.jsのセキュリティ対策についても聞いてみたいです NextのCSRF対策だとミドルウェアで永続層/Redisなどとやりとりしずらい関係でDouble Submit Cookie Patternとか採用されそうな気がするんでそのあたりもいつかふれていただけると幸いです
@HANEKAWAhaorenoyome
7 күн бұрын
いいですね。MacBook売ります。
@bmi921
7 күн бұрын
りんぬくんで草 ムーさんのiPadなのかな😮
@akapanman
9 күн бұрын
ミドルウェアでSQLを使った認証チェックができない件ですが、認証チェックをWEBAPIで作っておいてそれをミドルウェアから呼び出せば良いのではと思い、やってみたらできたのでこれで行こうと思っているのですが、どう思いますか。
@ねこうま-r2s
17 күн бұрын
動的レンダリング=suspenseの中=server component 静的レンダリング=suspenseの外=client componennt というわけでもないですよね、、? Rscとpprのパラダイムワカラナイ
@aotslid4833
21 күн бұрын
インデックスがなくても高速な検索が出来るメモリズムプロセッサをご存じですか?
@wataru-desu
22 күн бұрын
DBについてよく分からないけど、どこかにデータが保存されてみたいな感じで苦手意識が強かったのですが、裏側ではただのファイルだという事が驚きでした。(よくよく考えれば当たり前ですが)少し苦手意識がなくなりました。とても良い動画ありがとうございます。解説で使用されていたベンチマークの表ってどのように作成されているのでしょうか。 ベンチマークの測り方とか提案の仕方ついて詳しくなりたくてご教授頂けると嬉しいです! Web開発におけるパフォーマンス改善で良く遭遇するベンチマークの観点等とかありましたら知りたいです。 よろしくお願いします。
@EngKBaurelius-l5s
22 күн бұрын
有用な情報をありがとうございます。月60時間あれば、私の使い方なら大丈夫かも。 iPadなら指でスクロールできるのでいい、、というわけでもないんですかね。。
@user-ss5iw9zk1d
23 күн бұрын
vueってあんまりつかわないのですか?
@tomotomo7903
23 күн бұрын
面白かったです
@johndoe-gy7jq
24 күн бұрын
branded type と同じようなアイデアですが、自分は良く tagged union (discriminated union)を使います。 TypeScriptで直和型を表現できるのでかなり重宝してます。完全な直和型ではないのですが、TypeScriptという言語の制約の中で直和型を表現するのに静的に判断する部分と実行時に判断する部分をバランスよく混ぜたやり方だと思っています。
@give_0720
28 күн бұрын
UIライブラリは原則使用しないスタンスなのが驚きでした。 実際、今参画しているプロジェクトはVue(古い)でできたアプリをReact系にリプレイスするものなんですがゴリゴリにUIライブラリ使ってますね💦 先方の方針もあってライブラリに依存しているんですが、個人的にはTailwind CSS 使いたい・・・
@mentosukoala
29 күн бұрын
途中で寝落ちしてしまいこの動画見るの2回目なんですけど、この不具合も型を活用したらなおりますか?
@hirokiuchida2135
29 күн бұрын
いいチャンネル見つけた〜!他の動画も観てみます🙆♂️
@kumonopanya
Ай бұрын
ユーザーのID 製品のIDをUUIDで同じ型を付けても、型レベルで区別するのか
@爪切って手で取ろうとすると皮
Ай бұрын
すごいタイムリーな情報で勉強になりました!
@ichisilo
Ай бұрын
タイトルは「型を」ではなく「型の」ですね。
@Pyonsuke
Ай бұрын
楽しみながら勉強になるという一石二鳥な動画
@null776
Ай бұрын
公式の内容がスッと腑に落ちる説明がとてもありがたいです!🎉
@xsov1-s1m
Ай бұрын
RC2でてNext.js Confまでもう少しか〜と油断してたら、Next15リリースされましたね😂
@o3o919
Ай бұрын
たまに憧れては、「MacBookでいいや」ってなるやつ
@o3o919
Ай бұрын
このチャンネル楽しすぎます
@user-ieffc
Ай бұрын
お二人はカップルなのかな、
@tetu6708
Ай бұрын
Webアプリケーションソフトでの開発が変わりだしていますが、WebAssemblyアプリケーションソフトに変わりだしているのでしょ。 TypeScriptで3D開発したり、VR系のアプリケーションソフトを作らなければならないので。 あと、クラウドコンピューティング関連で、Webでのセキュリティ重視が要求されているので。
@naoyanickf
Ай бұрын
やばい、このチャンネルめちゃくちゃ共感できる。話もすっと入ってくる。最高だ・・・
@とな-c1q
Ай бұрын
動画の通りやったら楽すぎてビックリした… ありがとうございます!
@shoyam4284
Ай бұрын
こういう話好きだなぁ
@jinga9700
Ай бұрын
わかりやすくて非常に助かります。毎度ありがとうございます。
@mozart-2003
Ай бұрын
Remixやって欲しいです!
@MiyakawaTakeshi
Ай бұрын
Don Knuthの格言「諸悪の根源は(タイミング的に)早すぎる最適化にある」 Richard Gabrielの格言「Lispは最適化しないと遅いと言われるが、C言語は常に最適化を求められていると言える(Lispなら、まず素直に書き、動くようになってから最適化して速度を改善できる)」 黄金律「最適化は、想像するな、計測せよ(プロファイラを使いなさい、ということ)「 Next.jsは、開発体験として、最初からカッチリと作れ、手抜きをするな、という圧が強いと感じるんですよね。 たとえばnext.config.jsに 開発モード: プロトタイピング みたいな指定をすると、致命的ではないアラートを抑止できるとか、そういうのが欲しい。 プロダクションレディに近づいてからは、有り難さを感じるんですけどね。
@KentaroxKondo
Ай бұрын
たすかる………🙏
@ポテト-v3r
Ай бұрын
基本constでnextjsのpage.tsxみたいにdefault exportが必要なときはfunction使うなー
@user-ah0
Ай бұрын
んー最終的に考えるだけ時間の無駄か、と思いました
@user-ah0
Ай бұрын
interfaceというワードが分かりづらいから嫌いなんだよなあ
@user-ah0
Ай бұрын
Svelte/SvelteKitを触ったことがあったらご意見聞いてみたいです!
@hakkaisan-s6x
Ай бұрын
初めまして。 いつも勉強させてもらっています🥰 Next.jsと連携するバックエンドAPIの慣習について質問させてください。 Next.js+python(FastAPI)構成のシステムを見たことがあるのですが、 同じシステムなのにサーバーサイドが2つあることに何となく違和感があります。。 このような構成はFastAPI側では認証認可の実装を行わずにデータだけを返すAPIにしたいという設計思想なんでしょうか?? Next.jsのサーバーサイド側では認証(認可?)の実装とFastAPIにリクエストを送るのみだったので、FastAPI側で認証認可を行わないなら綺麗な感じがするのですがどうでしょうか・・??
@moozaru
Ай бұрын
サーバサイドの定義・範疇次第かなと思いますが、Next.jsでServerComponentを使いつつ、ビジネスロジックは別システム(FastAPIやRailsなど)に分離するということ自体は、割とよく見る構成です。ただし、ビジネスロジックがどちらにも分散してしまっているとしたら、設計があまり良くないかもしれないですね。 認証認可も同様に、原則ビジネスロジックを持つシステムが担うと思います。要はブラウザが持ってる認証に使うデータをNext.jsが受け取ってFastAPIにバイパスするような形、あるいはブラウザから直接FastAPIを叩きに行く構成になるかと。 もしFastAPI側が認証認可のチェック機構がない場合は、アクセス元が信頼できるかどうかチェックする必要が出てきちゃいますね。
@hakkaisan-s6x
Ай бұрын
@@moozaru ご返信ありがとうございます! 確かに認証認可はFastAPIなどビジネスロジックを持つシステム側で担当するのが自然そうですね(FastAPI側に認証認可の機構がない場合はエンドポイント流出したら危なそうですし・・)。自分で勉強のためのアプリケーション制作の際に参考にさせていただきます😋
@satohsatoh7753
Ай бұрын
新卒エンジニアです 新しく出てきた技術の情報はどこから入手されていますか? まだまだ基本を勉強しないといけない時期ですが、最新情報も気になります!
@moozaru
Ай бұрын
そうですね、いくつかありますが僕の場合は今仕事で使っているOSSのリリースノートを見たり、開発者の𝕏アカウントをフォローしたりしています。そうすると、そのOSSに近しい情報も目につくようになるので、気になったら実際に使ってみたりして調べたりしてます。この時のポイントは、見聞きした情報を疑う(もしくはフラットに)姿勢で、自分の手で動かしてインプットするようにしてます。
@satohsatoh7753
28 күн бұрын
@@moozaru ありがとうございます! 早速𝕏で色々フォローしてみました!
@cloghjordan
Ай бұрын
しばらくぶりだなぁ
@null776
Ай бұрын
server actions使ってる場合は、書けそうな部分は単体テスト、結合テストを書いて、難しい部分はE2Eでカバーするといった感じでしょうか。
@moozaru
Ай бұрын
そうですね。Server Actionsの内部ロジックを別関数に切り出すなどをすると、通常のユニット(DBがあるなら結合)テストで、全体のフローをチェックしたい場合はE2Eですね。あとはServerComponentのコンポーネントテストが簡単にかけるようになったら、一通りテスト手法は安定しそうです。
@null776
Ай бұрын
whereにundefined入れるとwhereが消えるのは知りませんでした。 ああ、、あの時のあれはこれだったんだぁ、、となりました。
@heporap
Ай бұрын
このデザインに合わせて作ってください、というパターンと、プログラマーがデザインできる場合で使う方法は変わりますね。 セマンティックウェブが言われていた時代は機能名をclassにつけるというルール(注意を促すからattentionとつける)になっていましたが、今はそんな面倒なことやってられねーで、bootstrapやtailwindみたいにデザイン名をclassにつける(赤いボタンだからredとつける)と言うルールが一般化していると思います。
@grem_ito
Ай бұрын
React初心者です。”これから始めるReact実践入門 コンポーネントの基本からNext.jsによるアプリ開発まで”という書籍では、「アプリがべからずなコードを用いている場合に警告を発してくれます」「〇〇な問題の特定に役立ちます」などの解説だけで、ここまでStrictモードについて解説されていなかったのでとてもスッキリしました。ありがとうございます!!
@akirakataoka8885
Ай бұрын
Web素人の私にとっては、横文字ワードがカッコいいです。
@user-ah0
Ай бұрын
結論: 遅いけどクソどうでもいい差なので無視してOKということね。
@loneprogrammer-kj1zj
Ай бұрын
👍
@MiyakawaTakeshi
Ай бұрын
最近、人にSpring Bootを教える機会があって再学習したのですが、GraphQLの記述がものすごく使いやすくなっていて、TypeScript+Prisma+Apolloよりもスイスイ書けるような感じがしました。 昔のJavaでは必要だったボイラープレートコードが限りなく少なくなっていて。 とは言え、TypeScriptなら書けるけど、Javaはちょっと...という人もいるでしょうから、どのプロジェクトでも採用できるわけではないと思いますが。 SQLの性能問題は、「いつ」その問題にとりくむか、という問題に親和性のある方法が必要だと思います。 Don Knuthの教えにあるように、性能問題に直面し、実際にそこがボトルネックであるということが「計測によって」判明するまでは、わかりやすさとメンテナンスしやすさを重視してコーディングすべきです。 実際、計測してみないとSQLの性能はまったくわからない。予想しても仕方がない。 複雑にJOINしているクエリの実行計画がどうなるか、ということを考える必要があるときは、生のSQLを書くと思うので、最後の機能はかなり微妙かな...と思いました。
@3o1415926535
Ай бұрын
分析用に大量データをDBにロードする時とかはログ書き込みはオフりますね もう目に見えて速くなります あとfluent-bitのログ位置の保存(SQLite)など内在的にチェックポイントを抱えているソフトウェアをうごかすと何度もfsyncしてくれるのでDisk IOが跳ね上がってイライラします もうサーバのない世界に生まれたい