JavaScriptのセンターピン

Slide 1

Slide 1 text

P r e s e n t e d b y y o s h i チーム開発。 JavaScriptでいかがでしょう👀？？

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

一番効果が望める力点

Slide 6

Slide 6 text

一番効果が望める力点

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

範囲を先取りする。

Slide 9

Slide 9 text

視点 1.HTMLの主要のタグ

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

視点 3.関数表記

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

視点 4.DOM操作

Slide 17

Slide 17 text

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