SlideShare a Scribd company logo
つくりながら覚えるフロントエンド
ワクワク勉強会広島 オンライン 2021/3/20
@kyokucho1989
1. 自己紹介
・kyokucho1989
・IoTが好き
・最近Vue.js勉強してます
・広島在住
twitter: @kyokucho_1989
blog: https://matoyomi.hatenablog.com
youtube: マトリョーシカ的IoTチャンネル
1. 自己紹介
プッチ神父回路
(素数だけ数える)
カップラーメン IoT タイマー
(3分経ったらLINEにお知らせ)
1. 自己紹介
はまっていたもの
・電子工作 (m5stack)
・3Dプリンター
・競技プログラミング(vs code)
・ブログ
・コーヒー
プログラミング、もう一回やろうかなー
2. 勉強会をつくった目的
・わたしが教えてわたしが学ぶ!
最も効率の良い学習法 = 人に教えること
・定期的にやっていきたい
他の勉強会に単発でLT登壇するよりも
自分で勉強会をつくってしまおう
3.フロントエンドとはなにか
フロントエンド:みえるもの
バックエンド:みえないもの
そんなイメージ。
人 < - > ブラウザ < - > サーバー
フロントエンド バックエンド
3.フロントエンドとはなにか
どっちも勉強したほうがたのしそう!
去年くらい: Ruby
今年あたり:JavaScript 勉強中。
4.さいきんのフロントエンドってどう?
ぜんぜんわからない。
(非ITエンジニアなので)
Vue? Angular? React? typescript?
まずはJavaScriptから頑張ろう
5.JavaScriptの勉強法=つくる!
なんか簡単なものからつくろう!
> TODOリストかな
Vueでつくったやつ
VueでつくったTODOリストを
JavaScriptにしてみる!
そして教材に仕上げてます
おわり:ぜんぜんおわらなかったので
またつづきつくります
ご静聴、ありがとうございました。

More Related Content

What's hot

IoTちっくなウェブサービスをつくるぞ!
IoTちっくなウェブサービスをつくるぞ!IoTちっくなウェブサービスをつくるぞ!
IoTちっくなウェブサービスをつくるぞ!
K K
 
冷蔵庫ウォッチングサマータイム
冷蔵庫ウォッチングサマータイム冷蔵庫ウォッチングサマータイム
冷蔵庫ウォッチングサマータイム
K K
 
kintone でわくわくIoT~広がる無限の可能性~
kintone でわくわくIoT~広がる無限の可能性~kintone でわくわくIoT~広がる無限の可能性~
kintone でわくわくIoT~広がる無限の可能性~
K K
 
IoTLT65_とりあえず家の可視化をしてみた
IoTLT65_とりあえず家の可視化をしてみたIoTLT65_とりあえず家の可視化をしてみた
IoTLT65_とりあえず家の可視化をしてみた
ssuserd0a291
 
Java→phpエンジニアに転向した話
Java→phpエンジニアに転向した話Java→phpエンジニアに転向した話
Java→phpエンジニアに転向した話
Kuroiwa Takumi
 
第三回デジタルガジェット祭り! LT「ペットとセンサー編」
第三回デジタルガジェット祭り! LT「ペットとセンサー編」第三回デジタルガジェット祭り! LT「ペットとセンサー編」
第三回デジタルガジェット祭り! LT「ペットとセンサー編」
Yasuyuki Sugai
 
お家ハック報告会 #2 LT
お家ハック報告会 #2 LTお家ハック報告会 #2 LT
お家ハック報告会 #2 LT
jo jonki
 
第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)
第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)
第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)
Takatoshi Hattori
 
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
Saya Katafuchi
 
iOS 8/Swift エンジニア勉強会@ヤフー
iOS 8/Swift エンジニア勉強会@ヤフーiOS 8/Swift エンジニア勉強会@ヤフー
iOS 8/Swift エンジニア勉強会@ヤフー
大介 束田
 
20141218 お・と・なのlt大会
20141218 お・と・なのlt大会20141218 お・と・なのlt大会
20141218 お・と・なのlt大会
大介 束田
 
Tbmu 20141008 oregadget
Tbmu 20141008 oregadgetTbmu 20141008 oregadget
Tbmu 20141008 oregadgetTerumasa Okabe
 
Devとopsをつなぐpuppet
DevとopsをつなぐpuppetDevとopsをつなぐpuppet
Devとopsをつなぐpuppetyuzorock
 
第23回東京ブロガーミートアップ「動画について」
第23回東京ブロガーミートアップ「動画について」第23回東京ブロガーミートアップ「動画について」
第23回東京ブロガーミートアップ「動画について」
Tanaka Yuji
 
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生Yuusuke Takeuchi
 
プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。
NAKAOKU Takahiro
 
Raspberry pi 3を使ってみてあれこれ
Raspberry pi 3を使ってみてあれこれRaspberry pi 3を使ってみてあれこれ
Raspberry pi 3を使ってみてあれこれ
Lina Katayose
 
ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)
ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)
ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)
Takuya Mukohira
 
