$30 off During Our Annual Pro Sale. View Details »

JavaScriptのセンターピン

yosi
August 08, 2022
Programming
0
22

 JavaScriptのセンターピン

yosi

August 08, 2022
Tweet

More Decks by yosi

See All by yosi
なるほどGit講座 (追跡ブランチが理解できます！)
yoshisan
0
77
「自分の時間を生きる」キャリア論
yoshisan
1
45
小学生でもわかる SlackAPI×GAS
yoshisan
0
28
達人プログラマーになろう！
yoshisan
0
43
認証認可
yoshisan
1
32
オブジェクト指向が"チョットワカル"スライド
yoshisan
0
38
Linuxについて"ほんのチョットワカル"スライド
yoshisan
1
28
Let's React!! "チョットワカル"の第一歩
yoshisan
1
40
ようこそ！！ココカラ勉強会へ！
yoshisan
0
21

Other Decks in Programming

See All in Programming
GDG DevFest2022 Songdo - KMM(Kotlin Multiplatform Mobile)
taehwandev
0
240
Amazon EKS上の開発体験を最大化するプレビュー環境の作り方
katainaka0503
0
200
Import Maps: The Next Evolution Step for Micro Frontends?
manfredsteyer
PRO
0
130
Yet Another KMP*
ilkeraslan
0
110
XR技術をめちゃくちゃ流行らせるためにちゅらデータが取り組んでいること
mo84dan5
0
110
Node.jsの2022年と未来 / Node.js in 2022 and Future
masashi
1
640
Import Maps: The Next Evolution Step for Micro Frontends? @w-jax 2022
manfredsteyer
PRO
1
190
WebAssembly for the Backend
adriancole
0
160
디자인에 이어 코딩까지 AI가 프로그램 개발을 척척? : GitHub Copilot, 어디까지 알아보셨나요
outsider
0
560
蔵書管理アプリを作り直した
tinymouse
0
130
ぱっと見犬猫っぽいAWSアーキテクチャ図を Amazon Rekognitionで判定しよう
kzkmaeda
0
260
AWS発デザインシステム「Cloudscape」を使ってUI爆速開発
j_3woo86
1
110

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
22
42k
Into the Great Unknown - MozCon
thekraken
0
170
Design by the Numbers
sachag
271
17k
Visualization
eitanlees
126
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
Fireside Chat
paigeccino
16
1.6k
Scaling GitHub
holman
453
140k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
4
3.7k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
175
8.9k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
Mobile First: as difficult as doing things right
swwweet
213
7.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
760

Transcript

  1. P r e s e n t e d b

    y y o s h i チーム開発。 JavaScriptで いかがでしょう👀？？
  2. None
  3. None

  4. センターピンとは？？ ところで,,,,

  5. 一番効果が望める力点

  6. 一番効果が望める力点

  7. プログラミング言語にも センターピンはございます。

  8. 範囲を先取りする。

  9. 視点 1.HTMLの主要のタグ

  10. JSはHTMLのtagu内のidを基点にしている！ →パターンはある程度決まってる！ どういう時に使われる？ ・フォームの送信(生成・新規作成) ・link移動(非同期通信) ・テーブル(表示一覧) なぜHTML？？

  11. 視点 2.イベントハンドラ

  12. ある特定の操作をトリガー(基点)として動きます。 →この基点がイベントハンドラ！ ・clickした時 ・ボタン状をホバーした時 ・LINKに飛んだ時 etc イベントハンドラ

  13. ある特定の操作を基点として動きます。 →この基点がイベントハンドラ！ JSの主要な要素は全てHTMLのタグが発火箇所にな ります！ イベントハンドラ一覧(抜粋)

  14. 視点 3.関数表記

  15. JSの記述は関数型言語に近い思想になります！ 知っておきたいこと ・オブジェクト指向 ・関数指向 書き方 ・無名関数 ・コールバック関数 なぜ関数？？

  16. 視点 4.DOM操作

  17. ブラウザ側がブラウザAPIは使用する際に JavaScriptをデファクトスタンダードで扱えるように してるから。 JavaScriptでブラウザAPIを動かしています。 その際にブラウザAPI側で書くドキュメントの各要素をオ ブジェクト的に動かせるようになってる。 →これがDOM操作！ なぜJSがフロントで必要？？

  18. ブラウザ側がブラウザAPIは使用する際に JavaScriptをデファクトスタンダードで扱えるように してるから。 JavaScriptでブラウザAPIを動かしています。 その際にブラウザAPI側で書くドキュメントの各要素をオ ブジェクト的に動かせるようになってる。 →これがDOM操作！ なぜJSがフロントで必要？？

  19. 範囲を先取りする。

  20. 御清聴ありがとうございました