- Видео 44
- Просмотров 11 832
もじゃもじゃラボ
Япония
Добавлен 8 июл 2020
どうもこんにちは！講師のもじゃもじゃです！！！
年度のはじめにはプログラミング教室で新人社会人のプログラミング研修で講師をしています。講師をしてみて気がついたことを伝えたいと思いチャンネルを開設いたしました。
プログラミングを習得していくためのノウハウや、糸口をつかめるようなヒントを少しでもたくさん紹介していければ良いな、と思っています。
分かり難かったところなど、コメントいただければと思います！
よろしくお願いします！
年度のはじめにはプログラミング教室で新人社会人のプログラミング研修で講師をしています。講師をしてみて気がついたことを伝えたいと思いチャンネルを開設いたしました。
プログラミングを習得していくためのノウハウや、糸口をつかめるようなヒントを少しでもたくさん紹介していければ良いな、と思っています。
分かり難かったところなど、コメントいただければと思います！
よろしくお願いします！
【Spring Boot入門 #06】パラメータを処理するWebアプリその3 〜URLに含まれたデータを処理する〜 #springboot #java #thymeleaf
ruclips.net/video/YExWRaJYSUI/видео.html
の続きです。
今回は、URLに含まれたデータを処理するプログラムを作成しました！
クエリストリングは検索フォームから、結果一覧を表示するような場面で使い、パスパラメータは、その中の一つの要素を特定するような場面で使います。
★目次
0:17 オープニング
0:28 データの送り方おさらい
0:59 URLに含めて送るとは？
1:45 複数のパラメータを送る
2:11 パスパラメータを取得する
3:26 1つのパスパラメータを処理するコーディング
このセクションで作成しているソースコードです。
↓
github.com/mojyamojya/java_spring/blob/bee6f466b2e0c3f3620cc515493b8db1f3498114/params/src/main/java/com/example/params/HelloController.java
github.com/mojyamojya/java_spring/blob/bee6f466b2e0c3f3620cc515493b8db1f3498114/params/src/main/resources/templates/index.html
github.com/mojyamojya/java_spring/blob/bee6f466b2e0c3f3620cc515493b8db1f3498114/params/src/main/resources/templates/hello.html
12:57 複数のパスパラメータを処理するコーディン...
の続きです。
今回は、URLに含まれたデータを処理するプログラムを作成しました！
クエリストリングは検索フォームから、結果一覧を表示するような場面で使い、パスパラメータは、その中の一つの要素を特定するような場面で使います。
★目次
0:17 オープニング
0:28 データの送り方おさらい
0:59 URLに含めて送るとは？
1:45 複数のパラメータを送る
2:11 パスパラメータを取得する
3:26 1つのパスパラメータを処理するコーディング
このセクションで作成しているソースコードです。
↓
github.com/mojyamojya/java_spring/blob/bee6f466b2e0c3f3620cc515493b8db1f3498114/params/src/main/java/com/example/params/HelloController.java
github.com/mojyamojya/java_spring/blob/bee6f466b2e0c3f3620cc515493b8db1f3498114/params/src/main/resources/templates/index.html
github.com/mojyamojya/java_spring/blob/bee6f466b2e0c3f3620cc515493b8db1f3498114/params/src/main/resources/templates/hello.html
12:57 複数のパスパラメータを処理するコーディン...
Просмотров: 48
Видео
【Spring Boot入門 #05】パラメータを処理するWebアプリその2 〜POSTで送ったデータを処理する〜 #springboot #java #thymeleaf
Просмотров 71Месяц назад
ruclips.net/video/BgdTbCimBeg/видео.html の続きです。 フォームで送信されたデータを処理するプログラムを、Spring Bootで開発する方法ついて解説してみました！ ★目次 0:03 オープニング 0:23 リンクのクリックでデータを送る 2:41 GETになるタイミング 3:12 フォームからGETで送る このセクションで作成しているソースコードです。 ↓ github.com/mojyamojya/java_spring/blob/a4e3856069e5c19792984b8a338a98184e85db9c/hello/src/main/resources/templates/index.html 6:22 フォームからPOSTで送る このセクションで作成しているソースコードです。 ↓ github.com/mojyamojya/ja...
【Spring Boot入門 #04】パラメータを処理するWebアプリその1 〜クエリストリングを処理する〜 #springboot #java #thymeleaf
Просмотров 68Месяц назад
ruclips.net/video/Cvs_4MTH1fw/видео.html の続きです。 パラメータを処理するWebアプリの作成していきたいと思います！クエリストリングで送ったデータを取得するWebアプリを作成します。 ★目次 0:13 オープニング 0:21 パラメータを処理する 1:40 クエリストリングで送る 3:03 スコープオブジェクトについて 3:54 model経由でテンプレートと共有 4:44 テンプレートでの表示 6:18 modelオブジェクトの正体 8:35 “送って表示”までの流れ 9:17 ライブコーディング開始〜 9:40 HelloControllerにメソッド追記 このセクションで作成しているソースコードです。 ↓ github.com/mojyamojya/java_spring/blob/582765468dbb0c39aff85abf288...
【Spring Boot入門 #03】いよいよThymeleafでHTMLをレスポンスするWebアプリを作ります！ #springboot #java #thymeleaf
Просмотров 1042 месяца назад
ruclips.net/video/baOxiGGpFbA/видео.html の続きです。 Thymeleafというテンプレートエンジンを使ってHTMLをレスポンスするWebアプリの作成していきたいと思います！ 1つのController、1つのテンプレートを使ったWebアプリを作ります。 ★目次 0:11 オープニング 0:22 作成するWebアプリケーションの概要 0:52 Thymeleafとは？ 1:37 Controllerで使用するアノテーション 2:37 ライブコーディング開始〜 2:41 Spring Projectの作成 4:38 Controllerの作成 このセクションで作成しているソースコードです。 ↓ github.com/mojyamojya/java_spring/blob/75cef1b52ed98273fd816155749657368597d2...
【Spring Boot入門 #02】GETとPOSTの違い！ThymeleafでHTMLをレスポンスするWebアプリを作る前に。 #springboot #java
Просмотров 1012 месяца назад
ruclips.net/video/3oKIOpakLCk/видео.html の続きです。 Webアプリケーションの開発ではまず、HTTPリクエストの、GETとPOSTの違いを理解する必要があります。 Thymeleafを使ってHTMLをレスポンスするWebアプリの解説を予定していましたが、その前提知識をまとめていくうちに、Thymeleafの説明まで到達できなくなってしまいました。Thymeleafについては、次回の動画で解説したいと思います。 ★目次 0:12 オープニング 0:45 HTTPリクエストについて 1:44 HTTPリクエストの構造 2:15 リクエストラインの構造 3:11 GETとPOSTの違い〜POSTでデータを送る〜 3:52 GETとPOSTの違い〜GETでデータを送る〜 4:29 クエリストリングについて 5:26 まとめ 5:54 エンディング た...
【Spring Boot入門 #01】最速！Spring Bootで簡単Webアプリ作成！フレームワークとは？Spring Bootとは？ #springboot #java
Просмотров 2002 месяца назад
Javaで実用的なWebアプリを作るならSpringフレームワークが最適です。中でもSpring Bootはスターターキットのようなフレームワークなので、初心者でもとても取っ付きやすいです。オブジェクト指向やラムダ式を押さえたら、Spring BootでWebアプリケーションの開発にチャレンジしてみませんか？ ★目次 0:03 オープニング 0:27 JDKでのWeb開発 1:25 フレームワークとは？ 2:16 Spring Frameworkとは？ 3:13 Spring Bootとは？ 3:33 Webアプリケーションの作成 4:59 Java Projectの作成 7:22 RestControllerの作成 このセクションで作成しているソースコードです。 ↓ github.com/mojyamojya/java_spring/blob/main/demo/src/main/...
Stream APIとは？関数の連鎖で行うコーディングスタイル【#03 Javaラムダ編】 #java #vscode
Просмотров 2959 месяцев назад
ruclips.net/video/DJNzlnRjmtM/видео.html の続きです。 関数型プログラミングとStream APIについて解説してみました。 今回あらかじめ用意したMain3クラスはこちらです。 github.com/mojyamojya/java_lambda/blob/main/Main3.java Main3クラスを匿名クラスに書き換えたソースコードはMain4クラスとしてGitHubにアップしました。 github.com/mojyamojya/java_lambda/blob/main/Main4.java 動画内で扱っているJavaのリファレンスはこちら。 ・Streamインターフェース docs.oracle.com/javase/jp/8/docs/api/java/util/stream/Stream.html ・Predicateインターフ...
10の手順！匿名クラスで実装した関数型インターフェースの記述を"ラムダ式"に書き換える【#02 Javaラムダ編】 #java #vscode
Просмотров 3599 месяцев назад
匿名クラスで実装した関数型インターフェースの記述を書き換えるための10の手順について解説したいと思います。 ラムダ式とは？匿名クラスで実装した関数型インターフェースの記述を省略したもの【#01 Javaラムダ編】 ruclips.net/video/qjgXwiada00/видео.html の続きです。 ★目次 0:05 オープニング 0:18 ラムダ式とは？（前回動画の振り返り） 0:57 ラムダ式に書き換えるための10の手順 2:28 省略してみた 5:07 ライブコーディング 7:13 抽象メソッドの引数の型の省略例 7:47 returnの省略例 9:09 改行とインデントの整形 10:44 まとめ 11:06 エンディング ★本動画で使用しているサンプルコード Main2クラス：github.com/mojyamojya/java_lambda/blob/main/Ma...
ラムダ式とは？匿名クラスで実装した関数型インターフェースの記述を省略したもの【#01 Javaラムダ編】 #java #vscode
Просмотров 7229 месяцев назад
今回は、ラムダ式について、いくつかの動画に分けて解説していきたいと思います。難解な書式に躓く方も多いかと思いますが、ラムダ式とは？簡単にいうと、匿名クラスで実装した関数型インターフェースの記述を省略したもの、です。なので、まずは関数型インターフェースについて理解しておく必要があります。 ★目次 0:08 オープニング 0:21 ラムダ式とは？ 0:48 関数型インターフェースとは？ 1:52 Runnableインターフェースを普通に実装 2:42 メインメソッドの実装 4:07 インターフェースを内部クラスで実装 4:43 インターフェースを匿名クラスで実装 5:25 ライブコーディング 6:05 コード補完機能でオーバーライド その1 9:16 コード補完機能でオーバーライド その2 10:43 まとめ 11:05 エンディング ★本動画で使用しているサンプルコード Example...
抽象クラスとインターフェースの違い（字幕あり）【#09 🔰 Javaで始めるオブジェクト指向】 #java
Просмотров 603Год назад
抽象クラスとインターフェース、とてもよく似ていてい違いがよくわからない？という方、多いのではないでしょうか？今回は、抽象クラスとインターフェースの使い所について解説してみました。 【#08 🔰 Javaで始めるオブジェクト指向】抽象クラスとインターフェース ruclips.net/video/X5tBcxzArlk/видео.html の続きです。 筑波大学の講義の動画を一部参考にさせていただきました。 ocw.tsukuba.ac.jp/course/systeminformation/java/p-11/ あわせてご視聴していただけると理解度も上がるかと思います！ ★目次 0:00 オープニング 0:22 抽象クラスの使い所 2:42 is a 関係 3:28 インターフェイスの使い所 6:05 まとめ 6:25 エンディング たくさんのコメントお待ちしております！ よろしくお...
抽象クラスとインターフェース（字幕あり）【#08 🔰 Javaで始めるオブジェクト指向】 #java
Просмотров 154Год назад
シリーズでお送りしているオブジェクト指向編ですが、いよいよ終盤に差し掛かってまいりました。今回は、「抽象クラスとインターフェース」について解説してみました。抽象クラスとインターフェースを理解するためには、クラスの継承の理解が必要です。こちらも参考にしていただければと思います。 ruclips.net/video/003e159870Q/видео.html 【#07 🔰 Javaで始めるオブジェクト指向】オブジェクト指向の三大特徴の三つ目「ポリモーフィズム（多態性）」 ruclips.net/video/He7LTin7xag/видео.html の続きです。 ★目次 0:00 オープニング 0:25 抽象クラスとは？ 1:49 インターフェースとは？ 4:00 インターフェイスの具体例 5:10 まとめ 5:27 エンディング たくさんのコメントお待ちしております！ よろしくお願...
ポリモーフィズム（多態性）って、何？（字幕あり）【#07 🔰 Javaで始めるオブジェクト指向】 #java #vscode
Просмотров 250Год назад
今回は、オブジェクト指向の三大特徴の中の三つ目「ポリモーフィズム（多態性）」について解説してみました。ポリモーフィズム（多態性）を理解するためには、前回動画で解説した継承のオーバーライドについての理解が必要です。こちらも参考にしていただければと思います。 ruclips.net/video/FL0MGUbGqRk/видео.html 【#06 超入門 Javaで始めるオブジェクト指向】継承でできることその3「オーバーライド」について ruclips.net/video/FL0MGUbGqRk/видео.html の続きです。 ★目次 0:00 オープニング 0:22 ポリモーフィズム（多態性）とは？ 0:57 ポリモーフィズムの具体例 2:24 ライブコーディング 7:44 まとめ 8:03 エンディング ★本動画で使用しているサンプルコード Animalクラス：github.c...
継承でできることその3「オーバーライド」について（字幕あり）【#06 🔰 Javaで始めるオブジェクト指向】 #java #vscode
Просмотров 91Год назад
今回は、オブジェクト指向の継承でできることの1つ、「オーバーライド」について解説してみました。親クラスの既存機能を継承した子クラスで書き換えることができます。ポリモーフィズム（多態性）を実現するための大事な文法です。 【#05 超入門 Javaで始めるオブジェクト指向】継承でできることその2「新しい機能の追加」について ruclips.net/video/kNCIzKkMXtM/видео.html の続きです。 ★目次 0:00 オープニング 0:17 オーバーライドとは？ 0:44 具体的には 2:02 ライブコーディング 4:42 まとめ 5:30 エンディング ★本動画で使用しているサンプルコード Earphonesクラス：github.com/mojyamojya/java_oop/blob/main/Earphones.java Earbudsクラス：github.com...
継承でできることその2「新しい機能の追加」について（字幕あり）【#05 🔰 Javaで始めるオブジェクト指向】 #java #vscode
Просмотров 48Год назад
オブジェクト指向の継承でできることの1つ、「新しい機能の追加」について解説してみました。子クラスにしか必要ない機能は、子クラスにだけ実装していくことで、親クラスの機能を拡張していくことができるんです。 【#04 超入門 Javaで始めるオブジェクト指向】継承でできることその1「親クラスの機能を子クラスで使う」について ruclips.net/video/9kXkkqmSY_g/видео.html の続きです。 ★目次 0:00 オープニング 0:15 継承でできること（おさらい） 0:50 新しい機能の追加について 1:25 ライブコーディング 3:33 まとめ 3:55 エンディング ★本動画で使用しているサンプルコード Earphonesクラス：github.com/mojyamojya/java_oop/blob/main/Earphones.java Earbudsクラス：...
継承でできることその1「親クラスの機能を子クラスで使う」（字幕あり）【#04 🔰 Javaで始めるオブジェクト指向】 #java #vscode
Просмотров 58Год назад
継承でできることその1「親クラスの機能を子クラスで使う」（字幕あり）【#04 🔰 Javaで始めるオブジェクト指向】 #java #vscode
オブジェクト指向のキモ「継承」について（字幕あり）【#03 🔰 Javaで始めるオブジェクト指向】 #java
Просмотров 48Год назад
オブジェクト指向のキモ「継承」について（字幕あり）【#03 🔰 Javaで始めるオブジェクト指向】 #java
カプセル化とは？（字幕あり）【#02 🔰 Javaで始めるオブジェクト指向】 #java #vscode
Просмотров 822 года назад
カプセル化とは？（字幕あり）【#02 🔰 Javaで始めるオブジェクト指向】 #java #vscode
オブジェクト指向って、何？（字幕あり）【#01 🔰 Javaで始めるオブジェクト指向】 #java
Просмотров 982 года назад
オブジェクト指向って、何？（字幕あり）【#01 🔰 Javaで始めるオブジェクト指向】 #java
【もじゃもじゃラボ（クーポン付き）】超HTML/CSS/JavaScript入門♪セットで学ばないと意味がない？難しい用語も平たい言葉で解説♪
Просмотров 1492 года назад
【もじゃもじゃラボ（クーポン付き）】超HTML/CSS/JavaScript入門♪セットで学ばないと意味がない？難しい用語も平たい言葉で解説♪
addEventListenerでスクリプトを実行するタイミングをコントロール！無名関数を使った例も実装（字幕あり）【#05 JavaScript入門 〜DOM操作編〜】
Просмотров 5082 года назад
addEventListenerでスクリプトを実行するタイミングをコントロール！無名関数を使った例も実装（字幕あり）【#05 JavaScript入門 〜DOM操作編〜】
querySelectorAllも使ってみた！styleプロパティで装飾変更！forEachで複数要素操作（字幕あり）【#04 JavaScript入門 〜DOM操作編〜】
Просмотров 4332 года назад
querySelectorAllも使ってみた！styleプロパティで装飾変更！forEachで複数要素操作（字幕あり）【#04 JavaScript入門 〜DOM操作編〜】
querySelectorメソッドを使ってみた！innerHTMLを操作してタグの中身を書き換えよう！（字幕あり）【#03 JavaScript入門 〜DOM操作編〜】
Просмотров 6982 года назад
querySelectorメソッドを使ってみた！innerHTMLを操作してタグの中身を書き換えよう！（字幕あり）【#03 JavaScript入門 〜DOM操作編〜】
getElementByIdメソッドで要素を取得！srcプロパティを操作して画像を差し替えよう！（字幕あり）【#02 JavaScript入門 〜DOM操作編〜】
Просмотров 5862 года назад
getElementByIdメソッドで要素を取得！srcプロパティを操作して画像を差し替えよう！（字幕あり）【#02 JavaScript入門 〜DOM操作編〜】
DOMって、何？ 〜オブジェクトとは〜（字幕あり）【#01 JavaScript入門 〜DOM操作編〜】
Просмотров 3,6 тыс.2 года назад
DOMって、何？ 〜オブジェクトとは〜（字幕あり）【#01 JavaScript入門 〜DOM操作編〜】
【導入編 #06】VSCodeで作成したHTMLの雛形のlang属性をjaに変更する方法（字幕あり）
Просмотров 1243 года назад
【導入編 #06】VSCodeで作成したHTMLの雛形のlang属性をjaに変更する方法（字幕あり）
【導入編 #05】HTMLの雛形を一発で作成するショートカットキー！（字幕あり）
Просмотров 913 года назад
【導入編 #05】HTMLの雛形を一発で作成するショートカットキー！（字幕あり）
【導入編 #04】HTMLを簡単に作成していくためのVSCodeの基本操作（字幕あり）
Просмотров 293 года назад
【導入編 #04】HTMLを簡単に作成していくためのVSCodeの基本操作（字幕あり）
【導入編 #02】インストール直後のVSCodeの英語表示を、日本語表示に変更してみた（字幕あり）。
Просмотров 163 года назад
【導入編 #02】インストール直後のVSCodeの英語表示を、日本語表示に変更してみた（字幕あり）。
【導入編 #01】みんな大好きVSCode！プログラムを効率的に記述できるVisual Studio Codeをインストールしていこう（字幕あり）。
Просмотров 503 года назад
【導入編 #01】みんな大好きVSCode！プログラムを効率的に記述できるVisual Studio Codeをインストールしていこう（字幕あり）。