micropythonってたーのしー!
micropythonってたーのしー!micropythonってたーのしー!
micropythonってたーのしー!
satokengo
 
Facebook messenger botの作り方と作ってみた
Facebook messenger botの作り方と作ってみたFacebook messenger botの作り方と作ってみた
Facebook messenger botの作り方と作ってみた
Takaaki Kusumoto
 

What's hot (20)

IoTちっくなウェブサービスをつくるぞ!
IoTちっくなウェブサービスをつくるぞ!IoTちっくなウェブサービスをつくるぞ!
IoTちっくなウェブサービスをつくるぞ!
 
冷蔵庫ウォッチングサマータイム
冷蔵庫ウォッチングサマータイム冷蔵庫ウォッチングサマータイム
冷蔵庫ウォッチングサマータイム
 
kintone でわくわくIoT~広がる無限の可能性~
kintone でわくわくIoT~広がる無限の可能性~kintone でわくわくIoT~広がる無限の可能性~
kintone でわくわくIoT~広がる無限の可能性~
 
IoTLT65_とりあえず家の可視化をしてみた
IoTLT65_とりあえず家の可視化をしてみたIoTLT65_とりあえず家の可視化をしてみた
IoTLT65_とりあえず家の可視化をしてみた
 
Java→phpエンジニアに転向した話
Java→phpエンジニアに転向した話Java→phpエンジニアに転向した話
Java→phpエンジニアに転向した話
 
第三回デジタルガジェット祭り! LT「ペットとセンサー編」
第三回デジタルガジェット祭り! LT「ペットとセンサー編」第三回デジタルガジェット祭り! LT「ペットとセンサー編」
第三回デジタルガジェット祭り! LT「ペットとセンサー編」
 
お家ハック報告会 #2 LT
お家ハック報告会 #2 LTお家ハック報告会 #2 LT
お家ハック報告会 #2 LT
 
第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)
第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)
第18回 ビギナー勉強会のサルでき補足資料(iPhoneアプリ開発超入門)
 
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
 
iOS 8/Swift エンジニア勉強会@ヤフー
iOS 8/Swift エンジニア勉強会@ヤフーiOS 8/Swift エンジニア勉強会@ヤフー
iOS 8/Swift エンジニア勉強会@ヤフー
 
20141218 お・と・なのlt大会
20141218 お・と・なのlt大会20141218 お・と・なのlt大会
20141218 お・と・なのlt大会
 
Tbmu 20141008 oregadget
Tbmu 20141008 oregadgetTbmu 20141008 oregadget
Tbmu 20141008 oregadget
 
Devとopsをつなぐpuppet
DevとopsをつなぐpuppetDevとopsをつなぐpuppet
Devとopsをつなぐpuppet
 
第23回東京ブロガーミートアップ「動画について」
第23回東京ブロガーミートアップ「動画について」第23回東京ブロガーミートアップ「動画について」
第23回東京ブロガーミートアップ「動画について」
 
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
 
プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。
 
Raspberry pi 3を使ってみてあれこれ
Raspberry pi 3を使ってみてあれこれRaspberry pi 3を使ってみてあれこれ
Raspberry pi 3を使ってみてあれこれ
 
ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)
ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)
ブログ駆動人生 - 高専生のキャリアについて考える会(20150823)
 
micropythonってたーのしー!
micropythonってたーのしー!micropythonってたーのしー!
micropythonってたーのしー!
 
Facebook messenger botの作り方と作ってみた
Facebook messenger botの作り方と作ってみたFacebook messenger botの作り方と作ってみた
Facebook messenger botの作り方と作ってみた
 

Similar to わくわく勉強会 フロントエンド

個人開発 デプロイまでの道のり
個人開発 デプロイまでの道のり個人開発 デプロイまでの道のり
個人開発 デプロイまでの道のり
K K
 
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
Takagi Koichi
 
オンライン授業を楽にするIoT
オンライン授業を楽にするIoTオンライン授業を楽にするIoT
オンライン授業を楽にするIoT
kamiyamayuya
 
Quantum teleportation
Quantum teleportationQuantum teleportation
Quantum teleportation
YuuOkano
 
面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -
面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -
面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -
MinoruIto3
 
JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )
JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )
JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )
yo-to
 
Gadget in Pocket オフ会 incmplt LT
Gadget in Pocket オフ会 incmplt LTGadget in Pocket オフ会 incmplt LT
Gadget in Pocket オフ会 incmplt LT
Yasushi ABE
 
Iotlt 28 HoloLensに日本語聞いてもらいたい
Iotlt 28 HoloLensに日本語聞いてもらいたいIotlt 28 HoloLensに日本語聞いてもらいたい
Iotlt 28 HoloLensに日本語聞いてもらいたい
Masaki Yamamoto
 
C言語講習会資料(前半)
C言語講習会資料(前半)C言語講習会資料(前半)
C言語講習会資料(前半)
Yuki Sako
 
IoTハンズオン・レクチャー資料
IoTハンズオン・レクチャー資料IoTハンズオン・レクチャー資料
IoTハンズオン・レクチャー資料
Yoshihiro Ochi
 
