Enviar pesquisa
Carregar
実際のウェブページコーディング
•
3 gostaram
•
933 visualizações
ourmaninjapan
Seguir
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 14
Baixar agora
Baixar para ler offline
Recomendados
Html:css
Html:css
Yuuki Tazawa
【Word press】記事一覧ページを作成する方法
【Word press】記事一覧ページを作成する方法
H S
Ripps BootCamp 02
Ripps BootCamp 02
Shintaro Fujiwara
Doctypeという黒魔術の話
Doctypeという黒魔術の話
亮 門屋
Web programming introduction
Web programming introduction
colun
フロンエンドトレンドについて話そう
フロンエンドトレンドについて話そう
Atushi Sugiyama
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Chrome拡張機能の作りかた
Chrome拡張機能の作りかた
aozou99
Recomendados
Html:css
Html:css
Yuuki Tazawa
【Word press】記事一覧ページを作成する方法
【Word press】記事一覧ページを作成する方法
H S
Ripps BootCamp 02
Ripps BootCamp 02
Shintaro Fujiwara
Doctypeという黒魔術の話
Doctypeという黒魔術の話
亮 門屋
Web programming introduction
Web programming introduction
colun
フロンエンドトレンドについて話そう
フロンエンドトレンドについて話そう
Atushi Sugiyama
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Chrome拡張機能の作りかた
Chrome拡張機能の作りかた
aozou99
JQuery入門
JQuery入門
sayoko miura
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
141115 making web site
141115 making web site
Himi Sato
Html講習会資料
Html講習会資料
竹島 泉
HTML
HTML
Jun Chiba
.インストールをやってみよう
.インストールをやってみよう
ohotech
Java script
Java script
sayoko miura
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
Fuminori Mori
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
【フロントエンド勉強会】 フロントエンド基礎知識
【フロントエンド勉強会】 フロントエンド基礎知識
Sota Takahashi
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
HTMLのアウトラインを意識しよう
HTMLのアウトラインを意識しよう
shigetoshi komatsu
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
Six Apart
nanocのhelper 利用実例
nanocのhelper 利用実例
Go Maeda
Implementation patterns
Implementation patterns
Tatsuya Maki
Language toolを使ってみる
Language toolを使ってみる
Takatsugu Nokubi
再帰、漸化式、差分方程式とアルゴリズム Gx#20
再帰、漸化式、差分方程式とアルゴリズム Gx#20
鉄次 尾形
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
Detroit Programming City
Detroit Programming City
Koichi ITO
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Go Maeda
Mais conteúdo relacionado
Mais procurados
JQuery入門
JQuery入門
sayoko miura
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
141115 making web site
141115 making web site
Himi Sato
Html講習会資料
Html講習会資料
竹島 泉
HTML
HTML
Jun Chiba
.インストールをやってみよう
.インストールをやってみよう
ohotech
Java script
Java script
sayoko miura
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
Fuminori Mori
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
【フロントエンド勉強会】 フロントエンド基礎知識
【フロントエンド勉強会】 フロントエンド基礎知識
Sota Takahashi
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
HTMLのアウトラインを意識しよう
HTMLのアウトラインを意識しよう
shigetoshi komatsu
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
Six Apart
nanocのhelper 利用実例
nanocのhelper 利用実例
Go Maeda
Mais procurados
(16)
JQuery入門
JQuery入門
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
141115 making web site
141115 making web site
Html講習会資料
Html講習会資料
HTML
HTML
.インストールをやってみよう
.インストールをやってみよう
Java script
Java script
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
【フロントエンド勉強会】 フロントエンド基礎知識
【フロントエンド勉強会】 フロントエンド基礎知識
WordPress を使いこなそう
WordPress を使いこなそう
HTMLのアウトラインを意識しよう
HTMLのアウトラインを意識しよう
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
nanocのhelper 利用実例
nanocのhelper 利用実例
Destaque
Implementation patterns
Implementation patterns
Tatsuya Maki
Language toolを使ってみる
Language toolを使ってみる
Takatsugu Nokubi
再帰、漸化式、差分方程式とアルゴリズム Gx#20
再帰、漸化式、差分方程式とアルゴリズム Gx#20
鉄次 尾形
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
Detroit Programming City
Detroit Programming City
Koichi ITO
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Go Maeda
Destaque
(6)
Implementation patterns
Implementation patterns
Language toolを使ってみる
Language toolを使ってみる
再帰、漸化式、差分方程式とアルゴリズム Gx#20
再帰、漸化式、差分方程式とアルゴリズム Gx#20
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Detroit Programming City
Detroit Programming City
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Mais de ourmaninjapan
テレビのウェブ開発:その1
テレビのウェブ開発:その1
ourmaninjapan
テレビのウェブ開発:その2
テレビのウェブ開発:その2
ourmaninjapan
テレビのウェブ開発:その3
テレビのウェブ開発:その3
ourmaninjapan
Developing for TV
Developing for TV
ourmaninjapan
HTML5概要、コードサンプル
HTML5概要、コードサンプル
ourmaninjapan
The status of living HTML (highlights)
The status of living HTML (highlights)
ourmaninjapan
How to read W3C specs
How to read W3C specs
ourmaninjapan
HTML5: APIの活用事例 と 今後の広がり
HTML5: APIの活用事例 と 今後の広がり
ourmaninjapan
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
ourmaninjapan
Web payments
Web payments
ourmaninjapan
testharness.js の基礎
testharness.js の基礎
ourmaninjapan
W3C Widgets、どこが面白い?
W3C Widgets、どこが面白い?
ourmaninjapan
W3C Widgets: Why should I care?
W3C Widgets: Why should I care?
ourmaninjapan
Widgets in theory and in practice
Widgets in theory and in practice
ourmaninjapan
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
ourmaninjapan
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
ourmaninjapan
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
ourmaninjapan
スマートTVへの アプローチと制作
スマートTVへの アプローチと制作
ourmaninjapan
「Network Service Discovery API ができました!」 と言われた時
「Network Service Discovery API ができました!」 と言われた時
ourmaninjapan
Presentation Skills
Presentation Skills
ourmaninjapan
Mais de ourmaninjapan
(20)
テレビのウェブ開発:その1
テレビのウェブ開発:その1
テレビのウェブ開発:その2
テレビのウェブ開発:その2
テレビのウェブ開発:その3
テレビのウェブ開発:その3
Developing for TV
Developing for TV
HTML5概要、コードサンプル
HTML5概要、コードサンプル
The status of living HTML (highlights)
The status of living HTML (highlights)
How to read W3C specs
How to read W3C specs
HTML5: APIの活用事例 と 今後の広がり
HTML5: APIの活用事例 と 今後の広がり
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
Web payments
Web payments
testharness.js の基礎
testharness.js の基礎
W3C Widgets、どこが面白い?
W3C Widgets、どこが面白い?
W3C Widgets: Why should I care?
W3C Widgets: Why should I care?
Widgets in theory and in practice
Widgets in theory and in practice
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
スマートTVへの アプローチと制作
スマートTVへの アプローチと制作
「Network Service Discovery API ができました!」 と言われた時
「Network Service Discovery API ができました!」 と言われた時
Presentation Skills
Presentation Skills
Último
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
Último
(7)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
実際のウェブページコーディング
1.
実際のウェブページコーディング (ま、殆どJavaScriptですが)
Daniel Davis (@ourmaninjapan)
2.
● ●
僕が使うコーディングワークフロー – (DOMを利用すると超便利!) ● エラーの防止と扱い ● ブラウザの開発ツールを活かそう!
3.
僕が使うコーディングワークフロー ●
4.
5.
テンプレート →
6.
<!DOCTYPE html> <html lang="ja"> <head> <meta
charset="utf-8"> <style>CSSはここ</style> <script>JavaScriptはここ</script> <title>HTMLファイルのテンプレート</title> </head> <body> <h1>HTMLファイルのテンプレート</h1> </body> </html>
7.
テンプレート →
← 事例
8.
エラーの防止と扱い ●
9.
●
1. 論理的なブロック →
10.
2. 分かりやすいコメント ●
「なに」ではなく「なぜ」
11.
3. 統一性が重要
● 例えばスペース、インデント、”など ●
12.
●
4. 変数、関数、DOMの名付け ● zoom_level ● is_set ● makePattern() ● doZoom() ● setPencil() ● getAge() ● btn_search ● lbl_search
13.
5. コードを美しく ●
14.
ブラウザの開発ツールを活かそう! ●
(エラーコンソール、Opera Dragonfly)
Baixar agora