SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
WebサービスAPI勉強会第3クールSeason2
JavaScriptライブラリワーク(jQuery等)
Season1ではJavaScriptの基本からAPIからデータ
取得しての商品検索結果表示まで走り抜けました
最小限のインプットで最短距離で目標に到達
漆塗りはなぜ美しいか?
まずはゴールまでの直線を引き、肉付けする
脚だけ完成していてもしょうがない
木であれば、後から枝と葉っぱを付けて全体像を
創り上げる
Season2ではSeason1の文法理解の補足から
jQueryというライブラリの利用、Ajax
jQueryって?
ライブラリを利用して時間や手間をかけずに
効果的なWebサイトを作る技術が重要
実は学習の労力対効果が大きい
世界中の人々がjQueryの活用法やプラグインを公
開している
AjaxもjQueryを使えばカンタンに実装できる
Web上のあらゆるサイトの表現と同じようなもの
が意外と早く自分のサイトにも活用できる時代
誰よりも早くこの事実に気づいて効果的な
サイト上の表現力を上げていきましょう!
効率良く、効果的なサイト、手早く創り上げる

Weitere ähnliche Inhalte

Was ist angesagt?

Lambda(Python)のデプロイについて考えたというか作った
Lambda(Python)のデプロイについて考えたというか作ったLambda(Python)のデプロイについて考えたというか作った
Lambda(Python)のデプロイについて考えたというか作ったTerui Masashi
 
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解するこれで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解するHajime Ogushi
 
ライオンでも分かるVuejs
ライオンでも分かるVuejsライオンでも分かるVuejs
ライオンでも分かるVuejslion-man
 
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1Takuya Mukohira
 
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話yoshioka_cb
 
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないためにモダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないためにYukiOniki
 
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323Shinichi Nishikawa
 
svelte と tailwind で始めるフロントエンド開発
svelte と tailwind で始めるフロントエンド開発svelte と tailwind で始めるフロントエンド開発
svelte と tailwind で始めるフロントエンド開発Shuichi Takaya
 
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかなぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかYoichi Toyota
 
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ慎一 古賀
 
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」Naoyuki Kataoka
 
スキトラ Spring + mybatis
スキトラ Spring + mybatisスキトラ Spring + mybatis
スキトラ Spring + mybatis小川 昌吾
 
Web Workers
Web WorkersWeb Workers
Web Workerskaboccha
 
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。Toshio Ehara
 
ホームページ制作
ホームページ制作ホームページ制作
ホームページ制作yosuke mizusawa
 
現代的ウェブデザイン学習
現代的ウェブデザイン学習現代的ウェブデザイン学習
現代的ウェブデザイン学習Takenaka Kiyohiro
 
jQueryを中心としたJavaScript
jQueryを中心としたJavaScriptjQueryを中心としたJavaScript
jQueryを中心としたJavaScripthideaki honda
 
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田Y Watanabe
 

Was ist angesagt? (20)

Lambda(Python)のデプロイについて考えたというか作った
Lambda(Python)のデプロイについて考えたというか作ったLambda(Python)のデプロイについて考えたというか作った
Lambda(Python)のデプロイについて考えたというか作った
 
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解するこれで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
 
ライオンでも分かるVuejs
ライオンでも分かるVuejsライオンでも分かるVuejs
ライオンでも分かるVuejs
 
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1
 
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
 
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないためにモダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないために
 
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
 
svelte と tailwind で始めるフロントエンド開発
svelte と tailwind で始めるフロントエンド開発svelte と tailwind で始めるフロントエンド開発
svelte と tailwind で始めるフロントエンド開発
 
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかなぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
 
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
 
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
 
スキトラ Spring + mybatis
スキトラ Spring + mybatisスキトラ Spring + mybatis
スキトラ Spring + mybatis
 
Web Workers
Web WorkersWeb Workers
Web Workers
 
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
 
ホームページ制作
ホームページ制作ホームページ制作
ホームページ制作
 
React.js + Flux
React.js + FluxReact.js + Flux
React.js + Flux
 
現代的ウェブデザイン学習
現代的ウェブデザイン学習現代的ウェブデザイン学習
現代的ウェブデザイン学習
 
Berry'sWaffle
Berry'sWaffleBerry'sWaffle
Berry'sWaffle
 
jQueryを中心としたJavaScript
jQueryを中心としたJavaScriptjQueryを中心としたJavaScript
jQueryを中心としたJavaScript
 
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
 

Andere mochten auch

Tbmuライトニングトーク.key
Tbmuライトニングトーク.keyTbmuライトニングトーク.key
Tbmuライトニングトーク.key脇村 隆
 
第1回マッシュアップワークショップ
第1回マッシュアップワークショップ第1回マッシュアップワークショップ
第1回マッシュアップワークショップ脇村 隆
 
VC Search公開
VC Search公開VC Search公開
VC Search公開脇村 隆
 
WebサービスAPI勉強会第3クールSeason3
WebサービスAPI勉強会第3クールSeason3WebサービスAPI勉強会第3クールSeason3
WebサービスAPI勉強会第3クールSeason3脇村 隆
 
Stockedin MA7プレゼン
Stockedin MA7プレゼンStockedin MA7プレゼン
Stockedin MA7プレゼン脇村 隆
 
リンクシェアフェア2011 apiミニワークショップ
リンクシェアフェア2011 apiミニワークショップリンクシェアフェア2011 apiミニワークショップ
リンクシェアフェア2011 apiミニワークショップ脇村 隆
 
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2脇村 隆
 
東京ブロガーミートアップの進め方
東京ブロガーミートアップの進め方東京ブロガーミートアップの進め方
東京ブロガーミートアップの進め方脇村 隆
 

Andere mochten auch (8)

Tbmuライトニングトーク.key
Tbmuライトニングトーク.keyTbmuライトニングトーク.key
Tbmuライトニングトーク.key
 
第1回マッシュアップワークショップ
第1回マッシュアップワークショップ第1回マッシュアップワークショップ
第1回マッシュアップワークショップ
 
VC Search公開
VC Search公開VC Search公開
VC Search公開
 
WebサービスAPI勉強会第3クールSeason3
WebサービスAPI勉強会第3クールSeason3WebサービスAPI勉強会第3クールSeason3
WebサービスAPI勉強会第3クールSeason3
 
Stockedin MA7プレゼン
Stockedin MA7プレゼンStockedin MA7プレゼン
Stockedin MA7プレゼン
 
リンクシェアフェア2011 apiミニワークショップ
リンクシェアフェア2011 apiミニワークショップリンクシェアフェア2011 apiミニワークショップ
リンクシェアフェア2011 apiミニワークショップ
 
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
 
東京ブロガーミートアップの進め方
東京ブロガーミートアップの進め方東京ブロガーミートアップの進め方
東京ブロガーミートアップの進め方