ML system design_pattern
ML system design_patternML system design_pattern
ML system design_pattern
yusuke shibui
 
Web BluetoothではじめるIoT Prototype
Web BluetoothではじめるIoT PrototypeWeb BluetoothではじめるIoT Prototype
Web BluetoothではじめるIoT Prototype
Masayuki Kurashita
 
TensorFlowで遊びながら学んだ、はじめてのLED点滅
TensorFlowで遊びながら学んだ、はじめてのLED点滅TensorFlowで遊びながら学んだ、はじめてのLED点滅
TensorFlowで遊びながら学んだ、はじめてのLED点滅
Takeshi Mikami
 
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプShuhei Iitsuka
 
いないいないさあぼ
いないいないさあぼいないいないさあぼ
いないいないさあぼ
Tetsuya Kanja
 
こわくないPython
こわくないPythonこわくないPython
こわくないPython
Katsuya Arai
 
OSC2013 Tokyo/Spring OSC.cms NetCommons紹介
OSC2013 Tokyo/Spring OSC.cms NetCommons紹介OSC2013 Tokyo/Spring OSC.cms NetCommons紹介
OSC2013 Tokyo/Spring OSC.cms NetCommons紹介
株式会社 オープンソース・ワークショップ
 
「完全”非”公式Net commonsのススメ+α」発表資料
「完全”非”公式Net commonsのススメ+α」発表資料「完全”非”公式Net commonsのススメ+α」発表資料
「完全”非”公式Net commonsのススメ+α」発表資料
Shuhei Endo
 
プロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCT
プロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCTプロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCT
プロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCT
Tokoroten Nakayama
 
Quantum Computer: Now and Future
Quantum Computer: Now and FutureQuantum Computer: Now and Future
Quantum Computer: Now and Future
Satoyuki Tsukano
 

Similar to わくわく勉強会 フロントエンド (20)

個人開発 デプロイまでの道のり
個人開発 デプロイまでの道のり個人開発 デプロイまでの道のり
個人開発 デプロイまでの道のり
 
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
 
オンライン授業を楽にするIoT
オンライン授業を楽にするIoTオンライン授業を楽にするIoT
オンライン授業を楽にするIoT
 
Quantum teleportation
Quantum teleportationQuantum teleportation
Quantum teleportation
 
面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -
面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -
面倒臭がりでもキャッチアップしたい- RE:Bot から始めるものぐさ生活 -
 
JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )
JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )
JavaScript初心者が試せるIoT【voiceflowの話】( IoTLT vol.52 @メルカリ )
 
Gadget in Pocket オフ会 incmplt LT
Gadget in Pocket オフ会 incmplt LTGadget in Pocket オフ会 incmplt LT
Gadget in Pocket オフ会 incmplt LT
 
Iotlt 28 HoloLensに日本語聞いてもらいたい
Iotlt 28 HoloLensに日本語聞いてもらいたいIotlt 28 HoloLensに日本語聞いてもらいたい
Iotlt 28 HoloLensに日本語聞いてもらいたい
 
C言語講習会資料(前半)
C言語講習会資料(前半)C言語講習会資料(前半)
C言語講習会資料(前半)
 
IoTハンズオン・レクチャー資料
IoTハンズオン・レクチャー資料IoTハンズオン・レクチャー資料
IoTハンズオン・レクチャー資料
 
ML system design_pattern
ML system design_patternML system design_pattern
ML system design_pattern
 
Web BluetoothではじめるIoT Prototype
Web BluetoothではじめるIoT PrototypeWeb BluetoothではじめるIoT Prototype
Web BluetoothではじめるIoT Prototype
 
TensorFlowで遊びながら学んだ、はじめてのLED点滅
TensorFlowで遊びながら学んだ、はじめてのLED点滅TensorFlowで遊びながら学んだ、はじめてのLED点滅
TensorFlowで遊びながら学んだ、はじめてのLED点滅
 
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプ
 
いないいないさあぼ
いないいないさあぼいないいないさあぼ
いないいないさあぼ
 
こわくないPython
こわくないPythonこわくないPython
こわくないPython
 
OSC2013 Tokyo/Spring OSC.cms NetCommons紹介
OSC2013 Tokyo/Spring OSC.cms NetCommons紹介OSC2013 Tokyo/Spring OSC.cms NetCommons紹介
OSC2013 Tokyo/Spring OSC.cms NetCommons紹介
 
「完全”非”公式Net commonsのススメ+α」発表資料
「完全”非”公式Net commonsのススメ+α」発表資料「完全”非”公式Net commonsのススメ+α」発表資料
「完全”非”公式Net commonsのススメ+α」発表資料
 
プロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCT
プロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCTプロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCT
プロダクション環境でオンラインで機械学習を動かすにあたってツライ話 #MLCT
 
Quantum Computer: Now and Future
Quantum Computer: Now and FutureQuantum Computer: Now and Future
Quantum Computer: Now and Future
 

わくわく勉強会 フロントエンド